/* WPA (Gold): #ca9d00 Student Focus (Dark Blue): #004d7b Festivals (Red): #b60c2b WPA (Light Blue): #038fd9 WPA (Gray): #4c4c4c */ /********************************************************************/ /* Reset CSS */ /********************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} ol, ul {list-style-type: none;} /********************************************************************/ /* Generic tags */ /********************************************************************/ body {font-family:Arial, Verdana, sans-serif; font-size:11px; color:#656565; background:#111111;} p { padding-bottom:15px;} em { font-style:italic;} strong { font-weight:bold;} abbr { text-decoration:none; border:none;} img {border:0px;} a { font-weight:normal; text-decoration:underline; color:#4c4c4c;} a:hover, a:active, a:focus {text-decoration:underline; color:#038fd9;} .fl { float:left;} .fr { float:right;} .al { text-align:left;} .ar { text-align:right;} .ac { text-align:center;} .clear { clear:both; height:0px;} .skiptocontent, .relbookmark, .profileSelector label, .gallerySelector label, .basket .field label {position:absolute; margin-left: -9999px;} #contentCol ul, #content ol { padding:0px 0px 20px 0px;} #sideCol .content ul, #sideCol .content ol { padding-bottom:10px;} #contentCol li, #sideCol .content li { padding:0px 0px 5px 13px; background:url('/_images/bullets/square.gif') no-repeat 2px 8px;} #contentCol li ul, #sideCol .content li ul { padding-top:5px;} #content ol li, #sideCol .content ol li { padding:0px 0px 5px 0px; margin:0px 0px 0px 25px; list-style:decimal outside; background:none;} #contentCol table { float:left; width:100%; margin:0 0 15px 0; text-align:left; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1;} #contentCol table th { font-weight:bold; color:#fff; background:url(/_images/bg/table-th.gif) top left repeat-x #4d4d4d; border-top:1px solid #454545; padding:7px 8px; } #contentCol table td { border-bottom:1px solid #e1e1e1; background:#fff; padding:5px 8px; vertical-align:middle;} #contentCol table .even td { background:#F9F9F9;} #contentCol table .highlight td { background:#fffee9;} #contentCol table .new td { background:#f2f9fd; color:#4c4c4c;} legend, .ui-dialog .hide, .hidden, .alert.hidden { display:none;} input, select, textarea { font-size:11px; font-family:Arial, Verdana, sans-serif;} .checkbox input, .rememberMe input { margin:0; width:13px; height:13px; overflow:hidden; padding:0;} .hr { background:url(/_images/bg/profile-grad.png) top left repeat-x; border-top:1px solid #E7E7E7; height:30px;} .hr hr { display:none;} /********************************************************************/ /* H tags */ /********************************************************************/ h1, h2, h3 { font-family:Georgia, "Times New Roman", Times, serif;} h1 { font-size:18px; color:#4c4c4c; padding:0px 0px 15px 0px; line-height:1.4em;} h1 .cufon-canvas { margin:0 0 5px 0;} h1 .cufon-vml { margin-bottom:5px !important;} .cufon-ready .heading h1 { padding:0 0 10px 0; line-height:1em;} #content .heading { background:url(/_images/bg/heading.png) top right no-repeat #2c2c2c; border-color:#494949;} #content .heading .hd { background:none;} #content .heading h1 { color:#fff; } h2, .payWithPaypal span { font-size: 17px; color:#4c4c4c; padding:0px 0px 15px 0px; line-height:1.5em; font-weight:normal;} .module .hd h2 .cufon-vml, .payWithPaypal span .cufon-vml { margin-bottom:5px !important;} h3 { font-size: 14px; color:#4c4c4c; font-weight:normal; padding:0px 0px 10px 0px; line-height:1.5em;} /********************************************************************/ /* Template tags */ /********************************************************************/ #container { background:url(/_images/bg/bkg.gif) 0px -92px repeat-x #fff;} #containerInner {width:984px; margin:0 auto;} #containerInner.noBreadcrumb { padding-top:24px;} /********************************************************************/ /* Header */ /********************************************************************/ #header { background:#000; height:89px; border-bottom:3px solid #000;} #headerInner { width:984px; margin:0 auto; z-index:1001; position:relative;} #header .headerContent { float:right;} #logo { text-indent:-9999px; width:107px; height:66px; background:url(/_images/logos/logo.png) no-repeat; float:left; margin:34px 0 0 8px;} #beta { height:9px; width:27px; background:url(/_images/icons/beta.gif) 0px 0px no-repeat; text-indent:-9999px; position:absolute; top:17px; left:120px;} #siteLogos { float:left; width:120px;} #sony { float:left; border-top:1px solid #595959; padding:4px 0 0 0; margin:8px 0 0 9px;} /***** Section Colour Band*****/ #student #header {border-color:#004d7b;} #wpa #header {border-color:#ca9d00;} #festivals #header {border-color:#b60c2b;} .memberType { height:30px; background-repeat:repeat-x; background-position:0px 0px;} .memberType .inner { margin: 0 auto; position: relative; width: 984px; z-index: 1000;} .memberType .inner img { float:left;} #collectionAccount .memberType { background-image:url(/_images/collection-site/banner/memberTypes/photographer/bkg.png);} /********************************************************************/ /* HeaderLinks */ /********************************************************************/ #headerLinks { float:right; padding:11px 0 0 0;} #headerLinks li { float:left;} #headerLinks li a { float:left; color:#b3b3b3; font-size:0.9em; font-weight:normal; line-height:22px; padding:0 8px; text-decoration:none; border-bottom:3px solid #000;} #headerLinks li a:hover, #headerLinks li a:active, #headerLinks li a:focus { text-decoration:underline;} #headerLinks li.withDropDown, #headerLinks li.utilButton { margin-left:8px; position:relative; z-index:3000;} #headerLinks li.withDropDown a, #headerLinks li.utilButton a { background-color:#494949; text-decoration:none;} #headerLinks li.withDropDown a:hover, #headerLinks li.withDropDown a:active, #headerLinks li.withDropDown a:focus, #headerLinks li.share .dropDownContent a:hover, #headerLinks li.share .dropDownContent a:active, #headerLinks li.share .dropDownContent a:focus, #headerLinks li.account .dropDownContent a:hover, #headerLinks li.account .dropDownContent a:active, #headerLinks li.account .dropDownContent a:focus, #headerLinks li.language .dropDownContent a:hover, #headerLinks li.language .dropDownContent a:active, #headerLinks li.language .dropDownContent a:focus, #headerLinks li.utilButton a:hover, #headerLinks li.utilButton a:active, #headerLinks li.utilButton a:focus { background-color:#7f7f7f; color:#fff;} #headerLinks li.highlight a { background:#038fd9; color:#fff;} #headerLinks li.highlight a:hover, #headerLinks li.highlight a:active, #headerLinks li.highlight a:focus { background-color:#0aa3f4;} #headerLinks .dropDownContent { width:250px; position:absolute; top:25px; right:0px; background:#494949; display:none;} #headerLinks li.openDropDown .dropDownContent { display:block;} #headerLinks li.openDropDown a:hover, #headerLinks li.openDropDown a:active, #headerLinks li.openDropDown a:focus {background-color:#494949; color:#b3b3b3;} #headerLinks li.openDropDown > a { border-bottom:3px solid #494949;} #headerLinks .dropDownContent form { float:left; width:220px; padding:15px;} #headerLinks .dropDownContent form label { float:left; width:220px; color:#bebebe; line-height:1em; padding:0 0 8px 0;} #headerLinks .dropDownContent form .field { width:220px; float:left; padding:0 0 11px 0;} #headerLinks .dropDownContent form .text input { background:#fff; border:1px solid #fff; padding:4px 2px; width:214px;} #headerLinks .dropDownContent form .text input:focus { -moz-box-shadow:0 0 8px rgba(255, 255, 255, 0.9); -webkit-box-shadow:0 0 8px rgba(255, 255, 255, 0.9); box-shadow:0 0 8px rgba(255, 255, 255, 0.9); outline:none;} #headerLinks .dropDownContent form .controls { padding:0;} #headerLinks .dropDownContent form .formButton:hover, #headerLinks .dropDownContent form .formButton:active, #headerLinks .dropDownContent form .formButton:focus, #headerLinks .dropDownContent form .social a:hover, #headerLinks .dropDownContent form .social a:focus { color:#424242; -moz-box-shadow:0 0 8px rgba(255, 255, 255, 0.5); -webkit-box-shadow:0 0 8px rgba(255, 255, 255, 0.6); box-shadow:0 0 8px rgba(255, 255, 255, 0.9);} #headerLinks .dropDownContent form .social { padding:0;} #headerLinks .dropDownContent form .social a { float:right; clear:right; margin:10px 0 0 0; padding:0; background:none; border:none;} #headerLinks .dropDownContent .rememberMe { float:left; padding:2px 0 0 50px;} #headerLinks .dropDownContent .rememberMe label { width:80px; line-height:13px; padding:0 0 0 10px;} #headerLinks .dropDownContent .rememberMe input { float:left;} #headerLinks .dropDownContent .loginLinks { text-align:right;} #headerLinks .dropDownContent .loginLinks a { display:block; float:none; border:none; padding:8px 0 0 0; line-height:1.4em;} #headerLinks .dropDownContent .loginLinks a:hover, #headerLinks .dropDownContent .loginLinks a:active, #headerLinks .dropDownContent .loginLinks a:focus { text-decoration:underline;} #headerLinks .dropDownContent .close { position:absolute; bottom:5px; left:10px; padding:0 0 0 16px; background:url(/_images/bullets/close.gif) 0 5px no-repeat; border:none;} #headerLinks .dropDownContent a:hover.close, #headerLinks .dropDownContent a:active.close, #headerLinks .dropDownContent a:focus.close { background:url(/_images/bullets/close.gif) 0 5px no-repeat; text-decoration:underline;} #headerLinks li.search a { padding-left:20px; background:url(/_images/bg/search.png) 0px 0px #494949 no-repeat; } /***** Share Feature *****/ #headerLinks li.share a { padding-left:22px; background:url(/_images/bg/util-bar.png) 0px -270px #494949 no-repeat; } #headerLinks li.share .dropDownContent { width:150px;} #headerLinks li .addthis_toolbox a, #headerLinks li.account .dropDownContent a, #headerLinks li.language .dropDownContent a { float:none; display:block; line-height:32px; border:none; padding:5px 10px; cursor:pointer; background:none;} #headerLinks li .addthis_toolbox a img, #headerLinks li.account .dropDownContent a img { vertical-align:middle; margin:0 5px 0 0;} /***** Account Dropdown *****/ #headerLinks li.account a { padding-left:22px; background:url(/_images/bg/util-bar.png) 0px 0px #038fd9 no-repeat; } #headerLinks li.memberLoginButton a { padding-left:22px; background:url(/_images/bg/util-bar.png) 0px -72px #494949 no-repeat; } #headerLinks li.account a:hover, #headerLinks li.account a:active, #headerLinks li.account a:focus { background-color:#0aa3f4; color:#fff;} #headerLinks li.openDropDown.account.highlight > a { border-bottom:3px solid #038fd9;} #headerLinks li.account .dropDownContent, #headerLinks li.language .dropDownContent { width:130px;} #headerLinks li.account .dropDownContent a, #headerLinks li.language .dropDownContent a { line-height:20px; padding:5px 10px; cursor:pointer;} #headerLinks li.account ul { float:left; width:130px;} #headerLinks li.account ul li { float:left; width:100%;} #headerLinks li.account ul li a.title { display:block; background:#686868; font-weight:bold; color:#fff; padding:8px 10px; font-size:1em; line-height:1em;} #headerLinks li.account ul li a.accountMember { background:#038fd9;} #headerLinks li.account ul li a.accountMember:hover, #headerLinks li.account ul li a.accountMember:active, #headerLinks li.account ul li a.accountMember:focus { background:#0aa3f4;} #headerLinks li.account ul li a.collectionMember { background:#ce10ae;} #headerLinks li.account ul li a.collectionMember:hover, #headerLinks li.account ul li a.collectionMember:active, #headerLinks li.account ul li a.collectionMember:focus { background:#e00ebd;} /***** Language *****/ #headerLinks li.language a { padding-left:22px; background:url(/_images/bg/util-bar.png) 0px -207px #494949 no-repeat; } /***** Basket *****/ #headerLinks li.basketButton a { padding-left:22px; background:url(/_images/bg/util-bar.png) 0px -144px #494949 no-repeat; } /********************************************************************/ /* Nav */ /********************************************************************/ #nav { float:right; padding:15px 0 0 0; font-family:Georgia, "Times New Roman", Times, serif;} #nav li { float:left; position:relative; z-index:1000;} #nav li a.top { color:#fff; font-size:15px; margin:0 9px; font-weight:normal; text-decoration:none; float:left; padding:10px 0 0 0; display:block; height:15px;} #nav li a.top .cufon-vml { padding-bottom:2px;} #nav li a.top:hover, #nav li a.top:active, #nav li a.top:focus, #nav li.selected .top { border-bottom:1px solid #fff;} #nav li a.top .new { position:absolute; top:2px; right:2px; background:url(/_images/icons/new.png) top left no-repeat; height:11px; width:25px;} #nav li .subNav { display:none;} #nav li.subnav-active a.top { background:#494949; padding:10px 9px 0 9px; margin:0; border-bottom:none; height:30px; } #nav li.subnav-active .subNav { position:absolute; top:38px; z-index:8000; background:#494949; padding:10px 0; font-family:Arial, Helvetica, sans-serif; width:160px; display:block;} #nav li.subnav-active .subNav ul { float:left; width:160px;} #nav li.subnav-active .subNav ul li { width:160px;} #nav li.subnav-active .subNav a { font-size:1em; display:block; padding:5px 15px 5px 15px; color:#fff; text-decoration:none;} #nav li.subnav-active .subNav a:hover, #nav li.subnav-active .subNav a:active, #nav li.subnav-active .subNav a:focus { text-decoration:underline;} /***** Left to Right or Right to Left *****/ #nav li.ltr .subNav { right:0px;} #nav li.rtl .subNav { left:0px;} /***** Two Columns *****/ #nav li.twoCol .subNav ul { float:left; width:320px;} #nav li.twoCol .subNav { width:320px;} /***** Two Columns with Pod *****/ #nav li.with-pod .subNav {width:450px;} #nav li.with-pod .subNav .pod { float:left; padding:0 0 0 10px;} /***** One Column with Pod *****/ #nav li.with-pod.oneCol .subNav {width:290px;} #nav li.with-pod.oneCol .subNav ul {width:160px;} /********************************************************************/ /* Search */ /********************************************************************/ #search { float:right; /*background:url(/_images/bg/search/bkg.png) top left repeat-x #2b2b2b;*/ border:2px solid #3e3e3e; padding-left:10px; margin:8px 0 6px 0; width:429px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #search label { position:absolute; left:-9999px;} #search .field { float:left; padding:10px 10px 10px 0;} #search .formButton { height:22px; background:url(/_images/bg/search/formbutton.gif) center center repeat-x #038fd9; color:#fff;} #search .text input { padding:0 20px 0 5px; float:left; border:1px solid #d2d2d2; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow:inset 0 0 5px #f2f2f2; -webkit-box-shadow:inset 0 0 5px #f2f2f2; box-shadow:inset 0 0 5px #e7e7e7; height:20px; width:195px; background:url(/_images/bg/search/mag.png) 205px center no-repeat #fff; } /********************************************************************/ /* Intro */ /********************************************************************/ #intro { float:left; width:984px; background:url(/_images/bg/intro-footer.gif) bottom left repeat-x #000; position:relative; z-index:1; min-height:436px; height:auto !important; height:436px; padding:0 0 15px 0; } #intro .top { height:9px; width:984px; position:absolute; top:0px; left:0px; background:url(/_images/bg/intro-shadow.png) repeat-x;} #introSlideshow { float:left; width:638px; height:436px;} #introContent { float:right; width:316px; padding:25px 15px 0 15px;} #introContent h1, #introContent h2 { color:#fff; font-size:19px;} #introContent h2 { padding:0 0 9px 0;} #introContent p { font-size:1.1em; color:#b3b3b3; padding:0 0 18px 0; line-height:1.5em;} #introContent a { color:#B3B3B3;} #introContent a:hover, #introContent a:active, #introContent a:focus { color:#fff;} #introContent .focusOn { float:left; width:316px; background:url(/_images/bg/focus-brackets.gif) no-repeat;} #introContent .focusContent { width:278px; background:url(/_images/bg/focus-brackets.gif) -4px bottom no-repeat; border-left:4px solid #3f4041; border-right:4px solid #3f4041; padding:15px 15px 5px 15px;} #introContent .focusContent ul li { padding:3px 0 11px 26px; background:url(/_images/bullets/focus-black.gif) 0px 0px no-repeat; float:left; width:266px;} #introContent .focusContent ul li a { font-size:16px; color:#fff; text-decoration:none; float:left; padding:0 0 2px 0;} #introContent .focusContent ul li a:hover, #introContent .focusContent ul li a:focus { border-bottom:1px solid #fff; padding:0 0 1px 0;} #introContent .focusContent ul li a .cufon-vml { margin-top:-2px !important;} #introContent .focusContent p { background:url(/_images/bullets/grey-bullet.gif) 0px 7px no-repeat; padding:0 0 10px 10px;} #introContent .focusContent p a { font-size:0.9em; font-weight:normal; color:#737373; text-decoration:none;} #introContent .focusContent p a:hover, #introContent .focusContent p a:active, #introContent .focusContent p a:focus { text-decoration:underline;} #introContent .focusOn .clear { height:0px;} /********************************************************************/ /* Promo Area */ /********************************************************************/ #containerInner .promo { margin:20px 0 15px 4px; padding:0; background:none; border-top:0;} #containerInner .promo .hd { height:45px; position:relative; z-index:100;} #containerInner .promo .hd .inner { position:absolute; left:-9px; height:49px; width:988px; background:url(/_images/promo/hd.png) top left no-repeat;} #containerInner .promo .hd h1, #containerInner .promo .hd h2 { color:#fff; padding-left:40px;} #containerInner .promo .hd .button { margin-right:15px;} #containerInner .promo .bd { padding:0; margin:0;} .promo .promoSlider { float:left; width:100%; padding:0; margin:0; height:225px; overflow:hidden;} .promo .promoSlider li { float:left; padding:0; margin:0 2px 0 0; width:322px; height:225px; color:#3f3f3f; position:relative; background:url(/_images/promo/banner.png) top left no-repeat;} .promo .caroufredsel_wrapper .promoSlider li {margin:0 4px 0 0;} .promo .promoSlider li .promoImg { position:absolute; top:0; left:0;} .promo .promoSlider li .details { position:absolute; bottom:0; left:0; width:292px; padding:0 15px;} .promo .promoSlider li h3 { padding:0 0 7px 0;} .promo .promoSlider li h3 a { color:#3f3f3f; text-decoration:none; font-size:1.1em;} .promo .promoSlider li h3 a:hover, .promo .promoSlider li h3 a:active, .promo .promoSlider li h3 a:focus { text-decoration:underline;} .promo .promoSlider li a:hover, .promo .promoSlider li a:active, .promo .promoSlider li a:focus { color:#3f3f3f;} .promo .promoSlider li p { color:#3f3f3f; font-size:1.1em; line-height:1.5em;} #containerInner .promo .ft { background:url(/_images/promo/ft.png) center top no-repeat #f4f4f4; border-top:1px solid #eaeaea; padding:5px 0; display:none; } .promoPaging { float:left; padding:1px 0 0 0;} .promoPaging li { float:left; padding:0 0 0 5px;} .promoPaging li a { height:15px; width:15px; float:left; background-position:0 0; background-repeat:no-repeat; background-image:url(/_images/promo/paging/carousel-dots.png); text-indent:-9999px;} .promoPaging li a:hover, .promoPaging li a:active, .promoPaging li a:focus { background-position:center center;} .promoPaging li.selected a { background-position:bottom center;} .promo .controls { float:right;} .promo .controls li { float:left; padding:0 5px 0 0;} .promo .controls li .button { width:16px; height:11px; text-align:center; padding:4px 0 0 0; background:url(/_images/promo/controls/bkg.png) center center repeat-x; border-color:#7a7a7a;} .promo .controls li .button:hover, .promo .controls li .button:active, .promo .controls li .button:focus {background-image:url(/_images/bg/button-hover.png); background-position:center center; background-color:#038fd9; border-color:#038fd9;} /********************************************************************/ /* Breadcrumb */ /********************************************************************/ #breadcrumb { float:left; margin-left:4px; padding:18px 15px 7px 15px; width:946px } #breadcrumb li { float:left; display:inline; padding:0 12px 10px 12px; background:url(/_images/bullets/breadcrumb.gif) 0px 5px no-repeat;} #breadcrumb li.first { padding-left:0; background:none;} /********************************************************************/ /* Module */ /********************************************************************/ .module { float:left; width:974px; margin:0 0 15px 0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #dedede; background:url(/_images/bg/module-bd.gif) repeat-x bottom left #fff;} .module.content { position:relative;} /* Header */ .module .hd { background:url(/_images/bg/module-hd.gif) bottom left repeat-x #fff; margin:0 2px; min-height:44px; height:auto !important; height:44px;} .module .hd h1, .module .hd h2 { float:left; margin:0 0 0 10px; font-size:17px; padding:8px 0 0 0; font-weight:normal;} .module .hd h1 a, .module .hd h2 a { font-weight:normal;} .cufon-ready .module .hd h1, .cufon-ready .module .hd h2 { margin:0 0 10px 10px; padding-top:14px;} .module .hd h2.nocufon { margin-bottom:0;} .module .hd a { color:#4c4c4c; text-decoration:none;} .module .hd h2 a .cufon { padding-bottom:1px; margin-bottom:4px;} .module .hd h2 a:hover .cufon, .module .hd h2 a:active .cufon, .module .hd h2 a:focus .cufon { border-bottom:1px solid #4c4c4c; padding-bottom:0;} .module .hd .button { float:right; margin:8px 8px 0 0; line-height:25px; color:#fff; background-position:0 -12px;} .module .hd .dropDown { margin:9px 10px 0 0;} .module .hd .commentCount { float:right; padding:10px 15px 0 25px; background:url(/_images/icons/comments.gif) 0px 13px no-repeat; text-decoration:underline;} .module .hd a:hover.commentCount, .module .hd a:active.commentCount, .module .hd a:focus.commentCount { color:#038fd9} .module .hd p { float:right; color:#4c4c4c; padding:11px 15px 0 0;} /* Header Links */ .module .hd .link { float:right; margin:9px 8px 0 0; line-height:25px; padding:0 5px; text-decoration:underline;} .module .hd .link:hover, .module .hd .link:active, .module .hd .link:focus { color:#038fd9; text-decoration:underline;} .module .hd .more { padding-right:11px; background:url(/_images/bullets/right-arrow.gif) 100% center no-repeat; margin-right:12px; text-decoration:none;} .module .confirmDialog { float:right; padding:8px 8px 0 0;} .module .confirmDialog p { float:left; line-height:27px; padding:0 6px 0 10px;} .module .confirmDialog .button { margin:0 0 0 5px; float:left;} #contentCol .ctaDialog { border-color:#B3DDF4; border-bottom-width:2px; background:#EBF6FC; position:relative;} .ctaDialog .hd { background:none;} .ctaDialog .icon { height:58px; width:50px; background:url(/_images/bg/ctadialog/award.png) 0px 0px no-repeat; position:absolute; top:-3px; left:-8px;} .helpDialog .icon { background-image:url(/_images/bg/ctadialog/help.png);} .ctaDialog .hd h2 { color:#212121; margin-left:40px; width:420px;} .cufon-ready .ctaDialog .hd h2 { padding-top:15px; margin-left:40px; } .helpDialog .hd h2 { margin-left:45px;} .cufon-ready .helpDialog .hd h2 { margin-left:45px;} /* Related Posts/Articles */ #content div.module.relatedArticles .relatedTags { float:left; width:636px; margin:5px 0 0 -16px; background:url(/_images/bg/profile-grad.png) top left repeat-x; border-top:1px solid #E7E7E7; padding:15px 0 0 0;} #content div.module.relatedArticles .relatedTags ul { padding:0 0 0 16px;} #content div.module.relatedArticles a.next { background:url('/_images/icons/next.gif') no-repeat 0px center; padding:0 0 0 55px; text-decoration:none;} #content div.module.relatedArticles a.previous { background:url('/_images/icons/previous.gif') no-repeat 0 center; padding:0 0 0 55px; text-decoration:none;} #content div.module.relatedArticles a.next span, #content div.module.relatedArticles a.previous span{ text-indent:-9999px; float:left; } #content .prevNextArticles { padding:0 0 3px; } #content .prevNextArticles li { background:none; padding:0 0 5px;} /* Header Icons */ #content .activityFeed .hd h2 { padding-left:25px; background:url(/_images/icons/hd/hd-icons.png) -1px 11px no-repeat;} #content .latestAnnouncment .hd h2 { padding-left:25px; background:url(/_images/icons/hd/hd-icons.png) -3px -58px no-repeat;} #content .latestDiscussions .hd h2 { padding-left:27px; background:url(/_images/icons/hd/hd-icons.png) 0px -263px no-repeat;} #content .instituteCourses .hd h2, #sideCol .latestBlogs .hd h2, #contentCol .latestBlogs .hd h2 { padding-left:24px; background:url(/_images/icons/hd/hd-icons.png) -3px -127px no-repeat;} #content .purchasePrint .hd h2, #content .featuredPrints .hd h2 { padding-left:32px; background:url(/_images/icons/hd/hd-icons.png) 0px -873px no-repeat;} #sideCol .todos .hd h2 { padding-left:29px; background:url(/_images/icons/hd/hd-icons.png) 0px -1006px no-repeat;} #sideCol .miniBasket .hd h2, #sideCol .printShuffle .hd h2, #contentCol .featuredProducts .hd h2 { padding-left:26px; background:url(/_images/icons/hd/hd-icons.png) 0px -197px no-repeat;} #sideCol .latestNews .hd h2 { padding-left:27px; background:url(/_images/icons/hd/hd-icons.png) 0px -737px no-repeat;} #sideCol .exploreByTags .hd h2 { padding-left:23px; background:url(/_images/icons/hd/hd-icons.png) -1px -938px no-repeat;} #sideCol .exploreByCategory .hd h2 {padding-left:25px; background:url(/_images/icons/hd/hd-icons.png) -1px -465px no-repeat;} #sideCol .eventDate .hd h2 {padding-left:25px; background:url(/_images/icons/hd/hd-icons.png) 0px -398px no-repeat;} #sideCol .eventVenue .hd h2, #sideCol .venueDetails .hd h2 {padding-left:25px; background:url(/_images/icons/hd/hd-icons.png) 1px -601px no-repeat;} #sideCol .eventMembers .hd h2, #sideCol .memberCheckins .hd h2 {padding-left:25px; background:url(/_images/icons/hd/hd-icons.png) 0px -670px no-repeat;} #sideCol .eventMembers h2.login { padding:0px 0px 5px 0px;} /* Body */ .module .bd { margin:0 2px; padding:15px;} .module .col { float:left; width:47%; margin:0 15px 0 0;} .module .lastCol { margin:0 0 0 15px;} .toolBar { float:left; width:100%; border-bottom:1px solid #dedede; padding:0 0 15px 0; margin:0 0 15px 0; } .toolBar.footer { border:none; padding:0; margin:0;} #contentCol .toolBar.footer .pageNumbers { float:left;} .toolBar .dropDown { float:left;} .toolBar .button { float:right; margin:0 0 0 15px; line-height:18px; background-position:0px -14px; padding-bottom:1px;} .toolBar.withButton form { width:auto;} .toolBar.withButton .button { line-height:20px;} .toolBar.withButton .add { padding-left:4px; padding-right:10px;} .toolBar.withButton .add span { background:url(/_images/icons/add-hover.gif) 5px 3px no-repeat; padding-left:20px;} .module .bd .readMore { font-size:0.9em; padding-left:10px; background:url(/_images/bullets/more-bullet.gif) 0px 7px no-repeat;} .module .bd .readMore a { text-decoration:none; color:#656565;} .module .bd .readMore a:hover, .module .bd .readMore a.active, .module .bd .readMore a:focus { text-decoration:underline;} /* Intro Content */ .contentIntro { background:#fff;} .contentIntro .bd { padding-bottom:0; font-size:1.3em; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.6em; color:#212121;} .aboutGroups { background:url(/_images/bg/about-groups.gif) top right no-repeat #fff;} /* Footer */ .module .ft {} /* Two Column Layout */ .twoColModule { float:left; width:100%; margin:0 0 15px 0; } #content .twoColModule .module { margin:0; width:310px;} #content .twoColModule .col-2 { float:right;} /* Highlight */ .module.highlight { border-color:#B3DDF4; background:url(/_images/bg/highlight-module-bd.gif) top left repeat-x #EBF6FC;} .module.highlight .hd { background-image:url(/_images/bg/highlight-module-hd.gif);} .module.highlight .bd { color:#212121;} /* Used to clear floats without the need to float element or give it a width */ .clearfix:after, .module .hd:after, .module .bd:after, .module .ft:after, .alert:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix, .module .hd, .module .bd, .module .ft, .alert { display: inline-block; } .clearfix, .module .hd, .module .bd, .module .ft, .alert { display: block;} * html .clearfix, * html .module .hd, * html .module .bd, * html .module .ft, * html .alert {height: 1%;} /********************************************************************/ /* Buttons */ /********************************************************************/ .button { float:left; line-height:30px; padding:0 17px; background:url(/_images/bg/button.png) 0px -10px repeat-x #010101; font-size:11px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #010101; color:#fff; font-weight:normal; text-decoration:none; } a:hover.button, a:active.button, a:focus.button { background-image:url(/_images/bg/button-hover.png); background-color:#038fd9; border-color:#038fd9; color:#fff; text-decoration:none;} /***** RSS *****/ .rss span { padding-left:18px; background:url(/_images/icons/rss.png) left center no-repeat;} a:hover.button.rss, a:active.button.rss, a:focus.button.rss { background-color:#ec7f13; border-color:#ec7f13;} /***** Forward/Backwards *****/ .forward, .backwards { padding:0 12px;} .forward span { padding-right:13px; background:url(/_images/icons/forward-arrow.gif) right 0.3em no-repeat;} .backwards span { padding-left:13px; background:url(/_images/icons/backward-arrow.gif) left 0.3em no-repeat;} /***** Add *****/ .button.add { padding:0 12px;} .button.add span { padding-left:16px; background:url(/_images/icons/add-hover.gif) left 3px no-repeat;} /***** Remove Action *****/ .remove { position:absolute; top:-12px; right:-12px; height:28px; width:28px; text-indent:-9999px; background:url(/_images/buttons/remove.png) 0px 0px no-repeat; z-index:3;} a:hover.remove, a:active.remove, a:focus.remove { background-position:0 -28px;} /***** Yes/No *****/ .approve, .delete { padding-left:13px;} .approve span { padding-left:18px; background:url(/_images/icons/tick.png) left 1px no-repeat;} .delete span { padding-left:18px; background:url(/_images/icons/delete.png) left 0px no-repeat;} a:hover.approve, a:active.approve, a:focus.approve { background-color:#2fae17; border-color:#2fae17;} a:hover.delete, a:active.delete, a:focus.delete { background-color:#D90505; border-color:#D90505;} .button.delete, .button.approve { padding-left:17px;} /***** Gray *****/ .gray { line-height:20px; padding:0 10px; background-color:#f2f2f2; color:#737373; border:1px solid #E0E0E0; background-position:0px -8px; background-image:none;} a.gray:hover, a.gray:active, a.gray:focus { background-color:#038fd9; border-color:#038fd9; color:#fff; background-image:none;} .module .hd .button.gray { color:#737373;} .module .hd a:hover.button.gray, .module .hd a:active.button.gray, .module .hd a:focus.button.gray { color:#fff;} /***** Gray - Scroll Down *****/ .gray.down-arrow { background-image:url(/_images/bullets/down-arrow.gif); background-position:7px 6px; background-repeat:no-repeat; padding-left:18px;} a.gray.down-arrow:hover, a.gray.down-arrow:active, a.gray.down-arrow:focus { background-image:url(/_images/bullets/down-arrow-reverse.gif); } /***** Gray - Open/Close *****/ .gray.toggle span { padding-right:14px; background-image:url(/_images/bg/show-hide-arrows.gif); background-position:right 5px; background-repeat:no-repeat;} .gray.open:hover span, .gray.open:active span, .gray.open:focus span { background-position:right -19px;} .gray.close span { background-position:right -43px;} .gray.close:hover span, .gray.close:active span, .gray.close:focus span { background-position:right -67px;} /***** Gray - Refresh *****/ .gray.refresh, .module .gray.refresh { background-image:url(/_images/bg/refresh.png); background-position:7px 6px; background-repeat:no-repeat; padding-left:27px;} a.gray.refresh:hover, a.gray.refresh:active, a.gray.refresh:focus { background-image:url(/_images/bg/refresh-reverse.png); } /***** Highlight *****/ .button.highlight { border-color:#038fd9; background-image:url(/_images/bg/button-hover.png); background-color:#038fd9; } a.button.highlight:hover, a.button.highlight:active, a.button.highlight:focus { background-position:0 15px;} /********************************************************************/ /* Sample our Imagery */ /********************************************************************/ .sampleImages { background:url(/_images/bg/sample/bg.jpg) top left no-repeat #1094db; border-color:#038fd9; min-height:100px; height:auto !important; height:100px; position:relative;} .sampleImages .hd { background:none;} .sampleImages .hd h2 a { color:#fff;} .sampleImages .hd h2 a:hover .cufon, .sampleImages .hd h2 a:active .cufon, .sampleImages .hd h2 a:focus .cufon { border-color:#fff;} .sampleImages .bd { color:#fff; padding:5px 420px 10px 12px;} .sampleImages .bd p { padding:0 0 10px 0;} .sampleImages .bd .button { line-height:25px; background-position:0 -12px; padding:0 15px;} .sampleImages .bd .button:hover, .sampleImages .bd .button:active, .sampleImages .bd .button:focus {background:url(/_images/bg/button.png) 0px 13px repeat-x #010101; border-color:#010101;} #contentCol .sampleImages .bd ul { position:absolute; top:12px; right:7px; padding:0;} #contentCol .sampleImages .bd ul li { padding:0 2px 0 0; background:none; float:left;} #contentCol .sampleImages .bd ul li a { float:left; height:130px; width:130px; background:url(/_images/bg/sample/frame.png) top left no-repeat; position:relative;} #contentCol .sampleImages .bd ul li img { float:left; margin:10px 0 0 10px;} /********************************************************************/ /* Dropdown */ /********************************************************************/ .dropDown { float:right; position:relative; z-index:100;} .dropDown.fl { float:left; margin-bottom:18px;} .dropDown a.toggler { background:url(/_images/bg/dropdown/bkg.gif) bottom left repeat-x #f2f2f2; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #d3d3d3; color:#737373; line-height:19px; padding:0 8px; font-weight:normal; display:block; font-size:11px; text-decoration:none;} .dropDown a:hover.toggler, .dropDown a:active.toggler, .dropDown a:focus.toggler, .active-dropdown a.toggler { border-color:#aaaaaa;} .dropDown span { position:absolute; top:0px; right:0px; width:22px; height:21px; background-image:url(/_images/bg/dropdown/toggle.png); background-repeat:no-repeat; background-position:0px 0px;} .active-dropdown span { background-position:0 -21px;} .dropDown .subItems { display:none;} .active-dropdown a.toggler { -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomright:0px; -moz-border-radius-bottomleft:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0;} .active-dropdown .subItems { display:block; position:absolute; top:20px; left:0px; width:100%; } #containerInner .active-dropdown ul { background:#eaeaea; border-right:1px solid #aaaaaa; border-left:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; -webkit-border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-bottomleft:3px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; padding:0;} #containerInner .active-dropdown .subItems ul li { padding:0; background:none;} .active-dropdown .subItems ul li a { display:block; padding:1px 8px; font-weight:normal; color:#737373; border-top:1px solid #e1e1e1; font-size:11px; text-decoration:none;} .active-dropdown .subItems ul li a:hover, .active-dropdown .subItems ul li a:active, .active-dropdown .subItems ul li a:focus { background-color:#038fd9; color:#fff;} /********************************************************************/ /* Tabs */ /********************************************************************/ #containerInner .module .tabs, #containerInner .tabs { float:left; width:100%; border-bottom:1px solid #dedede; margin:0;} #containerInner .tabs { margin:-3px 0 20px 0;} /*#containerInner .landingTabs { margin:10px 0 20px 0;}*/ #containerInner .tabs > ul { float:right; padding:0;} #containerInner .tabs > ul li { padding:0 0 0 2px; background:none; float:left;} #containerInner .tabs > ul li a { float:left; line-height:1em; padding:8px 15px 10px 15px; background:url(/_images/bg/tab.gif) top left repeat-x #010101; color:#fff; text-decoration:none; position:relative; top:1px; font-size:12px;} #containerInner div.tabs > ul li.selected a { border-left:1px solid #dedede; border-top:1px solid #dedede; border-right:1px solid #dedede; background:#fff; color:#4c4c4c; border-bottom:1px solid #fff; padding-top:7px;} #containerInner .tabs > ul li a:hover, #containerInner .tabs ul li a:active, #containerInner .tabs ul li a:focus { background:url(/_images/bg/tab-hover.gif) 0px 0px repeat-x #038fd9;} .tabsContent { width:100%; float:left; padding:0 0 15px 0;} .tabsContent .inner { padding:15px 25px 15px 25px; background:#fff; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;} .tabsContent .scroller { max-height:250px; overflow:auto; padding-right:25px;} /***** Header Tabs *****/ #containerInner .hd .tabs { width:auto; float:right; margin:12px 10px 0 0;} #containerInner .hd .tabs > ul li a { font-size:11px;} #containerInner .hd .tabs > ul li a { padding:9px 15px 10px 15px; } #containerInner .hd div.tabs > ul li.selected a { padding-top:8px;} /***** Alphabetical *****/ #containerInner .module .alphabetical { margin-bottom:15px; text-align:center; vertical-align:top;} #containerInner .alphabetical ul { float:none;} #containerInner .alphabetical ul li { padding-left:0px; float:none; display:inline-block;} #containerInner div.alphabetical ul li a { padding: 7px; font-size:0.9em;} #containerInner div.alphabetical ul li.first a { padding-left:10px; padding-right:10px;} #containerInner .module div.alphabetical ul li.selected a { padding-top:6px; padding-bottom:6px;} /********************************************************************/ /* Map Select */ /********************************************************************/ .mapSelect .hd h2 { background:url(/_images/icons/location.gif) 0px 13px no-repeat; padding-left:18px;} .mapSelect .bd { padding:0;} .mapSelect #flashMap { float:left; width:650px; height:320px; display:none;} .mapSelect .selectRegion { float:left; width:594px; background:url(/_images/bg/college-fairs/grad.png) top left repeat-x; padding:13px 20px 0 20px;} .mapSelect .selectRegion h2 { padding:0 0 10px 0;} #contentCol .mapSelect .selectRegion ul { float:left; width:100%; padding:0 0 13px 0;} #contentCol .mapSelect .selectRegion li { float:left; width:25%;} .mapSelect .selectRegion .toggle { float:right;} .mapSelect .gray.toggle { margin-top:2px;} /********************************************************************/ /* Content */ /********************************************************************/ #content { float:left; width:976px; padding:0 0 15px 0; margin-left:4px; font-size:1.1em; line-height:1.6em;} #contentCol { float:left; width:640px;} #contentCol .module { width:638px;} #full #contentCol { width:976px;} #full #contentCol .module { width:974px;} #sideCol { float:right; width:320px;} #sideCol .module { width:318px;} .headerPod { float:left; margin-left:4px; margin-bottom:-5px;} .headerPodswpa { float:left; margin:0 0 15px 0;} /***** Focus Content Highlight *****/ .module .focusOn { position:relative; margin:0 0 20px 0; padding:10px 0;} .module .focusOn.fl { margin:0 25px 25px 0; width:250px;} .module .focusOn.fr { margin:0 0 25px 25px; width:250px;} .module .focusContent { border-left:10px #4c4c4c solid; border-right:10px solid #4c4c4c; padding:25px 15px 15px 15px; margin:0 10px;} .module .focusContent h2 { padding:0 0 10px 0;} .module .focusContent blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.3em; line-height:1.4em;} .focusOn h2 strong { color:#038fd9;} .module .focusOn span { position:absolute; height:10px; width:40px; background:#4c4c4c;} .module .focusOn .tl { top:10px; left:10px;} .module .focusOn .tr { top:10px; right:10px;} .module .focusOn .bl { bottom:10px; left:10px;} .module .focusOn .br { bottom:10px; right:10px;} .module .focusOn.blankState { margin:0;} .module .focusOn.blankState p { padding-bottom:15px;} blockquote { border-left:5px solid #4c4c4c; margin:0 0 15px 10px; padding:15px 0 0 20px; background:url(/_images/bg/blockquote.png) 10px 10px no-repeat; } /********************************************************************/ /* SideCol */ /********************************************************************/ /***** Pod *****/ .pod .bd { padding:0 0 2px 0;} .pod .bd img { display:block;} .module.connectWith {float:left; line-height:40px;} .module.connectWith li { padding:0 0 15px 50px;} .module.connectWith .facebook { background:url('/_images/icons/social/facebook.png') 0px 0px no-repeat;} .module.connectWith .twitter { background:url('/_images/icons/social/twitter.png') 0px 0px no-repeat;} .module.connectWith li.last { padding:0px 0px 0px 50px; } .module.connectWith img {float:left; padding:0 15px 0 0;} .module.connectWith .disconnect { float:right;} /***** Advertisment *****/ .advertisments { width:320px; border:none; background:none; text-align:center;} .advertisments .hd { color:#656565; font-size:0.9em; background:none; min-height:12px; height:auto !important; height:12px;} .advertisments .bd, advertisments .hd, .advertisments .hd p { margin:0; padding:0; float:none;} .advertisments .bd li { padding:5px 0 0 0;} /***** Leaderboard *****/ .leaderboard { float:left; width:976px; text-align:center; padding:20px 0;} .leaderboard span { position:absolute; left:-9999px;} .leaderboard .leaderboardContent { padding:0 15px; background:url(/_images/titles/advertisment.gif) center left no-repeat; display: -moz-inline-stack; display: inline-block; } /***** Sub Navigation *****/ .subNav { background:#FAFAFA;} .subNav .bd { margin:0; padding:0;} .subNav .bd ul li a { display:block; text-decoration:none; border-bottom:1px solid #ecebeb; background:url(/_images/bg/subnav.gif) repeat-x bottom left #FEFEFE;} .subNav .bd ul li a span { display:block; padding:6px 12px; background:url(/_images/bg/subnav-arrow.png) 96% center no-repeat; } .subNav .bd ul li a:hover span, .subNav .bd ul li a:active span, .subNav .bd ul li a:focus span { background-image:url(/_images/bg/subnav-arrow-hover.png);} .subNav .bd ul li.last a { border:none;} .subNav .bd ul li a:hover, .subNav .bd ul li a:active, .subNav .bd ul li a:focus, .subNav .bd ul li.selected a { background:url(/_images/bg/subnav-hover.gif) repeat-x bottom left #4FB1E4; color:#fff;} .subNav .bd ul li.selected a { font-weight:bold; background:url(/_images/bg/subnav-selected.gif) repeat-x bottom left #494949;} #sideCol .subNav .bd ul li ul { border-bottom:1px solid #ecebeb; background:#fff; padding:1px 0 3px 0;} #sideCol .subNav .bd ul li li a { padding:4px 10px 4px 25px; border:none; background:none; color:#656565; font-weight:normal; background:url(/_images/bullets/more-bullet.gif) 15px 13px no-repeat;} #sideCol .subNav .bd ul li li a:hover, #sideCol .subNav .bd ul li li a:active, #sideCol .subNav .bd ul li li a:focus { text-decoration:underline;} #sideCol .subNav .bd ul li li.selected a { color:#212121; font-weight:bold;} .subNav .bd ul li.selected a span { background:none;} /***** Membership Status *****/ .membershipDetails { background:url(/_images/bg/profile-status.png) 0px 0px no-repeat; padding:4px 0 0 74px; min-height:85px; height:auto !important; height:85px; padding-bottom:5px; } .membershipDetails .status { background:url(/_images/bg/status-top.png) 0px 0px no-repeat; float:left; width:170px; padding:2px 15px 1px 25px; position:relative; color:#4c4c4c; font-size:0.9em;} .membershipDetails .status p { padding:5px 0;} .membershipDetails .footer { height:3px; width:200px; position:absolute; bottom:-3px; right:0px; background:url(/_images/bg/status-footer.png) 0px 0px no-repeat;} .statusSection { float:left; width:100%; border-top:1px solid #dedede; padding:13px 0 0 0; margin:5px 0 0 0;} .statusSection h3 { padding:0;} .statusSection p { padding:8px 0 0 0; color:#767676;} /***** Gallery Viewer *****/ .galleryViewer .viewer { float:left; width:313px; position:relative; height:114px; margin:15px 0 0 0;} .viewer .prev, .viewer .next { border:1px solid #e8e8e8; margin:15px 20px 0 20px; background:#fff; padding:2px;-moz-box-shadow:0 0 8px rgba(00, 00, 00, 0.3); -webkit-box-shadow:0 0 8px rgba(00, 00, 00, 0.3); box-shadow:0 0 8px rgba(00, 00, 00, 0.3); position:relative; cursor:pointer; text-decoration:none; } .viewer .prev img, .viewer .next img { height:80px; width:80px; } .viewer .prev .overlay, .viewer .next .overlay { position:absolute; top:2px; left:2px; background-position:center center; background-repeat:no-repeat; height:80px; width:80px; z-index:2; display:none;} .viewer .prev .overlay { background-image:url(/_images/photos/prev-overlay.png);} .viewer .next .overlay { background-image:url(/_images/photos/next-overlay.png);} .viewer a:hover .overlay { display:block;} .viewer .prev { float:left;} .viewer .next { float:right;} .viewer .current { border:1px solid #dedede; position:absolute; left:99px; height:110px; width:110px; background:#fff; padding:2px; -moz-box-shadow:0 0 8px rgba(00, 00, 00, 0.3); -webkit-box-shadow:0 0 8px rgba(00, 00, 00, 0.3); box-shadow:0 0 8px rgba(00, 00, 00, 0.3); z-index:100;} .galleryViewer .btn { display:block; width:80px; height:80px; background-position:0 0; background-repeat:no-repeat;} .prev:hover .btn, .prev:active .btn, .prev:focus .btn, .next:hover .btn, .next:active .btn, .next:focus .btn { background-position:bottom left;} .galleryViewer .prev .btn { background-image:url(/_images/buttons/gallery-prev.png);} .galleryViewer .next .btn { background-image:url(/_images/buttons/gallery-next.png);} .viewer .prev .link { position:absolute; bottom:-49px; left:3px; background:url(/_images/icons/prev-arrow.gif) 0px 5px no-repeat; padding-left:11px;} .viewer a:hover.prev .link { background-image:url(/_images/icons/prev-arrow-hover.gif);} .viewer .next .link { position:absolute; bottom:-49px; right:3px; background:url(/_images/icons/next-arrow.gif) 100% 5px no-repeat; padding-right:11px;} .viewer a:hover.next .link { background-image:url(/_images/icons/next-arrow-hover.gif);} .viewer a:active.prev .link, .viewer a:focus.prev .link, .viewer a:active.next .link, .viewer a:focus.next .link { text-decoration:underline;} .galleryViewer .controls { float:left; width:310px; text-align:center; padding:16px 0 10px 0;} .galleryViewer .controls a { text-decoration:none; background:url(/_images/icons/view-gallery.gif) 0px 3px no-repeat; padding-left:15px;} .galleryViewer .controls a:hover, .galleryViewer .controls a:active, .galleryViewer .controls a:focus { background-image:url(/_images/icons/view-gallery-hover.gif);} /***** Related Galleries *****/ .relatedGalleries .bd { padding-top:2px;} .relatedGalleries .bd a { float:left; width:100%; padding:5px 0; text-decoration:none;} .relatedGalleries .bd img { height:35px; width:35px; background:#fff; padding:2px; border:1px solid #e8e8e8; float:left; margin:0 0 0 8px;} .relatedGalleries .bd span { float:right; padding:2px 0 0 0; width:253px; line-height:1.4em;} .relatedGalleries .bd a:hover, .relatedGalleries .bd a:active, .relatedGalleries .bd a:focus { background:url(/_images/bg/actions/on.gif) top left repeat-x #038fd9; color:#fff;} /***** Latest Tweets *****/ ul#latestTweets {padding:10px;} ul#latestTweets .timeStamp {font-size:11px; font-style:italic;} /***** Random Videos *****/ #content #sideCol .randomVideos .imageGrid li {position:relative; width:auto; padding:0; padding-left:9px; vertical-align:middle;} #content #sideCol .randomVideos .imageGrid li a {padding:0;} #content #sideCol .randomVideos .imageGrid li a .videoThumb {display:none; cursor:pointer;} #content #sideCol .randomVideos .imageGrid li a:hover .videoThumb {display:block; z-index:100; position:absolute; top:0; left:0; display:block; width:100%; height:100%; margin-top:0; padding:0; background:url('/_images/bg/random-video-thumb.png') 50% 50% no-repeat;} /********************************************************************/ /* Alert(s) */ /********************************************************************/ .alert { margin:0 0 20px 0; background:url(/_images/bg/alert.gif) repeat-x top left #f1f1f1; border:1px solid #dadada; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:10px 15px 0 15px; color:#010101;} .alert h2 { padding-bottom:10px;} .alert p { padding:0 0 10px 0;} .alert.error { border-color:#EECCCC; background:#FFEEEE; } .alert.success { border-color:#c2dfaf; background:#ecffdf; } .alert.error a, .alert.success a { color:#010101;} .alert.highlight { border:1px solid #b3ddf4; background:#ebf6fc;} .alert.warning { border:1px solid #f1ea97; background:url(/_images/icons/warning.png) 10px 7px no-repeat #fffbd0; padding-left:40px;} .alert.facebookConnect { padding:7px 10px; margin:0 0 10px 0; } .alert.facebookConnect span { padding:0; float:left; line-height:23px} .alert.facebookConnect img { float:right} .profile .alert { margin-left:15px; margin-right:15px;} .alert .thumbPreview { margin-right:10px; vertical-align:middle; border:1px solid #848484;} .alertWithTip { float:left; width:606px;} .alertWithTip .info { float:left; width:320px; padding-bottom:10px;} .alertWithTip .tip { padding-top:5px; width:250px; float:right; background:url(/_images/bg/tip.png) 0px 7px no-repeat;} #content .alertWithTip .tip ol, #content .alertWithTip .tip ul { padding-left:40px; padding-bottom:15px;} .blankState { margin:0; background:none; border:none; padding:0;} .blankState p { padding:0;} .submittedMessage { float:left; width:608px;} .submittedMessage img { vertical-align:bottom; margin:1px 10px 0 0;} .submittedMessage p { padding-bottom:12px;} .alert.payWarning { background-position:10px 11px;} .payWarning p { float:left; padding-top:5px;} .payWarning .options { float:right; vertical-align:middle; padding-bottom:11px;} .payWarning .link { display:inline-block;} .payWarning .button { float:none; display:inline-block; line-height:21px; background-position:0 -14px;} .payWarning .or { display:inline-block; padding:0 5px;} /********************************************************************/ /* Forms */ /********************************************************************/ /***** Basic Form *****/ .module form, .ui-dialog form { float:left; width:100%;} .module form fieldset fieldset, .ui-dialog form fieldset fieldset { padding:0; float:left; width:100%;} /***** Alert(s)*****/ .module form .info, .ui-dialog form .info { color:#010101; font-weight:bold; padding:0 0 15px 0;} .module form .mandatory, .ui-dialog form .mandatory { color:#010101; font-weight:normal;} .module form .errorField, .module form .error, .ui-dialog form .errorField, .ui-dialog form .error { border:1px solid #EECCCC; background:#FFEEEE; color:#010101; padding:3px 0 4px 0; margin:0 0 20px 0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;} .module form .errorField .error, .ui-dialog form .errorField .error { border:none; background:none; padding:0; margin:0;} .module form .error span, .ui-dialog form .error span { display:block; padding:5px 20px 7px 25px; background:url(/_images/icons/error-red.png) 8px 10px no-repeat;} .module form .errorField label, .module form div.errorField p, .module form .errorField .mandatory, #content .module form div.errorField ul li label, .ui-dialog form .errorField label, .ui-dialog form div.errorField p, .ui-dialog form .errorField .mandatory, #content .ui-dialog form div.errorField ul li label, .module form .errorField .error, .ui-dialog form .errorField .error {color:#010101;} /***** Label(s)*****/ .module form label, .module form .field p, .ui-dialog form label, .ui-dialog form .field p, .amountPayable p { float:left; width:182px; padding:3px 20px 0 10px; color:#010101;} .module form .select label, .module form .select .field p, .module form .file .field p { padding-top:2px;} .module form .field .note { float:left; width:auto; padding:7px 0 10px 38px; color:#4c4c4c; font-size:0.9em; line-height:1.4em; background:url(/_images/bg/tip.png) 0px 8px no-repeat; margin-left:217px;} .module form .field .notes { padding:0 10px 0 214px;} .module form .field .notes p { float:none; padding:10px 0 5px 0; width:100%;} /***** Field(s) *****/ .module form .field, .ui-dialog form .field { float:left; width:100%; padding:0 0 10px 0;} .module form .text input, .module form .select select, .module form .dateSelect select, .module form textarea, .ui-dialog form .text input, .ui-dialog form .select select, .ui-dialog form .dateSelect select, .ui-dialog form textarea { border:1px solid #dedede; background:#fff; color:#4c4c4c; padding:5px 8px; width:364px; font-size:1em; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;} .module form input.incomplete { color:#939393;} .module form .file input, .ui-dialog form .file input { width:250px; padding:4px 0; margin-top:1px;} .module form .file .formButton { width:auto; padding:0 20px 0 31px; height:26px; background:url(/_images/buttons/form/icons/browse.png) 0px 0px no-repeat; float:left; margin:0;} .module form .select select, .module form .dateSelect select, .ui-dialog form .select select, .ui-dialog form .dateSelect select { width:160px; padding:2px 0;} .module form textarea, .ui-dialog form textarea { height:100px; overflow:auto; line-height:1.5em; } .module form .formControls, .ui-dialog form .formControls { padding:0;} .module form .formControls input { margin:0 10px 0 0;} .module form .formControls a { float:right; line-height:32px; font-size:0.9em; margin-right:15px;} .module form .formControls .passwordReminder { float:left; line-height:32px; font-size:1em;} .module form.eventCatForm {width:inherit; display:inline; float:left; } /***** Date of Birth *****/ .module form .dateSelect .label { padding-top:2px;} .module form .dateSelect label, .module form .singleCheck .custom-checkbox input { position:absolute; left:-9999px;} .module form .dateSelect select { float:left; margin:0 10px 0 0; width:75px;} .module form .dateSelect .ui-selectmenu { float:left; margin:0 10px 0 0;} /***** Select Multiple ******/ #content .module form .selectMultiple { padding-top:5px;} #content .module form .errorField { padding-top:0;} #content .module form .selectMultiple ul { padding:0 0 10px 0; float:left; width:374px; max-height:120px; overflow:auto; position:relative;} #content .module form .selectMultiple ul li { padding:5px 0; float:left; background:none; width:90%;} #content .module form .selectMultiple ul li input { height:13px; width:13px; overflow:hidden; margin:2px 0 0 0; padding:0; float:left; border:none;} #content .module form .selectMultiple ul li label { font-weight:normal; width:300px; padding:2px 0 0 10px; line-height:14px; color:#4C4C4C;} #content .module form .selectMultiple li .custom-checkbox label, #content .module form .selectMultiple li .custom-radio label { padding-left:26px; line-height:15px;} #content .module form .selectMultiple li .custom-radio input, #content .module form .selectMultiple li .custom-checkbox input { margin-left:-9999px;} #content .searchPrints form .selectMultiple ul { max-height:260px;} /***** Select Single ******/ .module form .singleCheck { width:592px; padding-left:12px;} .module form .singleCheck .custom-checkbox label, .module form .singleCheck label { padding:0 0 0 26px; width:400px;} .module form .singleCheck label { padding:0 0 0 10px;} .module form .singleCheck input { float:left;} .module form .singleCheck .note { margin-left:28px;} /***** Custom Check/Radios *****/ .custom-checkbox, .custom-radio { position: relative; } .custom-checkbox input, .custom-radio input { position: absolute; left: 2px; top: 2px; margin: 0; z-index: 0; } .custom-checkbox label, .custom-radio label { display: block; position: relative; z-index: 1; padding-left:30px; cursor: pointer;} #headerLinks .rememberMe .custom-checkbox label { padding:3px 0 4px 21px;} .custom-checkbox label { background:url(/_images/bg/checkboxes.png) no-repeat; } .custom-radio label { background: url(/_images/bg/radio.png) no-repeat; } .custom-checkbox label, .custom-radio label { background-position: -20px -17px; } .custom-checkbox label.hover, .custom-checkbox label.focus, .custom-radio label.hover, .custom-radio label.focus { background-position: -20px -72px; } .custom-checkbox label.checked, .custom-radio label.checked { background-position: -20px -127px; } .custom-checkbox label.checkedHover, .custom-checkbox label.checkedFocus { background-position: -20px -182px; } .module .custom-checkbox label { background-position: -20px -238px; } .module .custom-checkbox label.hover, .module .custom-checkbox label.focus { background-position: -20px -293px; } .module .custom-checkbox label.checked { background-position: -20px -348px; } .module .custom-checkbox label.checkedHover { background-position: -20px -403px; } .custom-checkbox label.focus, .custom-radio label.focus { outline: 1px dotted #ccc; } /***** Star Rating *****/ .rating-option { float:left; position:relative; } .rating-option input { position:absolute; left:2px; top:3px; margin:0; z-index:0; } .rating-option label { background:url(/_images/bullets/stars.gif) no-repeat -14px -11px; display:block; position:relative; width:25px; height:25px; margin:0; cursor:pointer; text-indent:-9999em; overflow:hidden; z-index:1; } .rating-option label.checked { background-position:-14px -211px; } .rating-option label.hover { background-position:-14px -111px; } .rating-option label.focus { outline:1px dotted #ccc; } /* For Critique */ #content .module form .starControl { padding:0;} .cufon-ready .module form .starControl p { padding:0; position:absolute; top:1px; right:135px; width:auto; white-space:nowrap;} #content .module form .starControl ul { width:500px; padding:0 0 10px 12px; } #content .module form .starControl ul li { width:auto; padding:0;} #content .module form .starControl ul li .rating-option label { width:auto;} #content .module form .starControl ul li .custom-radio { float:left;} #content .module form .enhancedStars { position:absolute; width:140px; top:15px; right:12px;} .writeCritique form label { width:589px; padding:3px 0 8px 15px;} .writeCritique form fieldset fieldset { border-top:1px solid #DEDEDE; margin-top:20px; background:url(/_images/bg/profile-grad.png) top left repeat-x; position:relative;} .writeCritique form textarea { width:555px; height:150px; margin-left:15px;} .writeCritique form h2 { text-indent:15px; padding-top:15px;} .writeCritique form .formControls input { margin-right:17px;} .writeCritique form fieldset .textarea { border-top:1px solid #DEDEDE; margin-top:20px; background:url(/_images/bg/profile-grad.png) top left repeat-x;} .writeCritique form fieldset fieldset .textarea { border:none; padding:0 0 10px 0; margin:0; background:none;} .writeCritique .description { padding:0 15px;} .writeCritique form fieldset .textarea p { width:100%; padding:0 0 15px 0;} .writeCritique form fieldset .textarea label { position:absolute; left:-9999px;} .writeCritique form fieldset fieldset .textarea label { position:static;} .writeCritique form .info { padding:0;} /***** Preview Image (Groups) *****/ #content form .previewPhoto { float:left; width:380px; padding:5px 0 5px 212px;} #content form .previewPhoto li { float:left; background:none; padding:0 10px 10px 0;} #content form .previewPhoto .first { padding-left:25px; background:url(/_images/icons/image-preview.gif) 5px 5px no-repeat;} #content form .previewPhoto .first a { border-right:1px solid #ababab; padding-right:10px;} #content form .previewPhoto .first a:hover, #content form .previewPhoto .first a:active, #content form .previewPhoto .first a:focus { color:#038fd9;} #content form .previewPhoto a:hover, #content form .previewPhoto a:active, #content form .previewPhoto a:focus { color:#D90505;} /***** Form Button *****/ .formButton, .profileSelector .formButton { float:right; position:relative; height:24px; padding:0 15px; margin:0; cursor:pointer; overflow:visible; white-space:nowrap; border:0; background:url(/_images/bg/login-button.gif) 0px -3px repeat-x #dbdbdb; color:#737373; font-size:11px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .formButton:hover, .formButton:active, .formButton:focus { color:#424242;} .formButton::-moz-focus-inner { border:none; padding:0; margin-top:0;} .module .formButton.gray { background:url(/_images/bg/gray-form-button.gif) 0px 0px repeat-x #dbdbdb; color:#212121;} .module .formButton, .ui-dialog .formButton, .profileSelector .formButton { height:32px; padding:0 20px; background:url(/_images/bg/form-button.gif) 0px 0px repeat-x #010101; color:#fff;} .advancedUpload .formControls .formButton { padding:0 20px 0 31px; background:url(/_images/buttons/form/icons/upload.png) 0px 0px no-repeat #010101;} .eventTickets .formButton { padding:0 20px 0 38px; background:url(/_images/buttons/form/icons/add-to-basket.png) 0px 0px no-repeat #010101;} /***** Profile Selector *****/ .profileSelector { float:left; padding:2px 0 0 12px;} .profileSelector .field { float:left; padding-right:5px;} .profileSelector .formButton, .gallerySelector .formButton, .module .galleryFilter .formButton { float:left; height:22px; background-position:0px -5px;} /***** Gallery Filter *****/ .module .galleryFilter { float:right; padding:0 0 25px 0; width:auto;} .module .galleryFilter label { position:absolute; left:-9999px;} .module .galleryFilter .field { float:left; padding:0 2px 0 3px; width:auto;} .module .galleryFilter .field select { width:250px;} .module .galleryFilter .formButton { margin:0;} #batchDetails .galleryFilter { padding-top:10px;} /***** Gallery Selector *****/ .module .gallerySelector, .module .gallerySelector .field { float:left;} .module .gallerySelector .field { padding:0 8px 0 0; width:auto;} .module .searchSection { padding-bottom:15px;} .module .searchSection .text input { width:170px; padding-top:3px; padding-bottom:2px;} .searchSection .resultsCount { float:right;} /***** Payment From *****/ .amountPayable { padding:15px; margin:0 0 15px 0;} .amountPayable p { padding:1px 20px 0 0; font-weight:bold;} .amountPayable span { font-size:1.4em; font-family:Georgia, "Times New Roman", Times, serif;} /***** Upload Image ******/ .uploadImage .add { line-height:25px; background-position:0 -12px;} /***** UI Dialog Form *****/ .ui-dialog form label, .ui-dialog form .field p {width:380px; padding:0 0 5px 0; font-weight:bold;} .ui-dialog form .info { padding-bottom:10px;} .ui-dialog form .field { padding-bottom:15px;} .ui-dialog form .formControls { padding-bottom:0;} /********************************************************************/ /* Register */ /********************************************************************/ /***** Select Type *****/ .selectMembershipType { position:relative; float:left; width:100%; background:url(/_images/bg/divider-dedede.gif) top center repeat-y; padding:0 0 5px 0;} .selectMembershipType .divider { position:absolute; top:50%; left:50%; font-size:18px; color:#4c4c4c; background:#FAFAFA; width:24px; text-align:center; line-height:22px; margin:-11px 0 0 -11px; display:block; font-family:Georgia, "Times New Roman", Times, serif;} .selectMembershipType .col { margin:0; width:260px;} .selectMembershipType .lastCol, .selectMembershipType .button { float:right;} /***** Payment Options *****/ #contentCol .paymentOption ul li { float:left; width:195px; background:none; padding:0 20px 0 0;} .paymentOption ul li p { padding:0 0 12px 0; color:#4c4c4c; font-size:1.3em; font-family:Georgia, "Times New Roman", Times, serif;} .paymentOption ul li img { display:block; margin:0 0 12px 0;} .paymentOption form .formControls, .paymentOption form { width:auto; margin:10px 124px 5px;} .paymentOption p { text-align:center; } .paymentOption .cardIcons { width:310px; margin:0 auto;} .paymentOption .cardIcons img {padding:2px;} .hd .cardIcons {float:right; padding:11px 10px 0 0;} /***** Register Form *****/ #registrationForm { position:relative; background:#fff;} #registrationForm .bd { padding-left:0; padding-right:0; padding-bottom:6em;} #registrationForm fieldset fieldset { background:url(/_images/bg/profile-grad.png) top left repeat-x; border-top:1px solid #E7E7E7; overflow:hidden; float:none; width:auto; display:block; padding:0 10px 15px 10px; } #registrationForm fieldset h2 { padding:15px 0;} #registrationForm fieldset .info { padding:0 10px 15px 10px;} #registrationForm fieldset .note { padding-right:22px;} #registrationForm .formControls { position:absolute; bottom:0px; left:0px; background:url(/_images/bg/highlight-module-bd.gif) repeat-x left bottom #EBF6FC; padding:15px 0; border-top:1px solid #B3DDF4;} #registrationForm .formControls p { width:500px; padding-top:6px; padding-left:15px;} #registrationForm .formControls input { margin-right:15px;} #registrationForm .formControls p a { float:none; line-height:normal; font-size:1em; margin:0;} /********************************************************************/ /* Account */ /********************************************************************/ /***** Edit Profile *****/ .module form .profilePicture { float:left; width:130px; text-align:center; padding-top:10px;} .module form .profilePicture .profileImg { position:relative; display:inline-block;} .module form .personalDetails { float:right; width:440px; border-left:1px solid #dedede; padding:10px 0 0 15px; border-top:1px solid #fff;} .module form .personalDetails .field label, .module form .personalDetails .field p { width:100px; text-align:right; padding-left:0;} .module form .personalDetails .text input, .module form .personalDetails textarea { width:294px; } .module form .personalDetails .field .note { padding:7px 0 10px 38px; margin:0 0 0 122px; width:280px; text-align:left;} #content .module form .personalDetails .selectMultiple ul { width:310px;} #content .module form .personalDetails .selectMultiple ul li label { width:230px; text-align:left;} .module form .personalDetails .profileURL { padding-bottom:20px;} .module form .personalDetails .profileURL label { padding-top:5px;} .module form .personalDetails .profileURL p { width:auto; text-align:left; padding:4px 3px 0 0;} .module form .personalDetails .profileURL input { width:100px; padding-left:2px; padding-right:2px;} /***** Edit Section *****/ #contentCol .editSection table { margin:5px 0 10px 0; border:none;} #contentCol .editSection table th.tl { border-left:1px solid #4F4F4F;} #contentCol .editSection table th.tr { border-right:1px solid #4F4F4F;} #contentCol .editSection table td.tl { border-left:1px solid #E1E1E1; color:#4c4c4c;} #contentCol .editSection table td.tr { border-right:1px solid #E1E1E1; text-align:right; white-space:nowrap;} #contentCol .editSection table td { padding-top:9px; padding-bottom:9px;} #contentCol .editSection table td.tl img { vertical-align:middle; margin-right:5px;} #conentCol .editSection table td, #conentCol .editSection table th {vertical-align:middle;} #contentCol .editSection th.actions { text-indent:-9999px;} #contentCol .editSection .button, #contentCol .basket table .button, .miniBasketContents li .button { vertical-align:middle; float:none; display:inline-block; line-height:25px; background-position:0px -12px; padding:0 10px;} #contentCol .editSection .icon, #contentCol .basket table .icon, .miniBasketContents li .icon { height:25px; padding:0; width:27px; text-align:center;} #contentCol .editSection .icon img { margin-top:5px;} /***** Simple Yes/No List *****/ #contentCol .selectList { border-top:1px solid #e1e1e1; float:left; width:100%; } #contentCol .selectList li { padding:0; background:none; float:left; width:584px; padding:10px 10px; border-bottom:1px solid #e1e1e1;} #contentCol .selectList li.even { background:#F9F9F9;} #contentCol .selectList li.highlight { background:#fffee9;} #contentCol .selectList li p { float:left; padding:0; line-height:25px;} #contentCol .selectList li .pending { float:right; line-height:25px; font-weight:bold; color:#4c4c4c;} #contentCol .selectList li .button { float:right; line-height:25px;} #contentCol .singleItem, .previousWinners .galleryContent { padding:0;} #contentCol .singleItem li { background:#F9F9F9;} /***** Acount Switcher *****/ .profileSwitcherContainer { float:left; width:315px; position:relative; top:1px;} .profileSwitcher { float:left; width:276px; border:1px solid #b9b9b9; height:29px; background:url(/_images/general/account-switcher/button-off.png) top right no-repeat; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; padding:0 0 0 37px; font-size:1em; position:relative;} .profileSwitcher:hover, .profileSwitcher:active,.profileSwitcher:focus { color:#4C4C4C; text-decoration:none; background-image:url(/_images/general/account-switcher/button-on.png); } .profileSwitcher .title { float:left;} .profileSwitcher .miniProfileOverlay { height:29px; width:30px; position:absolute; top:0; left:0; background:url(/_images/general/account-switcher/mini-profile.png) top left no-repeat #7B7B7B; z-index:0;} .profileSwitcher img { float:left; margin:4px 0 0 4px;} .profileSwitcher .miniProfileImage { position:absolute; top:4px; left:4px; height:21px; width:21px; background:url(/_images/general/account-switcher/mini-profile-shadow.png) top left no-repeat;} .profileSwitcherContainer .dropDownContent { position:absolute; top:31px; right:0px; width:282px; background:url(/_images/general/account-switcher/dropdown-bg.gif) top left repeat-x #eeeeee; z-index:5; border:1px solid #b9b9b9; border-top:0; display:none;} .profileSwitcherContainer .openDropDown .dropDownContent { display:block;} .profileSwitcherContainer .dropDownContent ul { float:left; width:282px;} .profileSwitcherContainer .dropDownContent ul li { float:left; width:282px; border-bottom:1px solid #dcdcdc;} #container #containerInner div.profileSwitcherContainer .dropDownContent ul li a { float:left; width:282px; padding:10px 0; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; line-height:1em;} #container #containerInner div.profileSwitcherContainer .dropDownContent ul li a:hover, #container #containerInner div.profileSwitcherContainer .dropDownContent ul li a:active, #container #containerInner div.profileSwitcherContainer .dropDownContent ul li a:focus { background:#fcfcfc;} #container #containerInner div.profileSwitcherContainer .dropDownContent ul li a .title span, #container #containerInner div.profileSwitcherContainer .profileSwitcher .title span { display:block; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#969696;} #container #containerInner div.profileSwitcherContainer .profileSwitcher .title span { margin:2px 0 -1px 0;} .profileSwitcherContainer .dropDownContent ul li .miniProfileImage { float:left; position:relative; margin:1px 8px 0 8px;} .profileSwitcherContainer .dropDownContent ul li .miniProfileImage img { float:left;} .profileSwitcherContainer .dropDownContent ul li .miniProfileImage span { height:25px; width:25px; position:absolute; top:-2px; left:-2px; background:url(/_images/general/account-switcher/list-frame.png) 0 0 no-repeat;} /********************************************************************/ /* To-Do */ /********************************************************************/ .todos .bd { padding:10px 10px 15px 10px;} .todos ul { max-height:170px; overflow:auto;} .todos ul li { padding:0; border-bottom:1px solid #c1e6fa; margin-right:15px;} .todos ul li a { text-decoration:none; display:block; padding:5px 5px 5px 20px; background-image:url(/_images/bullets/square.gif); background-position:8px 13px; background-repeat:no-repeat;} .todos ul li a:hover, .todos ul li a:active, .todos ul li a:focus { background-color:#FBFDFE; color:#212121; font-weight:bold;} /********************************************************************/ /* Order History */ /********************************************************************/ #contentCol .orderHistory td.tl, #contentCol .orderHistory th.tl { width:auto; text-align:left;} #contentCol .orderHistory td, #contentCol .orderHistory th, #contentCol .orderHistory table td.tr { width:75px; text-align:center;} #contentCol .orderHistory .status td { background:#F2F9FD; color:#212121; font-weight:bold; border-bottom-color:#d2e3ec;} .checkoutForm .paymentDetails p { padding-bottom:13px;} /********************************************************************/ /* Badges */ /********************************************************************/ .badgeContent .bd { padding-top:10px; padding-bottom:20px;} .badgeContent .badge { float:left;} .badgeContent .details { float:right; width:390px; padding:15px 0 0 0; } .badgeContent .details code { width:378px; border:1px solid #DEDEDE; background:#fff; display:block; overflow:auto; height:60px; font-family:"Courier New", Courier, monospace; padding:5px; margin:0 0 10px 0;} .badgeContent .details h3 { color:#212121; margin:20px 0 0 0;} .badgeContent .details .subHd { float:left; width:390px; margin:0 0 10px 0;} .badgeContent .details .subHd h3 { float:left; padding:0; margin:0;} .badgeContent .details .subHd span { float:right; margin:1px 0 0 0;} .badgeContent .details .subHd span strong { color:#212121;} /********************************************************************/ /* Profile */ /********************************************************************/ .profile .bd { padding-left:0; padding-right:0;} .profile .profileURL { background:url(/_images/icons/link.gif) 15px 5px no-repeat; padding:0 0 20px 35px; line-height:1em;} .profile .profileDetails { width:410px; padding:0 0 15px 15px;} .profile .profileDetails .photo { border:none; float:left; margin:1px 20px 0 0;} .profile .profileDetails dl { float:left; width:290px;} .profile .profileDetails dl dt, .profile .profileDetails dl dd { float:left;} .profile .profileDetails dl dt { width:110px;} .profile .profileDetails dl dd { color:#4c4c4c; width:180px;} .profile .profileSection { float:left; width:604px; border-top:1px solid #dedede; padding:10px 15px 0 15px; margin:5px 0 0 0;} .profile .profileSection .note { float:none; padding:0; width:100%;} .profile .profileSection h2 { padding:0 0 10px 0;} .profile .myLinks, .profile .socialNetworking { float:left; width:300px;} .profile .myLinks h2, .profile .socialNetworking h2 { padding:0 0 13px 0;} #contentCol .profile .myLinks ul, #contentCol .profile .socialNetworking ul { padding-bottom:0;} #contentCol .profile .myLinks li { background:url(/_images/icons/link.gif) 0px 6px no-repeat; padding:0 0 15px 20px; line-height:1.4em;} #contentCol .profile .myLinks li span { font-weight:bold; text-decoration:none; display:block;} .profile .socialNetworking { float:right;} .profile .socialNetworking.fl { float:left;} #contentCol .socialNetworking li { float:left; padding:2px 12px 8px 0; background:none;} /***** Exhibitions List ****/ .exhibitionsModule .bd, .awardsModule .bd, .booksModule .bd { padding-bottom:0;} #contentCol .exhibitionsList, #contentCol .awardList, #contentCol .booksList { padding:0;} #contentCol .exhibitionsList li, #contentCol .awardList li, #contentCol .booksList li { padding:0px 20px 20px 20px; display:inline-block; width:257px; background:url(/_images/icons/location.gif) 0px 4px no-repeat; vertical-align:top;} #contentCol .exhibitionsList li h3, #contentCol .awardList li h3, #contentCol .booksList li h3 { padding:0;} #contentCol .exhibitionsList li .date, #contentCol .awardList li .subTitle, #contentCol .booksList li .subTitle { color:#4c4c4c; padding:0 0 7px 0;} #contentCol .exhibitionsList li dl. #contentCol .exhibitionsList li .date, #contentCol .awardList li dl. #contentCol .awardList li .date, #contentCol .booksList li dl. #contentCol .booksList li .date { font-size:0.9em;} #contentCol .exhibitionsList li dl dt, #contentCol .exhibitionsList li dl dd, #contentCol .awardList li dl dt, #contentCol .awardList li dl dd, #contentCol .booksList li dl dt, #contentCol .booksList li dl dd { float:left; } #contentCol .exhibitionsList li dl dt, #contentCol .awardList li dl dt, #contentCol .booksList li dl dt { width:50px; } #contentCol .exhibitionsList li dl dd, #contentCol .awardList li dl dd, #contentCol .booksList li dl dd { width:207px; color:#4c4c4c;} /***** Academic *****/ .academicProfile .profileDetails { width:300px;} .academicProfile .profileDetails dl dt, .academicProfile .profileDetails dl dd { padding-bottom:5px;} .academicProfile .photo { margin:0 15px 0 0;} /***** Badges *****/ .badges .bd { padding-bottom:0; } .badges .bd ul li { float:left; width:100%; background:none; padding:0 0 15px 0; text-align:center;} .badges .bd ul li img { vertical-align:bottom;} /***** Awards *****/ #contentCol .awardList li { padding-left:0; background:none; width:289px;} #contentCol .awardList li.last { padding-right:0;} #contentCol .awardList li .details { float:right; width:188px} #contentCol .awardList li img { border:1px solid #dedede; float:left;} #contentCol .awardList li dl dd { width:138px;} .awardThumb {border:1px solid #dedede;} /***** Books *****/ #contentCol .booksList li { background:url(/_images/icons/book.png) -2px 2px no-repeat; } #contentCol .booksList li dl dt { width:68px;} #contentCol .booksList li dl dd { width:189px;} /***** Status *****/ .statusHeading { margin:0;} .statusContainer { float:left; width:640px; margin:0 0 15px 0; background:url(/_images/bg/status/status-bkg.png) 0px 0px repeat-y; top:-3px; position:relative;} .statusContainer .footer { background:url(/_images/bg/status/status-foot.png) bottom left no-repeat;} .statusContainer .inner { background:url(/_images/bg/status/status-top.png) top left no-repeat; padding:16px 15px 2px 15px;} .statusContainer .tip { position:absolute; top:0px; left:17px; background:url(/_images/bg/status/status-tip.png); width:13px; height:7px;} .statusContainer p, .statusOverview .bd p { padding-left:30px; background:url(/_images/bg/status/status-bubble.png) 0px 3px no-repeat; font-family:Georgia, "Times New Roman", Times, serif;} .statusOverview { background:#fff;} .statusOverview .bd { padding-bottom:0;} /***** Bodies of Work *****/ .bodiesWork .bd { padding-bottom:0;} .bodiesWork .section { float:left; width:100%; padding:0 0 20px 0; background:url(/_images/bg/profile-grad.png) top left repeat-x; border-bottom:1px solid #ececec;} .bodiesWork .section .thumb { float:left; padding:20px 0 0 10px;} .bodiesWork .section .thumb img { border:1px solid #cacaca; padding:2px; -moz-box-shadow:0 0 8px rgba(00, 00, 00, 0.2); -webkit-box-shadow:0 0 8px rgba(00, 00, 00, 0.2); box-shadow:0 0 8px rgba(00, 00, 00, 0.2); background:#fff;} .bodiesWork .section .thumb:hover img, .bodiesWork .section .thumb:active img, .bodiesWork .section .thumb:focus img { border-color:#858585; -moz-box-shadow:0 0 8px rgba(3, 143, 217, 0.6); -webkit-box-shadow:0 0 8px rgba(3, 143, 217, 0.6); box-shadow:0 0 8px rgba(3, 143, 217, 0.6);} .bodiesWork .section .details { float:right; width:375px; padding:25px 15px 0 0;} .bodiesWork .section .details h3 a {text-decoration:none; font-size:1.2em; } .bodiesWork .section .details h3 a:hover, .bodiesWork .section .details h3 a:active, .bodiesWork .section .details h3 a:focus { text-decoration:underline;} .nextWork .section { padding:0; background:none; border:none;} .nextWork .section .details { padding-top:2px;} .nextWork .section .thumb { padding-top:0;} .nextWork .bd { padding-bottom:10px; padding-top:20px;} /********************************************************************/ /* Activity Feed */ /********************************************************************/ .activityFeed { background:none;} .activityFeed .bd { padding-top:0px;} .activityFeed .toolBar { margin:0; padding-top:20px; padding-bottom:20px;} .activityFeed .toolBar.footer { border-top:1px solid #dedede; padding:15px 0 0 0; margin-top:10px;} #content .activityList { padding:5px 0 5px 0; float:left; width:604px;} #content .activityList li { padding:15px 0; background:none; float:left; width:100%; border-bottom:1px solid #DEDEDE;} #content .activityList li.last { padding-bottom:0; border:none; } .activityList .thumb { float:left; width:52px; height:62px; position:relative; margin:0 25px 0 15px;} .activityList .noActor .thumb { height:52px;} .activityList .thumb .object { position:absolute; top:0px; left:0px; border:1px solid #DEDEDE;} .activityList .thumb .actor { position:absolute; top:31px; right:-10px; border:1px solid #fff;} .activityList .thumb img { display:block;} .activityList .thumb a:hover, .activityList .thumb a:active, .activityList .thumb a:focus { border-color:#038fd9;} .activityList p { padding:2px 15px 0 0;} .activityList strong { color:#212121;} .activityList a:hover strong, .activityList a:active strong, .activityList a:focus strong { color:#038fd9;} .activityList span { font-size:0.9em;} #contentCol .activityFeed .pageNumbers { float:left; margin-right:10px;} #contentCol .activityFeed .pageNumbers li { margin:0 5px 0 0;} /***** Mini Feed *****/ #sideCol .activityList { width:318px;} #sideCol .activityFeed .bd, #sideCol .explore .bd { padding-left:0; padding-right:0; margin:0;} #sideCol .explore { background:#fff;} #sideCol .explore .bd { padding:0;} #sideCol .activityList p, #sideCol .activityList span { float:right; width:210px; padding-right:15px;} .profileStats, .exploreItems { float:left; width:298px; background:url(/_images/bg/group-bkg.gif) bottom left repeat-x; border-bottom:1px solid #C9C9C9; padding:10px 10px 18px 10px; position:relative;} .profileStats ul, .exploreItems ul { float:left; width:298px;} .profileStats ul li, .exploreItems ul li { float:left; width:298px;} .profileStats ul li a, .profileStats ul li .item, .exploreItems ul li a, .exploreItems ul li .item { float:left; width:288px; padding:3px 5px; text-decoration:none;} .profileStats ul li a .fl, .profileStats ul li .item .fl, .exploreItems ul li a .fl, .exploreItems ul li .item .fl { width:260px; text-decoration:underline;} .exploreItems ul li a .fl, .exploreItems ul li .item .fl { width:200px;} .profileStats ul li a .fr, .profileStats ul li .item .fr, .exploreItems ul li a .fr, .exploreItems ul li .item .fr { text-decoration:none; font-weight:bold; color:#2121212;} .profileStats ul li .item .fl, .exploreItems ul li .item .fl { text-decoration:none;} .exploreItems ul li a .fr span, .exploreItems ul li .item .fr span { font-weight:normal;} /********************************************************************/ /* Awards Banner/Advance Content Gallery */ /********************************************************************/ #photographyAwards { padding-bottom:2px; margin-left:4px;} #photographyAwards .fl { width:635px;} #photographyAwards .fl h2 { padding:0; margin:8px 0 0 10px;} #photographyAwards .fr { width:335px;} #photographyAwards p { font-size:1.1em; line-height:1.6em; padding:0 0 8px 0;} #awardsGallery { float:left; width:635px; margin:0 0 0 2px; border-right:1px solid #DEDEDE;} .advanceGalleries h2 { width:500px;} .advanceGalleries .photoDetails { width:608px; padding:10px 15px 5px 15px;} .galleryContainer { float:left; width:580px; margin-left:29px; margin-top:10px; padding-bottom:15px; display:none;} .featuredPrints .galleryContainer { padding-bottom:20px;} .galleryContent { float:left; width:603px; padding:10px 25px 15px 8px;} .galleryContent .thumb { float:left; border:5px solid #F2F2F2; margin:0 15px 0 0;} .galleryContent a:hover.thumb, .galleryContent a:active.thumb, .galleryContent a:focus.thumb { border-color:#fff;} .galleryContent p { padding-top:8px;} #awardDetails { float:right; width:335px; margin:0 1px 0 0;} #awardDetails .bd { margin:2px 2px 0 0; padding:7px 12px 8px 12px;} #awardDetails p { font-size:1em;} #awardDetails .prizes { padding:1px 0 13px 0;} #awardDetails .enterButton { width:309px; float:left; text-indent:-9999px; height:48px; background:url(/_images/general/spa-2012/enter-competition.png) left top no-repeat;} #awardDetails .enterButton:hover, #awardDetails .enterButton:active, #awardDetails .enterButton:focus { background-position:left bottom;} /**** ImageFlow *****/ .imageflow { position:relative; text-align:left; visibility:hidden; } .imageflow img { border:2px solid #fff; background-color: #fff; -ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 */ position:absolute; top:0px; visibility:hidden; -moz-box-shadow:0 0 8px rgba(00, 00, 00, 0.3); -webkit-box-shadow:0 0 8px rgba(00, 00, 00, 0.3); box-shadow:0 0 8px rgba(00, 00, 00, 0.3);} .imageflow p { margin:0 auto; text-align:center; } .imageflow .loading { height:15px; left:50%; margin-left:-106px; padding:5px; position:relative; visibility:visible; width:200px; }.imageflow .loading_bar { background:#4c4c4c; height:15px; visibility:visible; width:1%; } .imageflow .navigation, .imageflow .caption, .imageflow .slider { display:none;} .imageflow .images { white-space:nowrap; } .imageflow .button { cursor:pointer; height:12px; position:absolute; width:10px; border:none; padding:0; float:none; background:none; top:102px; } #container .imageflow .previous { left:-10px; background:url(/_images/buttons/carousel/prev.png) 0px 0px no-repeat; } #container .imageflow .next { right:-10px; background:url(/_images/buttons/carousel/next.png) 0px 0px no-repeat; } /********************************************************************/ /* Festivals */ /********************************************************************/ /***** Map *****/ #festivalsMap { height:415px;} #festivalsMap .bd { position:relative; padding:0; height:350px; background:url(/_images/tours-map/map.png) center center no-repeat; margin-top:5px;} #festivalsMap .bd h3 { background:#b60c2b; color:#fff; font-size:17px; position:absolute; top:22px; left:22px; padding:8px 15px 6px 12px;} #festivalsMap .bd h3 .cufon-canvas { margin:0} #festivalsMap .bd h3 .cufon-vml { margin-bottom:0px !important;} #festivalsMap .logo { position:absolute; bottom:5px; left:20px;} #festivalsMap .pin { position:absolute; width:17px; height:16px; background:url(/_images/tours-map/dot.png) 0px 0px no-repeat; text-indent:-9999px; float:left; text-decoration:none;} #locationTip { color:#fff; text-indent:0px; font-weight:normal; white-space:nowrap; background:url(/_images/tours-map/bubble-bkg.png) 0px 0px repeat-x; padding:0 10px; line-height:31px; height:31px;} #locationTip .tip { position:absolute; bottom:-4px; left:50%; width:13px; height:8px; background:url(/_images/tours-map/tip.png) 0px 0px no-repeat; margin-left:-7px;} #locationTip .tl, #locationTip .tr { position:absolute; height:31px; width:6px; top:0px;} #locationTip .tr { background:url(/_images/tours-map/bubble-left.png) 0px 0px no-repeat; left:-6px;} #locationTip .tl { background:url(/_images/tours-map/bubble-right.png) 0px 0px no-repeat; right:-6px;} /***** Design Version - Delete when Dev'ed *****/ #otherEvents, #festivalsMap .tabs { display:none;} #festivalsMap #otherEvents h3 { background:#0c72b6;} #otherEvents .pin {background-image:url(/_images/tours-map/non-wpo/dot.png);} #otherEvents .tip { background-image:url(/_images/tours-map/non-wpo/tip.png); } #otherEvents #locationTip {background-image:url(/_images/tours-map/non-wpo/bubble-bkg.png); } #otherEvents .tr { background-image:url(/_images/tours-map/non-wpo/bubble-left.png);} #otherEvents .tl { background-image:url(/_images/tours-map/non-wpo/bubble-right.png);} /********************************************************************/ /* Related Content */ /********************************************************************/ .relatedContent .bd { padding:15px 0;} #contentCol .relatedContent ul, #contentCol .competitionsCategories { padding:0;} #contentCol .relatedContent ul li { background:none; padding:0 0 0 12px; width:144px; float:left;} #contentCol .relatedContent ul li img, #contentCol .competitionsCategories li img { display:block;} #contentCol .relatedContent ul li h3, #contentCol .competitionsCategories li h3, #contentCol .competitionsCategories li h4 { padding:10px 0 2px 0;} #contentCol .relatedContent ul li h3 a, #contentCol .competitionsCategories li h3 a, #contentCol .competitionsCategories li h4 a { text-decoration:none;} #contentCol .relatedContent ul li h3 a:hover, #content .relatedContent ul li h3 a:active, #content .relatedContent ul li h3 a:focus, #contentCol .competitionsCategories li h3 a:hover, #content .competitionsCategories li h3 a:active, #content .competitionsCategories li h3 a:focus, #contentCol .competitionsCategories li h4 a:hover, #content .competitionsCategories li h4 a:active, #content .competitionsCategories li h4 a:focus { text-decoration:underline; color:#4c4c4c;} #contentCol .relatedContent ul li p, #contentCol .competitionsCategories li p { font-size:0.9em; padding:0;} /********************************************************************/ /* Pagination */ /********************************************************************/ #contentCol .pageNumbers { float:right; padding:0; font-size:11px;} #contentCol .pageNumbers li { float:left; display:inline; text-align:center; margin:0 0 0 5px; padding:0px; background:none; font-size:1em; list-style:none outside; } #contentCol .pageNumbers a { display:block; padding:0; width:22px; color:#4c4c4c; text-decoration:none; font-weight:normal; line-height:20px; border:1px solid #A8A8A8; height:20px; background-repeat:repeat-x; background-image:url(/_images/paging/bkg.gif); background-position:0px 0px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } #contentCol .pageNumbers .all a { width:30px;} #contentCol .pageNumbers a:hover, #contentCol .pageNumbers a:active, #contentCol .pageNumbers a:focus { background-position:0px -21px; outline:none; border:1px solid #038fd9; color:#fff;} #contentCol .pageNumbers a.selected { background-position:0px -42px; border:1px solid #010101 ; color:#fff;} #contentCol .pageNumbers li span { display:block; text-indent:-9999px; height:20px; width:22px; background-position:center 7px; background-repeat:no-repeat; cursor:pointer;} #contentCol .pageNumbers .first a span { background-image:url(/_images/paging/first.gif);} #contentCol .pageNumbers .prev a span { background-image:url(/_images/paging/prev.gif); } #contentCol .pageNumbers .next a span { background-image:url(/_images/paging/next.gif); } #contentCol .pageNumbers .last a span { background-image:url(/_images/paging/last.gif); } #contentCol .pageNumbers .first a:hover span, #contentCol .pageNumbers .first a:active span, #contentCol .pageNumbers .first a:focus span, #contentCol .pageNumbers .prev a:hover span, #contentCol .pageNumbers .prev a:active span, #contentCol .pageNumbers .prev a:focus span, #contentCol .pageNumbers .next a:hover span, #contentCol .pageNumbers .next a:active span, #contentCol .pageNumbers .next a:focus span, #contentCol .pageNumbers .last a:hover span, #contentCol .pageNumbers .last a:active span, #contentCol .pageNumbers .last a:focus span { background-position:center -10px;} /********************************************************************/ /* Page Options */ /********************************************************************/ #contentCol .pageOptions { float:left; width:100%; padding:0 0 15px 0;} #contentCol .module .pageOptions { padding:15px 0 5px 0;} #contentCol .module .alertPage { padding-top:0;} #contentCol .pageOptions li { float:left; display:inline; background:none; padding:0 15px 0 0;} #contentCol .pageOptions .fr { padding:0 0 0 15px; float:right;} #contentCol .hd .pageOptions {color:#212121; padding:12px 13px 0 13px; float:none; width:auto;} /***** Carousel *****/ #contentCol .featuredImagesCarousel .bd { padding-bottom:0;} #contentCol .carouselWidget .carouselInfo { float:left; width:100%; } #contentCol .carouselWidget .carouselInfo h3 { font-size:1.4em; padding:0 0 8px 0;} #contentCol .carouselWidget .carouselInfo .inner { padding:10px 260px 10px 10px; background:url(/_images/bg/about-wpo-galleries.png) right center no-repeat;} #contentCol .carouselWidget .carouselInfo .pageOptions { background:none; padding:0; margin:0; border:0;} #contentCol .carouselWidget .carouselInfo .pageOptions li { padding-left:0; padding-right:10px;} #contentCol .carouselWidget .pageOptions, #contentCol .carouselWidget .carouselInfo { background: url(/_images/bg/profile-grad.png) top left repeat-x; border-top: 1px solid #dfdfdf; padding:10px 0; margin:10px 0 0 0;} #contentCol .carouselWidget .pageOptions li { padding-left:10px;} #contentCol .carouselWidget .pageOptions li a { text-decoration:none; font-weight:bold; padding-right: 15px; background: url(/_images/bullets/read-arrow.gif) 100% 6px no-repeat; color:#212121;} #contentCol .carouselWidget .pageOptions li a:hover, #contentCol .carouselWidget .pageOptions li a:active, #contentCol .carouselWidget .pageOptions li a:focus { text-decoration:underline;} #contentCol .carouselWidget .carouselInfo {padding:0;} #content .carouselContainer ul.galleryGrid li { margin:0; width:130px;} #content .carouselContainer ul.galleryGrid li span { padding:0 5px;} #content .carouselContainer ul.galleryGrid li .stack { padding:0;} /********************************************************************/ /* Sony Galleries */ /********************************************************************/ .cufon-ready .sonyGallery .hd h2 { padding-top:8px;} .sonyGallery .hd .button { border-color:#ca9d00; background:url(/_images/bg/button-hover.png) 0px -10px repeat-x #ca9d00;} .sonyGallery .hd .button:hover, .sonyGallery .hd .button:active, .sonyGallery .hd .button:focus { background:url(/_images/bg/button-hover.png) 0px 13px repeat-x #ca9d00;} .sonyGallery .bd { background:url(/_images/bg/sony-gallery.png) right center no-repeat;} .sonyGallery .details { float:left; width:364px;} #content .sonyGallery .galleryGrid { width:220px; float:right; padding:0; margin:0;} #content .sonyGallery .galleryGrid li { width:220px; padding:0; margin:0;} /********************************************************************/ /* Category List */ /********************************************************************/ .sectionTitle { background:url(/_images/bg/profile-grad.png) top left repeat-x; border-top:1px solid #E7E7E7; margin:15px 0; border-bottom:1px solid #f1f1f1; } .categoryTitle h2 { padding:10px 0 10px 30px; background:url(/_images/icons/folder.png) 5px 14px no-repeat;} .moduleListTitle { margin-top:0;} .moduleListTitle h2 { margin:0; padding:10px 0 10px 10px;} .competitionsTitle h2 { padding:10px 0 10px 30px; background:url(/_images/icons/hd/gallery.png) 8px 13px no-repeat;} .blogsTitle h2, .newsTitle h2 { padding:10px 0 10px 30px; background:url(/_images/icons/hd/articles.gif) 6px 13px no-repeat;} #contentCol .categoryList { padding:0; float:left; width:602px; border:1px solid #dedede; background:#fff; margin:5px 0 20px 0;} /*#contentCol .categoryList.news { margin-top: 20px; }*/ #contentCol .categoryList li { background:none; padding:15px; border-bottom:1px solid #e7e7e7; border-top:2px solid #f3f3f3; float:left; width:572px;} #contentCol .categoryList li.bg { background:#fbfbfb;} #contentCol .categoryList li div, #contentCol .videos li div, #contentCol .news li div, #contentCol .groups li div, #contentCol .institutes li div, #contentCol .shop li div, #contentCol .events li div, #contentCol .venues li div { float:right; width:452px; padding:4px 0 0 0;} #contentCol .categoryList li h2, #contentCol .categoryList li h3 { padding:0; font-size:17px;} #contentCol .categoryList li h2 a, #contentCol .categoryList li h3 a { text-decoration:none;} #contentCol .categoryList li h2 a:hover, #contentCol .categoryList li h2 a:active, #contentCol .categoryList li h2 a:focus, #contentCol .categoryList li h3 a:hover, #contentCol .categoryList li h3 a:active, #contentCol .categoryList li h3 a:focus { text-decoration:underline; color:#4c4c4c;} #contentCol .categoryList li h2 span, #contentCol .moduleList.events li h2 span { color:#7f7f7f; padding-left:5px; font-size:0.8em; vertical-align:bottom;} #contentCol .categoryList li p { padding:5px 0 0 0;} #contentCol .categoryList li img { float:left;} /*--- Shop Category ---*/ #contentCol .categoryList.shop { float:left; border:none; width:640px; margin:0 0 10px 0;} #contentCol .categoryList.shop li { display:inline-block; vertical-align:top; padding:0 0 14px 0; background:none; width:204px; position:relative; text-align:center; margin:0 0 0 11px; border:none; float:none;} #contentCol .categoryList.shop li.first { margin-left:0;} #contentCol .categoryList.shop li a { text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1em;} #contentCol .categoryList.shop li a:hover .title, #contentCol .categoryList.shop li a:active .title, #contentCol .categoryList.shop li a:focus .title { text-decoration:underline;} #contentCol .categoryList.shop li span, #contentCol .categoryList.shop li .thumb img { display:block; float:none;} #contentCol .categoryList.shop li .thumb { height:204px; width:204px; position:relative;} #contentCol .categoryList.shop li .thumb .overlay { height:204px; width:204px; position:absolute; top:0; left:0; background:url(/_images/photos/shop-category-overlay.png); cursor:pointer;} #contentCol .categoryList.shop li .title { padding:7px 0 5px 0;} /********************************************************************/ /* Module List */ /********************************************************************/ .infoBox { padding:5px 0 10px 0; } .galleryInfo { padding-bottom:0; float:left; width:400px;} #contentCol .moduleList { padding:0 0 15px 0; float:left; width:604px;} #contentCol .moduleList li { background:none; padding:15px; border-bottom:1px solid #e7e7e7; float:left; width:574px;} #contentCol .moduleList li h2, #contentCol .moduleList li h3 { padding:0; font-size:17px;} #contentCol .moduleList li h2 a, #contentCol .moduleList li h3 a { text-decoration:none;} #contentCol .moduleList li h2 a:hover, #contentCol .moduleList li h2 a:active, #contentCol .moduleList li h2 a:focus, #contentCol .moduleList li h3 a:hover, #contentCol .moduleList li h3 a:active, #contentCol .moduleList li h3 a:focus { text-decoration:underline; color:#4c4c4c;} #contentCol .moduleList dl, dl.details { float:left; width:100%; padding:3px 0 5px 0;} #contentCol .moduleList dl dt, #contentCol .moduleList dl dd, dl.details dt, dl.details dd { float:left; padding:0 0 10px 0;} #contentCol .moduleList dl dt, dl.details dt { line-height:16px; padding:0 5px 10px 1px;} #contentCol .moduleList dl dt img, dl.details dt img { vertical-align:text-bottom;} #contentCol .moduleList dl dd, dl.details dd { line-height:16px; padding:0 20px 10px 0;} #contentCol .moduleList dl dd span, dl.details dd span { color:#4c4c4c;} #contentCol .moduleList li p { padding:10px 0 0 0;} /********************************************************************/ /* Products */ /********************************************************************/ #contentCol .moduleList.shop { padding-top:10px;} #contentCol .moduleList.shop li > a { float:left;} #contentCol .moduleList.shop li dt { position:absolute; left:-9999px;} #contentCol .moduleList.shop li dd { color:#212121; font-size:1.1em;} #contentCol .moduleList.shop li .addContainer { overflow:hidden; padding:10px 0;} .addContainer .button { float:right;} .addToBasket { padding-left:10px; padding-right:15px;} .addToBasket span { background:url(/_images/icons/basket.png) 0px 0px no-repeat; padding:0 0 0 20px;} .module .shopFilter { width:auto;} /*--- Product Page ---*/ #productImages { float:left; width:300px;} #productImages img { border:1px solid #cacaca; padding:2px; -moz-box-shadow:0 0 8px rgba(00, 00, 00, 0.2); -webkit-box-shadow:0 0 8px rgba(00, 00, 00, 0.2); box-shadow:0 0 8px rgba(00, 00, 00, 0.2); background:#fff;} #productImages a:hover img, #productImages a:active img, #productImages a:focus img { border-color:#858585; -moz-box-shadow:0 0 8px rgba(3, 143, 217, 0.6); -webkit-box-shadow:0 0 8px rgba(3, 143, 217, 0.6); box-shadow:0 0 8px rgba(3, 143, 217, 0.6); } #productImages .additionalImages { padding:5px 0 0 0; float:left;} #productImages .additionalImages li { background:none; padding:0 0 9px 9px; margin:0; float:left;} #productImages .additionalImages li.first { padding-left:0;} #productDetails { float:right; width:285px;} #productDetails form { border-top:1px solid #DDDCDC; padding:15px 0 0 0;} #productDetails .field { padding-bottom:15px;} #productDetails .select { padding-bottom:20px;} #productDetails .productPrice .label { padding-top:2px;} #productDetails .select select { width:60px; float:right;} #productDetails .select .ui-selectmenu { float:right;} #productDetails .select label, #productDetails .field .label { float:left; width:100px; padding:3px 0 0 0;} #productDetails .price { float:right; font-size:1.5em; line-height:1em; color:#212121; font-family:Georgia, "Times New Roman", Times, serif; padding:1px 2px 0 0; text-align:right; } #productDetails .price span { font-size:0.6em;} #productDetails form .formControls input { padding:0 20px 0 38px; background:url(/_images/buttons/form/icons/add-to-basket.png) 0px 0px no-repeat #010101;} #productDetails .formControls input { margin:0;} /********************************************************************/ /* Downloads */ /********************************************************************/ #contentCol .moduleList.downloads li { padding:5px 15px 15px 5px; width:584px;} #contentCol .moduleList.downloads h2, #contentCol .moduleList.downloads h3 { float:left; padding:0 0 3px 0; width:100%;} #contentCol .moduleList.downloads a, #contentCol .moduleList.downloads .icon { float:left;} #contentCol .moduleList.downloads h2 a, #contentCol .moduleList.downloads h3 a, #contentCol .moduleList.downloads p, #contentCol .moduleList.downloads .icon { padding-left:40px;} #contentCol .moduleList.downloads a, #contentCol .moduleList.downloads .icon { padding-top:10px; padding-bottom:5px;} #contentCol .moduleList.downloads a span, #contentCol .moduleList.downloads .icon span { color:#747474; font-size:0.7em; padding:0 0 0 5px; vertical-align:bottom;} #contentCol .moduleList.downloads p { padding-top:5px;} #contentCol .moduleList.downloads dl { width:544px; padding:0 0 0 40px;} /* File Type Icons */ #contentCol .moduleList.downloads a, #contentCol .moduleList.downloads .icon { background-position:8px 10px; background-repeat:no-repeat; background-image:url(/_images/icons/files/misc.gif);} #contentCol .moduleList.downloads .pdf { background-image:url(/_images/icons/files/pdf.gif);} #contentCol .moduleList.downloads .zip { background-image:url(/_images/icons/files/zip.gif);} #contentCol .moduleList.downloads .txt { background-image:url(/_images/icons/files/txt.gif);} #contentCol .moduleList.downloads .doc, #contentCol .moduleList.downloads .docx { background-image:url(/_images/icons/files/doc.gif);} #contentCol .moduleList.downloads .xls, #contentCol .moduleList.downloads .xlsx { background-image:url(/_images/icons/files/xls.gif); background-position:3px 14px;} #contentCol .moduleList.downloads .ppt, #contentCol .moduleList.downloads .pptx { background-image:url(/_images/icons/files/ppt.gif); background-position:3px 14px;} /* Modular - Single File */ #contentCol .singleFile .moduleList.downloads { padding-bottom:10px;} #contentCol .singleFile .moduleList.downloads li { border:none; padding-bottom:0;} /********************************************************************/ /* Videos */ /********************************************************************/ #contentCol .videos li > a { float:left;} #contentCol .videos li div dl { padding-bottom:0;} #videoPlayer { margin:0 0 20px 0; float:left;} /********************************************************************/ /* FAQs */ /********************************************************************/ #contentCol .ui-accordion li { padding:15px 0 0 0; width:604px; border:none;} #contentCol .ui-accordion li h2 a, #contentCol .ui-accordion li h3 a { font-size:16px;} #contentCol .ui-accordion li h2 a:hover, #contentCol .ui-accordion li h2 a:active, #contentCol .ui-accordion li h2 a:focus, #contentCol .ui-accordion li h3 a:hover, #contentCol .ui-accordion li h3 a:active, #contentCol .ui-accordion li h3 a:focus, #contentCol .ui-accordion .ui-state-hover a, #contentCol .ui-accordion .ui-state-active a, #contentCol .ui-accordion .ui-state-focus a { text-decoration:none; color:#fff;} /********************************************************************/ /* Profiles (Meet the team) */ /********************************************************************/ #contentCol .moduleList.profiles { padding:15px 0 0 0;} #contentCol .moduleList.profiles li { float:none; display:inline-block; width:260px; vertical-align:top; border-bottom:none; border-top:1px solid #e7e7e7; min-height:95px; height:auto !important; height:95px; background:url(/_images/bg/profile-grad.png) top left repeat-x; } #contentCol .moduleList.profiles li.bg { margin-right:21px;} #contentCol .moduleList.profiles li > a { float:left;} #contentCol .moduleList.profiles li div { float:right; width:165px;} #contentCol .moduleList.profiles li div p { padding:4px 0 0 0;} #contentCol .moduleList.profiles li .imageContainer { width:auto; float:left;} .profileDetails { float:left; width:202px;} .profileDetails .photo { margin:0; float:none; display:block; border:1px solid #dedede;} #contentCol .profileDetails ul { background:#fff; padding:0; border-bottom:1px solid #dedede; border-left:1px solid #dedede; border-right:1px solid #dedede;} #contentCol .profileDetails ul li { padding:5px 10px; border-bottom:1px solid #ececec; background:none; text-align:center;} #contentCol .profileDetails ul li .type { color:#4c4c4c;} #contentCol .profileDetails ul li.email { border:none;} #contentCol .profileDetails ul li.email .button { float:none; display:inline-block; line-height:25px; background-position:0px -12px;} .vcard .note { float:right; width:370px; padding-right:10px;} /***** Favourite Photographer Widget *****/ #contentCol .favouritePhotographer .bd { padding-bottom:0;} #contentCol .favouritePhotographer .moduleList.profiles { padding:5px 0 0 0;} /***** Inside two column module *****/ #contentCol .twoColModule .moduleList.profiles { width:100%; padding:5px 0 0 0;} #contentCol .twoColModule .moduleList.profiles li.bg, #contentCol .twoColModule .moduleList.profiles li { margin:0; padding-left:0; padding-right:0; width:100%; min-height:80px; height:auto !important; height:80px;} #contentCol .twoColModule .moduleList.profiles li > a { margin-left:5px;} #contentCol .twoColModule .moduleList.profiles li div { width:195px; margin:0 5px 0 ;} /********************************************************************/ /* Links */ /********************************************************************/ .links h2 img { vertical-align:super; padding-left:2px;} /********************************************************************/ /* Events */ /********************************************************************/ #contentCol .suggestedEvent { background:#fff;} #contentCol .suggestedEvent li { border:none; padding-bottom:0; padding-top:10px;} #contentCol .moduleList.events dl dt { clear:left;} #contentCol .moduleList.programmes dl dt { clear:none;} #contentCol .moduleList.events .programmeDetails, .programmeDetails { overflow:auto; float:none; padding:0; margin:0 0 10px 0; border-bottom:1px solid #E7E7E7;} #contentCol .moduleList.events .programmeDetails p, .programmeDetails p { padding:0 10px 10px 0; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;} #contentCol .moduleList.events .programmeDetails .programmeLabel, .programmeDetails .programmeLabel { color:#212121;} #contentCol .moduleList.events dl { padding-bottom:0;} .programmeDetails { margin-bottom:15px;} #contentCol .moduleList.events li h2 span { display:block; line-height:1em; padding:0 0 10px 0;} .eventDetails { float:left; width:100%; padding:0 0 10px 0; position:relative;} .eventDetails .details { width:auto; padding:0; width:400px;} .eventGroup .details { width:604px;} .eventDetails .button { float:right; padding-left:15px;} .eventDetails .button span { padding-left:22px; background:url(/_images/icons/tickets.png) left 1px no-repeat;} .eventDetails .soldOut { position:absolute; top:0px; right:-22px;} .ticketDetails { padding-bottom:15px;} .ticketDetails dl.details dt, .ticketDetails dl.details dd { padding-bottom:0; padding-top:5px;} .ticketDetails .button { line-height:25px; background-position:0px -12px;} /***** Booking Form *****/ .bookTickets form .field { width:450px; padding:5px 0 0 0;} .bookTickets form .field label { padding-top:0; padding-left:0; width:150px;} .bookTickets form .price { font-size:17px; font-family:Georgia, "Times New Roman", Times, serif; width:100px; position:relative; top:1px; float:left;} .bookTickets form .formControls { width:120px; padding:0; float:right;} .bookTickets form .formControls input { margin:0;} .bookTickets .intro { border-bottom:1px solid #DEDEDE; margin-bottom:15px;} .bookTickets .intro p { padding-bottom:10px;} /***** Within Groups *****/ .latestEvents .bd { padding-top:0;} #contentCol .latestEvents .events { padding:0;} /***** Upcoming Event *****/ #sideCol .upcomingEvent { background:url(/_images/bg/countdown-grad.png) bottom left repeat-x #fff;} #sideCol .upcomingEvent #countdown { display:block; text-align:center;} #sideCol .upcomingEvent #countdown img { vertical-align:bottom; display:inline;} #sideCol .upcomingEvent .bd { margin:0; padding:10px 0 15px 0;} #sideCol .upcomingEvent .bd a { display:block; text-decoration:none; text-align:center; padding:5px 0 15px 0;} #sideCol .upcomingEvent .bd .title { font-family:Georgia, "Times New Roman", Times, serif; display:block; font-size:1.4em; padding:0 0 3px 0; color:#212121;} #sideCol .upcomingEvent .bd a:hover .title, #sideCol .upcomingEvent .bd a:active .title, #sideCol .upcomingEvent .bd a:focus .title { text-decoration:underline;} #sideCol .upcomingEvent .bd .date { padding: 0 0 0 20px; background:url(/_images/icons/date.gif) 0 0 no-repeat; color:#656565; text-decoration:none;} /***** Find Events *****/ #sideCol .findEvents { background:#fff;} .findEvents #calContainer { overflow:hidden; padding:15px;} .findEvents .calControls { float:left; width:100%; text-align:center; line-height:12px; font-size:1.3em; color:#212121; margin:5px 0 20px 0; font-family:Georgia, "Times New Roman", Times, serif;} .findEvents .calControls a { height:12px; width:10px; text-indent:-9999px; background-repeat:no-repeat; background-position:top left; margin:1px 0 0 0;} .findEvents .calControls a:hover, .findEvents .calControls a:active, .findEvents .calControls a:focus { background-position:bottom left;} .findEvents .calControls .prev { float:left; background-image:url(/_images/buttons/carousel/prev.png); margin-left:5px;} .findEvents .calControls .next { float:right; background-image:url(/_images/buttons/carousel/next.png); margin-right:5px;} .findEvents #calContent { width:100%; text-align:center; margin:0 0 5px 0;} .findEvents #calContent th { text-transform:uppercase; font-size:0.9em; color:#212121;} .findEvents #calContent td { padding:6px 4px; background:#f7f7f7; border-left:1px solid #f1f1f1; border-top:1px solid #f1f1f1; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;} .findEvents #calContent td a { font-weight:bold; color:#212121;} .findEvents #calContent td.inactive { background:#e6e6e6;} .findEvents #calContent td.event { padding:0;} .findEvents #calContent td.event a { padding:6px 4px; display:block;} .findEvents #calContent td.event a:hover, .findEvents #calContent td.event a:active, .findEvents #calContent td.event a:focus, .findEvents #calContent td.selectedDay, .findEvents #calContent td.selectedDay a { background:url(/_images/bg/subnav-hover.gif) repeat-x bottom left #4FB1E4; color:#fff;} .findEvents #calContent td.currentDay { background:url(/_images/bg/subnav-selected.gif) repeat-x bottom left #494949; color:#fff;} .findEvents #calContent td.currentDay a { color:#fff;} .findEvents .browse { background:url(/_images/bg/college-fairs/grad.png) top left repeat-x #f4f4f4; padding:15px 15px 10px 15px;} .findEvents .browse li, .eventVenue .browse li, .eventMembers .browse li { padding:0 0 5px 15px; background:url('/_images/bullets/square.gif') no-repeat 2px 8px;} /***** Time and Date *****/ .eventDate { background:#fff;} .eventDate .bd { padding-bottom:10px;} .eventDate dl { color:#212121;} .eventDate dt { font-weight:bold; float:left; padding:0 5px 5px 0; width:50px;} .eventDate dd { float:left; padding:0 0 5px 0; width:229px;} /***** Venue of this event *****/ .eventVenue { background:#fff;} .eventVenue .locationImg { float:left; height:100px; width:100px; border:1px solid #B3DDF4; padding:2px; background:#fff; margin:0 15px 0 0;} .eventVenue .details { float:left; width:162px;} .eventVenue .details h3 { padding:5px 0;} .eventVenue .details p { padding:0 0 10px 0;} .eventVenue .ft, .eventMembers .ft {background:url(/_images/bg/college-fairs/grad.png) top left repeat-x #f4f4f4; padding:13px 20px 0 20px; padding:15px 15px 10px 15px;} /***** Members *****/ .eventMembers { background:#fff;} .eventMembers p { color:#212121; padding:0 0 10px 0;} .eventMembersList { float:left; padding:0 0 10px 0; margin:0 0 7px 0; border-bottom:1px solid #DEDEDE; } .eventMembersList li { float:left; margin:0 0 6px 6px; padding:0;} .eventMembersList li.first { margin-left:0;} .eventMembersList li a { float:left;} .eventMembers form .label { position:absolute; left:-9999px; } /***** Location Map *****/ .venueDetails .bd { padding:0;} .venueDetails .venueAddress { padding:15px 13px;} .venueDetails .venueAddress span { display:block; } .venueDetails .venueAddress span:first-child { font-weight:bold; color:#212121;} .venueDetails .venueDirections { padding:13px 13px 0 13px; border-top:1px solid #DEDEDE;} /***** Member Checkin *****/ .memberCheckins .bd { padding:0;} .memberCheckins ul { overflow:hidden;} .memberCheckins ul li { float:left; width:314px; padding:13px; border-bottom:1px solid #DEDEDE;} .memberCheckins ul li .thumb { float:left; margin:0 10px 0 0;} .memberCheckins ul li p { line-height:1.2em; padding:0;} .memberCheckins ul li span { display:block; padding:3px 0 0 0;} /********************************************************************/ /* Book Events */ /********************************************************************/ .eventTickets form .ticketType { margin:0 0 15px 0;} .eventTickets .bd { padding-bottom:0;} .eventTickets .ticketHd { float:left; width:582px; border:1px solid #DEDEDE; background:url("/_images/bg/infobox.gif") repeat-x 0 -15px; padding:10px;} .eventTickets .ticketHd h3 { padding:3px 0 0 0; margin:0; float:left; width:400px; line-height:1em; font-size:1.3em;} .eventTickets .ticketHd h3 a { text-decoration:none; background:url(/_images/bullets/event-down-arrow.gif) 2px 7px no-repeat; display:block; padding:0 0 0 20px;} .eventTickets .ticketHd h3 a:hover, .eventTickets .ticketHd h3 a:active, .eventTickets .ticketHd h3 a:focus { text-decoration:underline;} .eventTickets .ticketHd.open h3 a { background-image:url(/_images/bullets/event-up-arrow.gif);} .eventTickets .ticketHd .select { float:right; width:auto; padding:0 2px 0 0;} .eventTickets .ticketHd .select label { position:absolute; left:-9999px;} .eventTickets .ticketHd .select select { width:60px;} .eventTickets .ticketHd .price { float:right; font-size:1.4em; line-height:1em; color:#212121; font-family:Georgia, "Times New Roman", Times, serif; padding:2px 15px 0 0;} .eventTickets .outOfStock { float:right; font-size:1.4em; font-family:Georgia, "Times New Roman", Times, serif;} .eventTickets .details { border-left:1px solid #DEDEDE; border-right:1px solid #DEDEDE; border-bottom:1px solid #DEDEDE; float:left; width:582px; background:#fff; padding:10px 10px 0 10px;} .eventTickets form .formControls input { margin:0 10px 0 0;} .eventTickets form .formControls { float:left; width:638px; margin:0 0 0 -17px; background:url(/_images/bg/profile-grad.png) 0px 1px repeat-x #fff; border-top:1px solid #d5d5d5; padding:12px 0;} .eventTickets form .viewMore { text-decoration:none; color: #212121; font-weight: bold; padding-right: 15px; background: url("/_images/bullets/read-arrow.gif") no-repeat 100% 6px;} .eventTickets form a:hover.viewMore, .eventTickets form a:active.viewMore, .eventTickets form a:focus.viewMore { text-decoration:underline;} /********************************************************************/ /* Partners */ /********************************************************************/ #contentCol .moduleList.partners { padding-bottom:17px;} #contentCol .moduleList.partners li { float:none; vertical-align:top; display:inline-block; width:110px; padding:0; border:none; margin:20px 0 0 10px; text-align:center; position:relative;} #contentCol .moduleList.partners li.first { margin-left:1px;} #contentCol .moduleList.partners li a { text-decoration:none;} #contentCol .moduleList.partners li a img { display:block; margin-bottom:5px; height:110px; width:110px;} #contentCol .moduleList.partners li a span { height:110px; width:110px; position:absolute; top:0px; left:0px; background:url(/_images/bg/fade.png) 0px 0px no-repeat;} #contentCol .moduleList.partners li .copyright { top:95px;} #contentCol .moduleList.partners li .copyright img { height:auto; width:auto;} .partnerURL { float:left; width:100%; padding:0 0 15px 0;} .partnerURL a { padding-left:20px; background:url(/_images/icons/link.gif) 0px 6px no-repeat;} /********************************************************************/ /* Supplier Directory */ /********************************************************************/ #contentCol .moduleList.supplier { border-top:1px solid #E7E7E7; margin-top:15px;} #contentCol .moduleList.supplier li { padding-bottom:20px; background:url(/_images/bg/profile-grad.png) top left repeat-x; border-top:1px solid #fff;} #contentCol .moduleList.supplier .details { float:left; width:360px;} #contentCol .moduleList.supplier .details h2 { padding:5px 0 0 0;} #contentCol .moduleList.supplier .details h2 img { vertical-align:middle; padding-left:8px;} #contentCol .moduleList.supplier .details .adr { padding:0; font-size:1em;} #contentCol .moduleList.supplier .details p { font-size:0.9em;} #contentCol .moduleList.supplier .contactDetails, .supplierDetails { float:right; width:150px; padding:5px 0 0; font-size:0.9em; border-left:1px solid #DEDEDE; margin:5px 0 0 0;} #contentCol .moduleList.supplier .contactDetails dl, .supplierDetails dl { padding:0 15px; float:none;} #contentCol .moduleList.supplier .contactDetails dt, .supplierDetails dt { font-weight:bold; padding:0 6px 7px 0; color:#454545;} #contentCol .moduleList.supplier .contactDetails dd, .supplierDetails dd { padding:0 0 7px 0; width:95px;} #contentCol .moduleList.supplier .contactDetails .type, .supplierDetails .type { position:absolute; left:-9999px;} #contentCol .moduleList.supplier .contactDetails ul, #contentCol .supplierDetails ul { float:left; width:100%; padding:0;} #contentCol .moduleList.supplier .contactDetails ul li, #contentCol .supplierDetails ul li { padding:0 15px 7px 27px; width:108px; border:none; line-height:16px; background:url(/_images/bullets/square.gif) 16px 7px no-repeat; margin:0;} #contentCol .supplier.featured { border:none; margin:0; padding:0 0 20px 0;} #contentCol .supplier.featured li { border:1px solid #b3ddf4; border-bottom:2px solid #b3ddf4; background:#ebf6fc; margin-bottom:15px;} #contentCol .supplier.featured .contactDetails { border-left:1px solid #b3ddf4; } .supplierDetails { width:175px; font-size:1em; padding:10px 0 5px 0;} .supplierDetails dl dt, .supplierDetails dl dd { float:left;} #contentCol .supplierDetails ul { padding-top:3px;} #contentCol .supplierDetails ul li { padding-bottom:10px;} .supplierDetails .recommended { float:left; padding:0 0 15px 15px; width:150px;} .supplierDetails dt.address { width:100%; padding:0;} .supplierDetails dd.adr { width:100%; padding:0 0 10px 0;} .supplierInformation { float:left; width:410px;} .supplierLogo { border:1px solid #DEDEDE; margin:0 15px 15px 0; background:#fff; padding:5px;} /********************************************************************/ /* Search */ /********************************************************************/ .resultsCount { color:#4c4c4c; float:left; padding:0; line-height:22px;} /***** Pod Search *****/ .pod form { padding:10px 0;} .pod form p { padding:0 10px 10px 10px;} .pod form label, .pod form .field .label { width:294px; padding:0 10px 5px 10px;} .pod form .text input, .pod form .select select, .pod form .dateSelect select, .pod form textarea { width:276px; margin:0 0 0 10px;} .pod form .ui-selectmenu { float:left;} .pod form .select select, .pod form .select .ui-selectmenu { margin-left:10px;} .pod form .formControls, .manageGalleries .bd { padding-top:5px;} .pod form .text { padding-bottom:5px;} .pod form .dateSelect { padding-left:10px; width:auto;} .pod form .dateSelect .label { padding-left:0;} .pod form .dateSelect select { width:70px; margin:0 10px 0 0;} #content .pod form .selectMultiple ul, #content .eventMembers form .selectMultiple ul { width:285px; padding-left:15px;} #content .eventMembers form .selectMultiple { padding:0;} #content .eventMembers form .selectMultiple ul li label, #content .module form .selectMultiple ul li label { width:218px;} #content .eventMembers form .selectMultiple ul { padding-left:0; padding-bottom:0;} #content .eventMembers .formControls input { margin:0;} #content .eventMembers .field .label { padding-left:0;} /********************************************************************/ /* Competitions */ /********************************************************************/ #contentCol .competitions .thumb, .competitionDetails .thumb, .competitionInfo .thumb { float:left; width:164px;} #contentCol .competitions .thumb a img, .competitionDetails .thumb img, .competitionInfo .thumb img { display:block;} #contentCol .competitions .thumb .sponsor, .competitionDetails .thumb .sponsor, .competitionInfo .thumb .sponsor { display:block; margin:5px 0 0 0; border:1px solid #dedede; background:#fff; padding:9px 0; text-align:center;} #contentCol .competitions .details, .competitionDetails .details { float:right; width:390px; padding-top:3px;} #contentCol .competitions .details div { float:left; width:100%; padding:15px 0 0 0;} #contentCol .competitions .details div dl, .competitionDetails .details dl { width:240px; padding:0; color:#767676;} #contentCol .competitions .details div dl dt, #contentCol .competitions .details div dl dd { padding:3px 0 2px 0;} #contentCol .competitions .details div dl dt, .competitionDetails .details dl dt { width:75px;} #contentCol .competitions .details div dl dd, .competitionDetails .details dl dd { color:#4c4c4c; width:165px;} #contentCol .competitions .details div .button { float:right; line-height:42px; background-position:0px -4px; font-size:12px; padding:0 30px;} .competitionDetails { float:left; width:100%;} .competitionDetails .thumb span img, .competitionInfo .thumb span img { display:inline;} .competitionInfo .thumb { margin:0 15px 10px 0;} .competitionDetails .details { width:410px; padding-right:10px;} .competitionDetails .details dl { float:left; width:100%; padding:0 0 15px 0;} .competitionDetails .details dl dt, .competitionDetails .details dl dd { float:left; padding:0;} .competitionDetails .details dl dd { width:335px;} .competitionTabs { padding-bottom:5px;} .competitionTabs .inner { padding-right:15px;} div.competitionsCategories .bd { padding-top:5px; padding-bottom:5px;} #contentCol .competitionsCategories li { background:none; padding:15px 0 15px 11px; width:140px; display:inline-block; vertical-align: top;} #contentCol .competitionsCategories li.first { padding-left:1px;} #contentCol .competitionsCategories li p { padding:0 5px 12px 0;} #contentCol .competitionsCategories li .button { text-align:center; padding:0; width:138px;} .competitionOptions { padding:0 0 20px 0; float:left; width:100%;} .competitionOptions h2 { padding-bottom:7px;} #contentCol .competitionOptions .tl { width:150px;} #contentCol .competitionOptions .new .tl, #contentCol .competitionOptions .tl a {color:#212121;} #contentCol .competitionOptions .tl a:hover, #contentCol .competitionOptions .tl a:active, #contentCol .competitionOptions .tl a:focus { color:#038FD9;} #contentCol .competitionOptions td.imagesCount { color:#4c4c4c;} #contentCol .competitionOptions td.imagesCount span { display:block; line-height:1em; padding-bottom:6px;} #contentCol .competitionOptions td.imagesCount .noneSelected { padding:0;} #contentCol .competitionOptions td.imagesCount img { padding:5px 7px 0 0;} #contentCol .competitionOptions td.imagesCount span.submitted { top:-10px; right:-6px; } .entrySummary {color:#4c4c4c; font-family:Georgia, 'Times New Roman', Times, serif; font-size:16px; } /********************************************************************/ /* Galleries - Landing */ /********************************************************************/ .landingSection .details { float:right; width:470px;} .landingSection .thumbs { float:left; width:105px; height:80px; position:relative;} .landingSection .thumbs img { position:absolute;} .landingSection .bd p { padding:0 0 10px 0;} .landingSection .bd .readMore, .advanceGalleries .photoDetails .readMore, .banner .bd .readMore, .sonyGallery .bd .readMore { padding:0; background:none;} .landingSection .bd .readMore a, .advanceGalleries .photoDetails .readMore a, .banner .bd .readMore a, .sonyGallery .bd .readMore a { font-weight:bold; color:#212121; font-size:1.1em; padding-right:15px; background:url(/_images/bullets/read-arrow.gif) 100% 6px no-repeat;} .advanceGalleries .photoDetails .readMore { padding:0 0 15px 0;} .advanceGalleries .photoDetails .readMore a { text-decoration:none; font-size:1em;} .advanceGalleries .photoDetails .readMore a:hover, .advanceGalleries .photoDetails .readMore a:active, .advanceGalleries .photoDetails .readMore a:focus { text-decoration:underline;} /* 4x4 Grid */ .landingSection .thumbsGrid .pos-1 { top:-2px; left:10px;} .landingSection .thumbsGrid .pos-2 { top:-2px; right:6px;} .landingSection .thumbsGrid .pos-3 { bottom:-6px; left:10px;} .landingSection .thumbsGrid .pos-4 { bottom:-6px; right:6px;} .landingSection a:hover.thumbsGrid .pos-2, .landingSection a:active.thumbsGrid .pos-2, .landingSection a:focus.thumbsGrid .pos-2 { top:-5px; right:4px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1;} .landingSection a:hover.thumbsGrid img, .landingSection a:active.thumbsGrid img, .landingSection a:focus.thumbsGrid img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity:.5; } /* Coverflow */ .landingSection .thumbsCoverflow .pos-1 { top:24px; left:-2px; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);} .landingSection .thumbsCoverflow .pos-2 { top:4px; left:20px; z-index:2;} .landingSection .thumbsCoverflow .pos-3 { top:24px; right:-8px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity:.5;} .landingSection a:hover.thumbsCoverflow img, .landingSection a:active.thumbsCoverflow img, .landingSection a:focus.thumbsCoverflow img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity:1; } /* Pile */ .landingSection .thumbsPile .pos-1 { -webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); -o-transform: rotate(-8deg);} .landingSection a:hover.thumbsPile .pos-1, .landingSection a:active.thumbsPile .pos-1, .landingSection a:focus.thumbsPile .pos-1 { z-index:2;} /* Stars */ .landingSection .thumbsStars .pos-1 {top:0; left:10px;} .landingSection .thumbsStars span {position:absolute; top:0; left:10px; display:block; width:85px; height:85px;} .landingSection .thumbsStars span:hover, .landingSection .thumbsStars span:focus {background:url('/_images/bg/crit-thumbstars.png') top left no-repeat; -moz-box-shadow:0 0 8px rgba(3, 143, 217, 0.6); -webkit-box-shadow:0 0 8px rgba(3, 143, 217, 0.6); box-shadow:0 0 8px rgba(3, 143, 217, 0.6);} /********************************************************************/ /* Image Grid */ /********************************************************************/ #content .imageGrid { padding:2px 0 0 0; float:left; width:100%;} #content .imageGrid li { display:inline-block; vertical-align:top; padding:0 0 15px 13px; background:none; width:108px; position:relative; text-align:center;} #content .imageGrid li.first, #content div.carouselContainer li.first { padding-left:0;} #content .imageGrid li a, #content .imageGrid li span.photographer { text-decoration:none; color:#4c4c4c; position:relative; display:inline-block;} #content .imageGrid li a.remove { position:absolute;} #content .imageGrid li a img, #content .selectedImage, .landingSection .thumbs img, .printSale a img, .printSale .thumb img { border:1px solid #cacaca; padding:2px; -moz-box-shadow:0 0 8px rgba(00, 00, 00, 0.2); -webkit-box-shadow:0 0 8px rgba(00, 00, 00, 0.2); box-shadow:0 0 8px rgba(00, 00, 00, 0.2); background:#fff;} #content .imageGrid li a:hover img, #content .imageGrid li a:active img, #content .imageGrid li a:focus img, .printSale a:hover img, .printSale a:active img, .printSale a:focus img { border-color:#858585; -moz-box-shadow:0 0 8px rgba(3, 143, 217, 0.6); -webkit-box-shadow:0 0 8px rgba(3, 143, 217, 0.6); box-shadow:0 0 8px rgba(3, 143, 217, 0.6);} #content .imageGrid li a:hover, #content .imageGrid li a:active, #content .imageGrid li a:focus { text-decoration:none; color:#038fd9;} #content .imageGrid li a span { display:block; margin-top:7px; line-height:1.3em;} .imageListTitle { display:block; line-height:1.3em;} /***** Extra Details *****/ #content .imageGrid li a .count, #content .imageGrid li .count, .thumb .count, #content .imageGrid li .printSize, #content .imageGrid li .ticketType { margin-top:3px; text-decoration:none; color:#7b7b7b; font-size:0.9em;} #content .imageGrid li .photographer { color:#7b7b7b; font-size:0.9em; line-height:1.2em; margin-top:3px; width:100%;} .entryDetails { font-size: 15px; font-family:Georgia, "Times New Roman", Times, serif;} #content .imageGrid li .printSize, #content .imageGrid li .ticketType { margin:0 0 5px 0;} /***** Credit *****/ .credit { position:relative;} .credit .copyright { position:absolute; bottom:2px; left:2px;} #content .categoryList li .credit, #content .videos li .credit, #content .news li .credit, #content .groups li .credit { float:left; width:auto; padding:0;} #content .moduleList.profiles li .credit { float:left; width:auto;} /***** Random Image/Gallery *****/ #content .randomGallery .galleryGrid { letter-spacing:0;} #content .randomGallery .imageGrid li { width:96px; padding-bottom:0; padding-left:0; } #content .randomImage .imageGrid li { width:100%; padding:0;} #content .randomGallery .bd { padding:15px 10px;} #sideCol .printShuffle li a .price { font-weight:bold; margin-top:3px;} /***** Inside two col module *****/ #content .twoColModule .imageGrid li { width:48%; padding-left:0; vertical-align:middle;} /***** Inside two col module *****/ .inGallery { font-size:0.9em; padding:1px 0 0 0;} .inGallery span { background:url(/_images/icons/view-gallery.gif) 0px 3px no-repeat; padding-left:15px; } /********************************************************************/ /* Gallery Grid */ /********************************************************************/ #content .galleryGrid { letter-spacing:-4px;} #content .galleryGrid li { padding-left:4px; padding-bottom:20px; width:148px; letter-spacing:0px;} #content .galleryGrid .stack { display:inline-block; margin:0 0 5px 0; position:relative; cursor:pointer; } #content .carouselContainer .galleryGrid .stack { margin-top:10px;} #content .galleryGrid .stack img { position:relative; z-index:2; vertical-align:bottom;} #content .galleryGrid .stack span, .moduleList .stack span { background-repeat:no-repeat; z-index:1; position:absolute; margin:0; padding:0;} #content .galleryGrid .stack .tl, .moduleList .stack .tl { background-image:url(/_images/bg/gallery-stack/grid-view/tl.png); width:10px; height:50px; top:0; left:-10px; background-position:top left;} #content .galleryGrid .stack .tr, .moduleList .stack .tr { background-image:url(/_images/bg/gallery-stack/grid-view/tr.png); width:50px; height:10px; top:-10px; right:10px; background-position:top right;} #content .galleryGrid .stack .bl, .moduleList .stack .bl { background-image:url(/_images/bg/gallery-stack/grid-view/bl.png); width:50px; height:10px; bottom:-10px; left:10px; background-position:bottom left;} #content .galleryGrid .stack .br, .moduleList .stack .br { background-image:url(/_images/bg/gallery-stack/grid-view/br.png); width:15px; height:50px; bottom:3px; right:-13px; background-position:bottom right;} .moduleList .stack { position:relative; cursor:pointer; float:left; margin:0 0 5px 0;} .moduleList .stack img { padding:3px; border:1px solid #CACACA;} .moduleList a:hover .stack img, .moduleList a:active .stack img, .moduleList a:focus .stack img {border-color:#858585;} .moduleList .stack .tl { left:-15px; width:15px; height:70px; top:10px;} .moduleList .stack .br { right:-15px; height:70px;} .galleryThumb .copyright { left: 6px; bottom:auto; top:153px;} #contentCol .galleryThumb .count { display:block; text-align:center; margin:0;} #contentCol .galleryThumb a {text-decoration:none;} /********************************************************************/ /* Image Page */ /********************************************************************/ .mainPhoto { margin-bottom:15px; float:left; width:100%; text-align:center;} .imageOverlayWrapper { position: relative;} .imageOverlayWrapper .imageOverlay { position: absolute; top: 0px; left: 0px; } .photoInformation .bd { padding-top:2px;} .photoInformation .alert { margin:15px 0 0 0;} .photoDetails { float:left; width:400px; padding-top:15px;} .purchaseImage .photoDetails { width:100%;} .actionList { float:right; width:180px; background:#4c4c4c; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding-top:2px; margin:15px 0 15px 15px;} .profile .actionList { margin:0 13px 0 15px;} .imageSideCol { float:right; width:180px; margin-bottom:5px;} .imageSideCol .actionList { margin-bottom:0;} .facebookLike { margin:10px 0 10px 0;} /***** Rating *****/ .actionList .rating { float:left; width:176px; margin-left:2px; line-height:18px; font-family:Georgia, "Times New Roman", Times, serif; color:#fff; font-size:19px; padding:13px 0 5px 0; text-align:center; background:url(/_images/bg/action-divider.gif) bottom left repeat-x;} .rating a, .rating span { float:left; height:24px; width:24px; background:url(/_images/buttons/thumbs.png) 0px 0px no-repeat; text-indent:-9999px; margin-right:5px;} .rating .thumbsUp { display:inline-block; padding:0 5px 10px 0;} .rating .thumbsUp a:hover, .rating .thumbsUp a:active, .rating .thumbsUp a:focus { background-position:0px -24px;} .rating .thumbsUp span { background-position:0px -48px;} .rating .thumbsDown { display:inline-block; padding:0 0 10px 5px;} .rating .thumbsDown a { background-position:-24px 0px;} .rating .thumbsDown a:hover, .rating .thumbsDown a:active, .rating .thumbsDown a:focus { background-position:-24px -24px;} .rating .thumbsDown span { background-position:-24px -48px;} /***** List of actions *****/ #content .actionList ul { padding:0 0 2px 0; float:left; width:100%;} #content .actionList ul li { padding:0 2px; font-size:0.9em;} #content .actionList ul li a { display:block; padding:7px 0 7px 10px; color:#fff; text-decoration:none; background:url(/_images/bg/actions/off.gif) bottom left repeat-x #393939;} #content .actionList ul li a:hover, #content .actionList ul li a:active, #content .actionList ul li a:focus { background:url(/_images/bg/actions/on.gif) top left repeat-x #038fd9;} #content .actionList ul li.delete a:hover, #content .photoActions ul li.delete a:active, #content .photoActions ul li.delete a:focus { background:url(/_images/bg/actions/delete.gif) top left repeat-x #d90606;} #content .actionList ul li a img { vertical-align:middle; padding-right:2px;} /***** Highlighted List of actions *****/ #content .imageSideCol .highlightActions { float:left; width:180px; padding:0;} #content .imageSideCol .highlightActions li { background:none; float:left; width:180px; padding:5px 0 0 0;} #content .imageSideCol .highlightActions li a { border:1px solid #038fd9; display:block; background:url(/_images/bg/image-highlight-btn-off.png) top left repeat-x #038fd9; color:#fff; text-decoration:none; line-height:1em; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} #content .imageSideCol .highlightActions li a:hover, #content .imageSideCol .highlightActions li a:active, #content .imageSideCol .highlightActions li a:focus {background:url(/_images/bg/image-highlight-btn-on.png) top left repeat-x #43ace3;} #content .imageSideCol .highlightActions li a .inner { display:block; padding:9px 10px 8px 37px; background-position:5px center; background-repeat:no-repeat;} #content .imageSideCol .highlightActions li a .title { font-family:Georgia, "Times New Roman", Times, serif; display:block; font-weight:bold; } #content .imageSideCol .highlightActions li a .subTitle { display:block; padding:3px 0 0 0; color:#d0eaf8; font-size:0.9em; } /* List of icons */ #content .imageSideCol .highlightActions li .purchasePrint .inner { background-image:url(/_images/icons/image-highlight/buy.png);} /***** Social *****/ .photoSocial { float:left; width:100%; border-top:1px solid #e7e7e7; padding:15px 0 0 0; margin:15px 0 0 0; } .photoSocial .tags { border:none; margin:0; padding:0; width:290px;} .photoSocial .favourites { float:right; width:290px;} .photoSocial .favourites h2 { padding:1px 0 5px 20px; background:url(/_images/icons/fave.png) 0px 0px no-repeat; margin-top:-1px;} .photoSocial .favourites p { padding:0;} /***** Insert *****/ .imageInsert .hd p a { text-decoration:underline;} .imageInsert .hd p a:hover, .imageInsert .hd p a:active, .imageInsert .hd p a:focus {color:#038FD9;} .imageInsert .bd { padding:2px 0;} .imageInsert .bd img { text-align:center;} /***** Tabs *****/ #imageTabs { padding-top:25px;} .pageOptions + #imageTabs { padding-top:5px;} /***** Image Sales *****/ .purchasePrint { background:none;} .purchasePrint .bd { padding:0 0 2px 0;} .purchasePrint .bd .intro { border-bottom:1px solid #DEDEDE; padding:0 0 10px 0; margin:0 10px; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#656565;} .purchasePrint .bd .intro p { padding:10px 0 0 ;} .purchasePrint form { padding-top:5px;} .purchasePrint .bd .label { font-weight:bold;} .purchasePrint .bd li label span { float:right; font-weight:normal;} #content .purchasePrint form .selectMultiple ul li label { width:255px; font-weight:bold; color:#212121;} #content .purchasePrint form .selectMultiple { padding-bottom:0;} #checkout .singleCheck { padding-top:10px;} .orderPreview { border-color:#B3DDF4; background:#EBF6FC;} .orderPreview .details { float:left; width:440px;} .orderPreview .thumb { float:left; border:2px solid #fff; margin:0 15px 0 0;} .orderPreview h2 { padding:3px 0 0 0; color:#212121;} .orderPreview p { color:#212121; padding:0;} .orderPreview .price { float:right; font-size:1.6em; font-family:Georgia, "Times New Roman", Times, serif; color:#212121; text-align:right; line-height:1.1em; padding:5px 0 0 0;} .orderPreview .price span { display:block; font-size:0.6em;} .orderDetails dl { float:left; width:280px;} .orderDetails dt { float:left; width:80px; font-weight:bold; color:#212121; padding-bottom:5px;} .orderDetails dd { float:left; width:200px; padding-bottom:5px; overflow:hidden;} .confirmDetails { background:#FBFBFB;} .confirmDetails p { color:#212121;} .confirmDetails form .singleCheck { float:left; width:400px; padding:6px 0 0 0;} .confirmDetails form .singleCheck label { width:360px;} .confirmDetails form .formControls { float:right; width:180px;} /***** Random Button *****/ .randomButtonContainer { float:left; width:320px; background:url(/_images/buttons/random/divider.gif) bottom left no-repeat; padding:0 0 17px 0; margin:0 0 20px 0; } .randomButtonContainer.last { padding:17px 0 0 0; margin:0; background-position:top left;} .randomButton { width:218px; float:left; border:1px solid #dedede; position:relative; margin:0 0 0 50px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background:url(/_images/buttons/random/grad.gif) top left repeat-x #dfdfdf; height:37px; position:relative; z-index:1000;} .randomAction { float:left; width:218px; background:url(/_images/buttons/random/grad.gif) top left repeat-x #dfdfdf; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; color:#454545; font-size:1.1em; line-height:14px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;} .randomAction span { padding:12px 0 12px 43px; display:block; background:url(/_images/buttons/random/icon.png) 10px center no-repeat;} a:hover.randomAction, a:active.randomAction, a:focus.randomAction { color:#212121; background:url(/_images/buttons/random/grad-hover.gif) top left repeat-x #f5f5f5; text-decoration:none;} .randomButton.splitButton .randomAction { width:179px; -webkit-border-radius:20px 0 0 20px; -moz-border-radius:20px 0 0 20px; border-radius:20px 0 0 20px; border-right:1px solid #f6f6f6; border-right:1px solid #f6f6f6;} .randomButton.splitButton .randomToggle { float:right; width:37px; border-left:1px solid #cecece; background:url(/_images/buttons/random/grad.gif) top left repeat-x #dfdfdf; -webkit-border-radius:0 20px 20px 0; -moz-border-radius:0 20px 20px 0; border-radius:0 20px 20px 0;} .randomButton.splitButton .randomToggle span { text-indent:-9999px; display:block; padding:13px 0 13px 0; line-height:1em; width:37px; background:url(/_images/buttons/random/arrow.gif) 10px 16px no-repeat; cursor:pointer; } .randomButton.splitButton a:hover.randomToggle, .randomButton.splitButton a:active.randomToggle, .randomButton.splitButton a:focus.randomToggle { background:url(/_images/buttons/random/grad-hover.gif) top left repeat-x #f5f5f5; } .openDropDown.splitButton .randomDropDown { display:block;} .openDropDown.randomButton { -webkit-border-radius:20px 20px 0 0; -moz-border-radius:20px 20px 0 0; border-radius:20px 20px 0 0; border-color:#c2c2c2;} .openDropDown.splitButton .randomAction { -webkit-border-radius:20px 0 0 0; -moz-border-radius:20px 0 0 0; border-radius:20px 0 0 0;} .openDropDown.splitButton .randomToggle { -webkit-border-radius:0 20px 0 0; -moz-border-radius:0 20px 0 0; border-radius:0 20px 0 0;} .randomDropDown { position:absolute; top:37px; left:-1px; width:218px; background:#F5F5F5; border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; z-index:1000; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; display:none;} .randomDropDown ul li:last-child a { -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; } .randomDropDown ul li a { display:block; padding:5px 10px; border-top:1px solid #E4E4E4; text-decoration:none;} .randomDropDown ul li a:hover, .randomDropDown ul li a:active, .randomDropDown ul li a:focus { background:#038FD9; color:#fff;} /********************************************************************/ /* Buy Prints - Landing */ /********************************************************************/ #content .featuredPrints .hd h2 { width:450px;} .banner { background-position:0px 0px; background-repeat:no-repeat; height:172px; position:relative;} .banner .bd { padding:14px 15px 0 400px;} .banner .bd h2, .banner .bd p { padding-bottom:10px;} .banner .icon { background:url(/_images/general/print-price.png); position:absolute; left:5px; bottom:5px; width:78px; height:77px; text-indent:-9999px;} .printSizes { float:right; margin:0 5px 0 25px;} /********************************************************************/ /* Carousel */ /********************************************************************/ .carouselWidget .bd { padding-bottom:0; padding:17px 0 15px 0;} .carouselContainer { float:left; width:528px; position:relative; margin-left:53px;} .carouselContainer .next, .carouselContainer .prev { position:absolute; top:64px; height:12px; width:11px; text-decoration:none; background-position:0px 0px; background-repeat:no-repeat; text-indent:-9999px;} .instituteGallery .carouselContainer .next, .instituteGallery .carouselContainer .prev { top:50%; margin-top:-6px;} .carouselContainer .next { right:-21px; background-image:url(/_images/buttons/carousel/next.png);} .carouselContainer .prev { left:-20px; background-image:url(/_images/buttons/carousel/prev.png);} .carouselContainer a:hover.carouselControl, .carouselContainer a:active.carouselControl, .carouselContainer a:focus.carouselControl, .galleryContainer a:hover.button, .galleryContainer a:active.button, .galleryContainer a:focus.button { background-position:0 -12px;} #contentCol .carouselContainer .imageGrid li { float:left; padding:0; margin:0 12px 0; } #contentCol .carouselWidget li.first { padding-left:13px;} /***** Featured Products *****/ #content .featuredProducts .bd {background:url(/_images/bg/countdown-grad-off.png) bottom left repeat-x #fff;} #content .featuredProducts .imageGrid li a .price { font-weight:bold; margin:0;} /***** Join Groups *****/ #contentCol .carouselWidget .bd ul li .button { color:#fff; margin:5px 0 0 23px; background-position:0 -14px;} #contentCol .carouselWidget .bd ul li .button span { display:inline; margin:0; line-height:2.1em;} #contentCol .carouselWidget .bd ul li .joined, .button.joined { background-color:#f2f2f2; color:#737373; border:1px solid #cbcbcb; padding:0 12px; margin-left:18px; } #contentCol .carouselWidget .bd ul li .joined span, .button.joined span { background:url(/_images/icons/tick-joined.png) left center no-repeat; padding-left:16px;} /********************************************************************/ /* Image Adding/Selection */ /********************************************************************/ /***** Adding Process *****/ #contentCol .currentEntries .bd { padding-top:0;} #contentCol .selectedEntries { padding:0 0 15px 0; float:left; width:100%;} #contentCol .selectedEntries li { display:inline-block; vertical-align:top; width:106px; padding:0; margin:15px 0 0 13px; position:relative; background:none; text-align:center;} .imageContainer { position:relative; display:inline-block;} #contentCol .selectedEntries li.first { margin-left:0px;} /***** Make Primary Action *****/ #contentCol .selectedEntries li a { text-decoration:none; color:#4c4c4c; position:relative; display:inline-block;} #contentCol .selectedEntries li a .makePrimary { position:absolute; top:0px; left:0px; height:108px; width:108px; background:url(/_images/photos/primary-overlay.png) center center no-repeat; cursor:pointer; text-indent:-9999px; visibility:hidden; } #contentCol .selectedEntries li .primary { position:absolute; bottom:5px; left:-5px;} #contentCol .selectedEntries li a.remove { position:absolute; display:block;} /***** Subbmited Icon *****/ .submitted { position:absolute; top:-12px; right:-12px; height:28px; width:28px; text-indent:-9999px; background:url(/_images/buttons/submitted.png) 0px 0px no-repeat; z-index:3;} /***** Recently Added Hint *****/ #contentCol .selectedEntries .glow { position:absolute; top:-10px; left:-10px; height:126px; width:126px; background:url(/_images/photos/added-glow.gif) 0px 0px no-repeat; z-index:2;} /***** Additional Information *****/ .additionalInformation { float:left; width:100%;} .additionalInformation h2 { padding:0 0 7px 0;} .additionalInformation .description { float:left; width:300px;} .additionalInformation dl { float:right; width:250px;} .additionalInformation dl dt { font-family:Georgia, "Times New Roman", Times, serif; color:#4c4c4c; font-size:1.1em;} .additionalInformation dl dd { padding:0 0 10px 0;} /***** Selection Process *****/ #contentCol .selectImages .imageGrid li a .addOverlay { position:absolute; top:0px; left:0px; background:url(/_images/photos/add-overlay.png) center center no-repeat; visibility:hidden; cursor:pointer; margin:0;} #contentCol .selectImages .imageGrid li a:hover .addOverlay, #contentCol .selectImages .imageGrid li a:active .addOverlay, #contentCol .selectImages .imageGrid li a:focus .addOverlay, #contentCol .selectedEntries li a:hover span, #contentCol .selectedEntries li a:active span, #contentCol .selectedEntries li a:focus span { visibility:visible;} #contentCol .selectImages .pageNumbers {float:left; border-top:1px solid #dedede; width:100%; padding:15px 0 0 0; } #contentCol .selectImages .pageNumbers li, #contentCol .toolBar.footer .pageNumbers li { margin:0 5px 0 0;} #contentCol .selectedEntries li a .addImage { position:absolute; top:-5px; left:-5px; height:116px; width:116px; background:url(/_images/buttons/add-image.png) 0px 0px no-repeat; text-indent:-9999px; cursor:pointer;} #contentCol .selectedEntries li a:hover .addImage, #contentCol .selectedEntries li a:active .addImage, #contentCol .selectedEntries li a:focus .addImage { background-position:0 -116px;} /***** Uploadify *****/ .advancedUpload form { width:374px;} .advancedUpload form label { position:absolute; left:-9999px;} .advancedUpload .file a { font-size:0.9em; float:left; line-height:26px; padding:0 0 0 10px;} .advancedUpload form .formControls input { margin:0;} .advancedUpload form .file { position:relative;} .advancedUpload form .alert { float:left; width:372px; padding:10px 0 0 0;} .advancedUpload form .alert p { padding:0 10px 10px 10px;} .advancedUpload .tip { width:220px; float:right; background:url(/_images/bg/tip.png) 0px 2px no-repeat;} .advancedUpload .tip p, .alert .tip p { padding:0 0 10px 40px;} .advancedUpload .tip strong, .alert .tip strong { color:#212121;} #uploadQueue { float:left; padding-bottom:15px;} .uploadifyQueue, #fileInputUploader { float:left;} #UploadifyUploader, .hiResUploadify object { position:absolute; top:0; left:0;} .uploadifyQueueItem { font-size:0.9em; border:2px solid #d5d5d5; background-color:#f1f1f1; margin-top:5px; padding:10px; width:350px;} .uploadifyQueueItem .cancel { float:right; } .uploadifyQueueItem .fileName { color:#212121;} #uploadQueue .blankstate { font-size:1em; padding:14px 10px 11px 10px; position:relative;} #uploadQueue .blankstate img { position:absolute; top:-7px; right:6px;} #uploadQueue .blankstate p { padding:0 80px 3px 0; color:#3f3f3f;} #uploadQueue .blankstate p strong { color:#212121;} #uploadInProgress { border-color:#B3DDF4; background:url(/_images/bg/blue-ajax-loader.gif) 10px center no-repeat #EBF6FC; } #uploadInProgress p { padding:0 5px 0 45px;} #uploadInProgress strong { color:#212121;} .uploadifyError { border:2px solid #EECCCC !important; background-color:#FFEEEE !important;} .uploadifyProgress { background-color:#FFFFFF; border-top:1px solid #c8c8c8; border-left:1px solid #c8c8c8; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-top:10px; width:100%; } .uploadifyProgressBar { background-color:#038fd9; width:0px; height:3px; } /***** Batch Details *****/ #batchDetails, #checkout { background:none; border:none; margin:0;} #batchDetails .text label, #batchDetails .textarea label, #batchDetails .selectMultiple .label { width:90px; padding-right:0;} #batchDetails .text input, #batchDetails textarea { width:200px; float:right;} #content #batchDetails .selectMultiple { padding-bottom:20px; } #content #batchDetails .selectMultiple ul { float:right; width:215px } #content #batchDetails .selectMultiple ul li label { width:160px;} #batchDetails .singleCheck { width:335px; } #batchDetails .singleCheck label { width:305px; } .uploadDetails .enterDetails { float:right; width:335px;} #batchDetails .formControls { float:right; width:auto;} #batchDetails .resultsCount { line-height:30px;} /***** Previous/Next *****/ #content .prevNext { float:left; padding:5px 10px 0 5px;} #content .prevNext li a { width:auto;} #content .prevNext li a span { width:auto; text-indent:0px;} #content .prevNext li.prev a span { padding:0 10px 0 20px; background-position:7px 7px; } #content .prevNext li.next a span { padding:0 20px 0 10px; background-position:85% 7px; } #contentCol .prevNext .prev a:hover span, #contentCol .prevNext .prev a:active span, #contentCol .prevNext .prev a:focus span { background-position:7px -10px;} #contentCol .prevNext .next a:hover span, #contentCol .prevNext .next a:active span, #contentCol .prevNext .next a:focus span { background-position:85% -10px;} /***** Reorder - Horizontal *****/ .reorderControl { display:inline-block; margin:0 0 6px 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; width:56px; } .reorderControl:hover, .reorderControl:focus { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .reorderControl a { height:18px; width:28px; background:url("/_images/buttons/reorder/horizontal/reorder.png") 0px 0px no-repeat; text-indent:-9999px; } .reorderControl .prev { float:left;} .reorderControl .next { float:right; background-position:-28px 0; } .reorderControl .prev:hover, .reorderControl .prev:active, .reorderControl .prev:focus { background-position:0 -18px;} .reorderControl .next:hover, .reorderControl .next:active, .reorderControl .next:focus { background-position:-28px -18px;} /***** Reorder - Vertical *****/ .reorderControl.vertical { margin:0; width:28px;} .reorderControl.vertical a { height:29px; width:18px; background:url("/_images/buttons/reorder/vertical/reorder.png") 0px 0px no-repeat;} .reorderControl.vertical .next { float:left; background-position:0 -28px; } .reorderControl.vertical .prev:hover, .reorderControl.vertical .prev:active, .reorderControl.vertical .prev:focus { background-position:-18px 0;} .reorderControl.vertical .next:hover, .reorderControl.vertical .next:active, .reorderControl.vertical .next:focus { background-position:-18px -28px;} /********************************************************************/ /* Module Details */ /********************************************************************/ dl.details { padding:0 0 10px 0;} .photo { float:right; margin:0 0 25px 25px;} .photo.fl { float:left; margin:0 25px 25px 0;} .photoCaption { float:right; margin:0 0 25px 25px; text-align:right; width:320px;} .photoCaption .photo { margin:0; float:none;} .photoCaption p { padding:0; display:block; font-size:0.9em; padding:3px 0 0 0; text-align:right;} .photoCaption em { padding-right:2px;} .photoCaption.fl { float:left; margin:0 0 25px 0; width:50%;} .photoCaption.fr { float:right; margin:0 0 25px 0; width:50%;} .photoRow { float:left; width:100%; padding:0 0 25px 0;} .photoRow .photoCaption { margin:0;} .captionFull { float:left; margin:0 0 20px 0; text-align:center; width:100%;} .photoCaption.fr p, .photoCaption.fl p, .captionFull p { text-align:center;} .photoCredit-noCaption { float:right; margin:0 0 25px 25px;} /********************************************************************/ /* Tags */ /********************************************************************/ .tags { float:left; width:100%; border-top:1px solid #e7e7e7; padding:15px 0 0 0; margin:15px 0 0 0;} .tags h2 { background:url(/_images/icons/tag.gif) no-repeat; padding:0 0 5px 25px;} #contentCol .tags ul { padding:0 0 0 25px;} #contentCol .tags ul li { float:left; background:none; padding:0 15px 0 0;} /********************************************************************/ /* Comments */ /********************************************************************/ #contentCol #comments .pageOptions, #contentCol #critiques .pageOptions { padding:5px 0 0 0;} #comments .pageOptions .fl, #critiques .pageOptions .fl { color:#010101; line-height:30px;} #comments .pageOptions .button, #critiques .pageOptions .button { margin-top:3px;} #comments .comments{ padding:15px 0 0 0;} #comments .comments li { width:602px; padding:8px 0 0 0; margin:0 0 25px 0; border:1px solid #dddcdc; position:relative; background:#fff;} #comments .comments li .author { float:left; padding:0 0 5px 10px; font-size:0.9em;} #comments .comments li.staff .author { padding-left:75px;} #comments .comments li .author a, #comments .comments li.staff .author cite { display:block; font-size:1.2em;} #comments .comments li .author span { padding-right:5px; margin-right:5px; background:url(/_images/bg/post-details-divider.gif) right center no-repeat; } #comments .comments li.staff .author cite { color:#4C4C4C;} #comments .comments li .author cite { font-style:normal;} #comments .comments li .author img { position:absolute; top:13px; left:-5px;} #comments .comments li ul { float:right; padding:7px 0 0 0;} #comments .comments li ul li { float:left; width:auto; margin:0; padding:0 10px 0 0; border:none; font-size:0.9em; line-height:1em;} #comments .comments .button, #critiques .critiques .button { line-height:20px; padding:0 10px; background-color:#f2f2f2; color:#737373; border:1px solid #E0E0E0; background-position:0px -8px; background-image:none;} #comments .comments a.button:hover, #comments .comments a.button:active, #comments .comments a.button:focus, #critiques .critiques .button:hover, #critiques .critiques .button:active, #critiques .critiques .button:focus { background-color:#038fd9; border-color:#038fd9; color:#fff;} #comments.postList .comments .reply { padding-left:22px; background-image:url(/_images/icons/reply.png); background-position:6px center; background-repeat:no-repeat;} #comments.postList .comments .reply:hover, #comments.postList .comments .reply:active, #comments.postList .comments .reply:focus { background-image:url(/_images/icons/reply-hover.png);} #comments.postList .comments .delete:hover, #comments.postList .comments .delete:active, #comments.postList .comments .delete:focus { background-color:#D90505; border-color:#D90505;} #comments .comments li blockquote { float:left; width:572px; padding:15px 15px 0 15px; background:#FBFBFB; border-top:1px solid #ebebeb; color:#656565; border-left:none; margin:0;} #comments .comments li blockquote p { padding:0 0 15px 0;} #comments .comments li.last { margin:0;} #postComment label { position:absolute; left:-9999px;} #postComment textarea { height:120px; width:586px;} #postComment .formControls input { margin:0;} /********************************************************************/ /* Critiques */ /********************************************************************/ #critiques .moduleList { padding:0 0 5px 0} #critiques .moduleList li { border:1px solid #d6d6d6; border-bottom:2px solid #d6d6d6; background:url(/_images/bg/crit-fade.gif) bottom left no-repeat #fff; padding:12px 15px 15px 15px; margin:20px 0 0 0; position:relative;} #critiques .moduleList li h3 { padding:0 0 3px 0; } #critiques .moduleList li h3 .stars { vertical-align:text-top; margin:2px 0 0 10px;} #critiques .moduleList li .button { position:absolute; top:10px; right:10px;} #critiques .moduleList li h3 a { text-decoration:underline;} #critiques .moduleList li h3 a:hover, #critiques .moduleList li h3 a:active, #critiques .moduleList li h3 a:focus { color:#038fd9;} #critiques li .description { float:left; padding:10px 0 0 0;} #critiques li .description p { padding:0;} #critiques li .description .readMore { padding:10px 0 0 0; background:none;} #critiques li .description .readMore a { font-weight:bold; color:#212121; font-size:1.1em; padding-right:15px; background:url(/_images/bullets/read-arrow.gif) 100% 6px no-repeat;} .pageOptions .stars { margin:-1px 0 0 6px; vertical-align:text-top; } #critiques .moduleList li .viewCritiques .button { position:static;} .viewCritiques { border-top:1px solid #e5e5e5; margin:10px 0 0 0; padding:10px 0 0 0; float:left; width:100%;} .viewCritiques p { font-family:Georgia, "Times New Roman", Times, serif; font-size:0.9em; float:left; width:385px;} #critiques .moduleList li .viewCritiques .button { float:right; line-height:25px; border-color:#b7b7b7; margin-top:5px;} #critiques .moduleList li .viewCritiques a:hover.button, #critiques .moduleList li .viewCritiques a:focus.button, #critiques .moduleList li .viewCritiques a:active.button { background-color:#038FD9; border-color:#038FD9; color:#fff;} #critiques .moduleList li .viewCritiques .button span { background-position:right center; background-image:url(/_images/icons/crit/next.gif); background-repeat:no-repeat; padding-right:15px;} #critiques .moduleList li .viewCritiques a:hover.button span, #critiques .moduleList li .viewCritiques a:active.button span, #critiques .moduleList li .viewCritiques a:focus.button span {background-image:url(/_images/icons/crit/next-on.gif);} /***** Highlight Critique *****/ #critiques .moduleList .highlight { border-color:#B3DDF4; background-color:#EBF6FC; background-image:url(/_images/bg/crit-fade-highlight.gif);} #critiques .moduleList .highlight .viewCritiques { border-color:#B3DDF4} /***** Stars! *****/ .stars { display:inline-block; height:15px; width:80px; background-image:url(/_images/bullets/star-options.gif); background-repeat:no-repeat; background-position:0px 0px; text-indent:-9999px;} .rating-1of5 { background-position:0px 0px;} .rating-2of5 { background-position:0px -15px;} .rating-3of5 { background-position:0px -30px;} .rating-4of5 { background-position:0px -45px;} .rating-5of5 { background-position:0px -60px;} h2 .stars { vertical-align:middle; margin:-2px 0 0 5px;} /***** Details *****/ .critiqueContent { float:left; width:390px;} .critiqueContent .author { color:#212121; font-family:Georgia, "Times New Roman", Times, serif; padding:15px 0 15px 0;} .critiqueContent .author img { vertical-align:middle; margin:0 10px 0 0;} .critiqueContent .author.top { padding-top:5px;} .critiqueDetails { width:180px; position:absolute; top:15px; right:17px;} .critiqued { float:left; width:178px; padding:10px 0 8px 0; background:#F0F0F0; border:1px solid #E1E1E1; text-align:center; margin:0 0 20px 0;} .critiqued img { padding:0 0 5px 0;} .critiqued p, #contentCol .critiqueList li .critiqued p { font-size:0.9em; padding:0 10px;} .critiqued p a { white-space:nowrap;} #content .starBreakdown { padding-bottom:10px; float:left;} #content .starBreakdown li { padding:0 0 10px 0; background:none; float:left; width:100%;} #content .starBreakdown li.average { margin:0 0 10px 0; padding-bottom:12px; border-bottom:1px solid #DEDEDE; font-weight:bold; color:#212121;} #content .starBreakdown li p { float:left; line-height:15px; padding:0; width:98px; text-indent:2px;} #content .starBreakdown li .stars { float:right;} .critiqueDetails .gray { float:right;} /***** Module Listing *****/ .critiqueListing { background:#fff;} #contentCol .critiqueList li div { float:right; width:378px; padding:5px 0 0 0;} #contentCol .critiqueList li .critiqued { float:left; width:178px; padding:10px 0 8px 0; margin:0;} #contentCol .critiqueList li h2 a, #contentCol .critiqueList li h3 a { text-decoration:underline;} #contentCol .critiqueList li h2 a:hover, #contentCol .critiqueList li h2 a:active, #contentCol .critiqueList li h2 a:focus, #contentCol .critiqueList li h3 a:hover, #contentCol .critiqueList li h3 a:active, #contentCol .critiqueList li h3 a:focus { color:#038fd9;} #contentCol .critiqueList li h2 .stars { margin:-3px 0 0 7px;} #contentCol .latestCritiqueListing .critiqueList { padding:0;} #contentCol .latestCritiqueListing .bd { padding-top:0; padding-bottom:0;} #contentCol .latestCritiqueListing .critiqueList li { padding:15px 0;} #contentCol .latestCritiqueListing .critiqueList li.last {border:0;} /********************************************************************/ /* Landing Pods */ /********************************************************************/ ul#landingPods { float:left; width:100%; padding:0;} ul#landingPods li { float:left; margin:0 17px 15px 0; padding:0;} ul#landingPods li.last { margin-right:0;} ul#landingPods li a { float:left; width:200px; height:95px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #dedede; background:url(/_images/bg/landing-pod-bkg.png) repeat-x bottom left #fff; text-decoration:none; font-size:1em; cursor:pointer;} ul#landingPods li a:hover, ul#landingPods li a:active, ul#landingPods li a:focus { color:#fff; background-color:#038fd9; border-color:#038fd9; background-image:url(/_images/bg/landing-pod-bkg-hover.png); background-position:top left;} ul#landingPods li a .icon { float:left; width:170px; height:80px; padding:15px 15px 0 15px; background-position:top right; background-repeat:no-repeat;} ul#landingPods li a .icon span { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em; display:block; font-weight:normal; padding:0 0 5px 0;} ul#landingPods li a:hover .icon, ul#landingPods li a:active .icon, ul#landingPods li a:focus .icon { background-position:0px -95px;} /* Icons */ ul#landingPods .activityPod a .icon { background-image:url(/_images/bg/landing/community/activity.png);} ul#landingPods .imagesPod a .icon, ul#landingPods .allImagesPod a .icon { background-image:url(/_images/bg/landing/community/images.png);} ul#landingPods .groupsPod a .icon { background-image:url(/_images/bg/landing/community/groups.png);} ul#landingPods .socialPod a .icon { background-image:url(/_images/bg/landing/community/social.png);} ul#landingPods .blogsPod a .icon, ul#landingPods .commentedPod a .icon { background-image:url(/_images/bg/landing/community/blogs.png);} ul#landingPods .videosPod a .icon { background-image:url(/_images/bg/landing/community/videos.png);} ul#landingPods .linksPod a .icon { background-image:url(/_images/bg/landing/community/links.png);} ul#landingPods .downloadsPod a .icon { background-image:url(/_images/bg/landing/community/downloads.png);} ul#landingPods .topRatedPod a .icon { background-image:url(/_images/bg/landing/community/top-rated.png);} ul#landingPods .viewedPod a .icon { background-image:url(/_images/bg/landing/community/most-viewed.png);} ul#landingPods .critiquedPod a .icon { background-image:url(/_images/bg/landing/community/critiqued.png);} ul#landingPods .purchasedPod a .icon { background-image:url(/_images/bg/landing/community/most-purchased.png);} /********************************************************************/ /* News and Events Pods */ /********************************************************************/ #content ul.latestPod li { border-bottom:1px solid #e7e7e7; overflow:hidden; padding:10px 10px 5px 10px; background:none;} #content ul.latestPod li.last { border:none;} #content ul.latestPod li p.title { padding:0 0 5px; font-weight:bold; font-size:110%;} #content ul.latestPod li h3 { padding:0 0 5px;} #content ul.latestPod li p { } #content ul.latestPod dl { float:left; width:100%; padding:3px 0 5px 0;} #content ul.latestPod dl dt { float:left; padding:0 0 10px 0; line-height:16px; padding:0 5px 5px 1px;} #content ul.latestPod dl dd { float:left; line-height:16px; padding:0 20px 5px 0;} /***** Within Two Col Module ****/ #content .twoColModule ul.latestPod, #content .twoColModule ul.latestPod li.last, #content .twoColModule ul.latestPod li p {padding:0; margin:0;} #content .twoColModule ul.latestPod li { padding:0 0 15px 0; margin: 0 0 10px 0;} /********************************************************************/ /* Groups */ /********************************************************************/ #content .moduleList.groups .join { line-height:24px;} #contentCol .moduleList.groups h2 img { vertical-align:middle; padding-left:3px; margin:-2px 0 0 0;} .groupInfo h2 img { vertical-align:middle; margin:-1px 0 0 0; padding-left:3px;} .moduleList.groups li .join span { background:url(/_images/icons/add-hover.gif) 0px 2px no-repeat; padding-left:15px;} #sideCol .createGroup { background:url(/_images/bg/add-group-bg.png) 200px 45px no-repeat #fff;} .createGroup .bd { padding-right:120px;} /***** Header *****/ #groupHeader { position:relative; background:url(/_images/bg/group-bkg.gif) repeat-x left bottom #FFFFFF; border-color:#c9c9c9;} #groupHeader .groupInfo { float:left; width:436px; margin:14px 0 0 0;} #groupHeader .groupInfo h2 { padding:0 0 3px 0;} #groupHeader .groupInfo h2 a { text-decoration:none;} #groupHeader .groupPhoto { float:left; margin:15px 15px 0 15px;} #groupHeader .groupDescription { float:left; width:911px; padding-left:63px;} #groupHeader .groupDescription p { padding:0 200px 15px 15px;} #groupHeader .groupOptions { position:absolute; top:15px; right:15px;} #groupHeader .groupOptions li { float:right; display:inline; margin:0 0 0 5px;} #groupHeader .groupOptions li .button { line-height:25px;} #groupHeader .groupOptions li .join, #content .moduleList.groups .join { color:#fff; background:url(/_images/bg/button.png) 0px -12px repeat-x #010101; border-color:#010101; padding-left:8px;} #content #groupHeader .groupOptions li .join:hover, #content #groupHeader .groupOptions li .join:active, #content #groupHeader .groupOptions li .join:focus, #content .moduleList.groups .join:hover, #content .moduleList.groups .join:active, #content .moduleList.groups .join:focus {background:url(/_images/bg/button-hover.png) 0px -12px repeat-x #038FD9; border-color:#038FD9;} #groupHeader .groupOptions li .join span { background:url(/_images/icons/add-hover.gif) 0px 2px no-repeat; padding-left:15px;} #groupHeader .toggler, .profileStats .toggler, .miniBasketSummary .toggler, .exploreToggle .exploreItems ul .toggler { position:absolute; bottom:-1px; left:50%; height:19px; width:41px; background-position:0px 0px; background-repeat:no-repeat; background-image:url(/_images/buttons/group-toggle.png); text-indent:-9999px; margin-left:-20px;} #groupHeader .toggler.close, .profileStats .toggler.close, .miniBasketSummary .toggler.close, .exploreToggle .exploreItems ul .toggler.close { background-position:0px -19px;} .exploreToggle .exploreItems ul .toggler { bottom:-2px;} /***** Announcements *****/ #contentCol .announcements, #contentCol .discussions, #contentCol .courses { margin-top:15px; border-top:1px solid #E7E7E7;} #contentCol .announcements li, #contentCol .discussions li, #contentCol .courses li {padding:15px 15px 20px 15px; border-bottom:1px solid #e7e7e7; border-top:2px solid #f3f3f3; float:left; width:572px;} #content .announcements li h2, #content .discussions li h2 { float:left; width:420px; padding-left:27px; background:url(/_images/icons/hd/announcment.gif) 0px 3px no-repeat;} #content .announcements span, .polls li span, #content .discussions span { float:right; background:url(/_images/icons/comments.gif) 0px 7px no-repeat; padding:3px 0 0 25px; } #content .announcements div, #content .discussions div { float:left; width:100%;} #content .announcements li p { padding:8px 0 0 27px;} .latestAnnouncment .bd { padding-top:12px;} #contentCol .latestAnnouncment .announcements { margin:0; border:none; padding:0;} #contentCol .latestAnnouncment .announcements li { width:604px; padding:0; background:none; border:none;} #content .latestAnnouncment .announcements li h2 { width:450px; padding-left:0; background:none;} #content .latestAnnouncment .announcements li p { padding-left:0;} /***** Discussions *****/ #content .discussions li h2 { background:url(/_images/icons/hd/comments.gif) 0px 3px no-repeat;} #content .discussions span { background:none; padding:1px 0px 0px 8px;} #contentCol .discussions li p { padding:2px 0 0 27px;} .postList .bd { padding-top:5px;} #contentCol .postList .comments { padding-bottom:5px;} .previousPost { width:497px; float:left; background:#FBFBFB; color:#656565; padding:0 15px 18px 90px; border-top:1px solid #EBEBEB; background:url(/_images/bg/blockquote.png) 10px 10px no-repeat; font-size:0.9em; color:#8e8e8e;} .previousPost p { color:#656565;} #content .postList li .author { width:300px;} #contentCol .postList .pageNumbers { padding-top:10px;} .latestDiscussions .bd { padding-top:12px;} #contentCol .latestDiscussions .discussions { margin:0; border:none; padding:0;} #contentCol .latestDiscussions .discussions h2, #contentCol .latestDiscussions .discussions p { padding-left:0; background:none;} /***** Group Control *****/ #contentCol .groupControl li { padding-right:10px;} #contentCol .groupControl .gray, #groupHeader .groupOptions li a, #contentCol .gray.deleteGroup { line-height:25px; background-repeat:no-repeat; color:#4c4c4c;} #contentCol .groupControl .gray:hover, #contentCol .groupControl .gray:active, #contentCol .groupControl .gray:focus, #groupHeader .groupOptions li .gray:hover, #groupHeader .groupOptions li .gray:active, #groupHeader .groupOptions li .gray:focus { background-image:none; color:#fff;} #contentCol .groupControl .gray.add { padding-left:24px; background-image:url(/_images/icons/add.gif); background-position:7px center;} #contentCol .groupControl .gray.add:hover, #contentCol .groupControl .gray.add:active, #contentCol .groupControl .gray.add:focus { background-image:url(/_images/icons/add-hover.gif);} #contentCol .groupControl .gray.reply { padding-left:22px; background-image:url(/_images/icons/reply.png); background-position:6px center;} #contentCol .groupControl .gray.reply:hover, #contentCol .groupControl .gray.reply:active, #contentCol .groupControl .gray.reply:focus { background-image:url(/_images/icons/reply-hover.png);} #comments.postList .comments .delete:hover, #comments.postList .comments .delete:active, #comments.postList .comments .delete:focus { background-color:#D90505; border-color:#D90505;} #contentCol .groupControl .gray.delete, #contentCol .gray.delete, .gray.deleteGroup { padding-left:24px; background-image:url(/_images/icons/delete-gray.png); background-position:7px center;} #contentCol .groupControl .gray.delete:hover, #contentCol .groupControl .gray.delete:active, #contentCol .groupControl .gray.delete:focus, .gray.deleteGroup:hover, .groupControl .gray.deleteGroup:active, .gray.deleteGroup:focus, #contentCol .gray.delete:hover, #contentCol .gray.delete:active, #contentCol .gray.delete:focus { background-image:url(/_images/icons/delete-gray-hover.png); background-color:#D90505; border-color:#D90505;} .gray.leave:hover, .groupControl .gray.leave:active, .gray.leave:focus { background-color:#D90505; border-color:#D90505;} .gray.deleteGroup { float:right;} #contentCol .groupControl .gray.edit { padding-left:24px; background-image:url(/_images/icons/edit-gray.png); background-position:7px center;} #contentCol .groupControl .gray.edit:hover, #contentCol .groupControl .gray.edit:active, #contentCol .groupControl .gray.edit:focus { background-image:url(/_images/icons/edit-gray-hover.png);} #contentCol .groupControl .gray.visibility { padding-left:28px; background-image:url(/_images/icons/visibility-gray.png); background-position:7px center;} #contentCol .groupControl .gray.visibility:hover, #contentCol .groupControl .gray.visibility:active, #contentCol .groupControl .gray.visibility:focus { background-image:url(/_images/icons/visibility-gray-hover.png);} #contentCol .groupControl .gray.preview { padding-left:24px; background-image:url(/_images/icons/preview-gray.png); background-position:7px center;} #contentCol .groupControl .gray.preview:hover, #contentCol .groupControl .gray.preview:active, #contentCol .groupControl .gray.preview:focus { background-image:url(/_images/icons/preview-gray-hover.png);} /***** Add Form *****/ #GroupVisibility { padding-top:15px;} #GroupVisibility h2 { padding-bottom:8px;} #GroupVisibility .info { padding-bottom:8px; padding-left:12px; padding-right:20px; font-weight:normal;} #content .module #GroupVisibility .selectMultiple ul { max-height:140px; padding-left:13px;} #content .module #GroupVisibility .selectMultiple ul li label { width:320px;} #content .module #GroupVisibility .selectMultiple ul li label strong { color:#212121;} /***** Search Group *****/ .searchGroups form { width:390px; border-right:1px solid #d4d4d4;} .searchGroups form label { width:100px; padding-left:0;} .searchGroups form .text input { width:234px;} .searchGroups form .formControls input { margin-right:20px;} .searchGroups .button.create { margin:31px 0 0 57px; line-height:40px; font-size:1.1em; background-position:0px -5px; padding:0 15px 0 10px;} .searchGroups .button.create span { background:url(/_images/icons/create-group.gif) 3px 4px no-repeat; padding-left:18px;} /***** Featured Group *****/ .featuredGroup .bd { padding:0 0 5px 0;} #contentCol .featuredGroup .moduleList { padding:0;} #contentCol .featuredGroup .moduleList li { width:603px; border:0;} #contentCol .featuredGroup .moduleList li div { width:486px;} /********************************************************************/ /* Group Members */ /********************************************************************/ /***** Approval *****/ #contentCol .memberAccess .tl { width:440px; text-align:left;} #contentCol .memberAccess th, #contentCol .memberAccess td, #contentCol .memberAccess table td.tr, #contentCol .memberManagement table td.tr { width:20px; text-align:center;} #contentCol .memberAccess .singleCheck, #contentCol .memberManagement .singleCheck { width:20px;} #contentCol .memberAccess .singleCheck label, #contentCol .memberManagement .singleCheck label { width:15px; height:18px; overflow:hidden; text-indent:-9999px; margin:0 0 0 5px; padding:0;} #contentCol .memberAccess .custom-radio input, #contentCol .memberManagement .custom-checkbox input { left:-9999px;} .memberAccess form .formControls, .memberManagement form .formControls { padding-top:5px; float:right; width:auto;} .memberAccess form .formControls input, .memberManagement form .formControls input { margin:0;} #contentCol .memberAccess form .pageNumbers, #contentCol .memberManagement form .pageNumbers { float:left; margin:5px 0 0 0;} #contentCol .memberAccess form .pageNumbers li, #contentCol .memberManagement form .pageNumbers li { margin:0 5px 0 0;} #contentCol .memberAccess form .clear, #contentCol .memberManagement form .clear { display:none;} /***** Manage *****/ #contentCol .memberManagement .tl { width:200px;} #contentCol .memberManagement .tr { width:20px;} #contentCol .memberManagement table td.tr { width:50px;} #contentCol .memberManagement .singleCheck label { margin-left:13px;} #contentCol .memberManagement table td .select { float:none; padding:0;} #contentCol .memberManagement table td .select label { position:absolute; left:-9999px;} /********************************************************************/ /* Polls */ /********************************************************************/ #contentCol .polls { border-top:1px solid #E7E7E7; margin-top:15px;} #contentCol .polls li { padding:0 15px; background:url(/_images/icons/hd/polls.gif) 15px 14px no-repeat;} .polls li a { float:left; width:546px; padding:13px 0 13px 28px; font-size:1.2em; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; line-height:1.6em;} .polls li a:hover, .polls li a:active, .polls li a:focus { text-decoration:underline;} .polls li span { margin-top:12px;} .pollDescription p { padding:0;} .pollDetails .bd { padding:0 15px;} .pollDetails { padding-top:5px; background:url(/_images/bg/bd/polls.gif) top right no-repeat;} #content .pollDetails form { padding:5px 0 15px 0;} #content .pollDetails form .selectMultiple { padding-top:0;} #content .pollDetails form .selectMultiple ul { width:604px; max-height:none; padding-bottom:5px;} #content .pollDetails form .selectMultiple ul li { padding:10px 0; border-bottom:1px solid #f0efef;} #content .pollDetails form .selectMultiple ul li label { width:570px;} #contentCol .pollDetails .bd > ul { padding:12px 0 0 0; float:left;} #contentCol .pollDetails .bd > ul li { background:none; padding:0 0 25px 0; float:left; width:604px;} #contentCol .pollDetails .bd > ul li p { padding:0 0 8px 0; font-weight:bold; color:#212121; line-height:1em;} #contentCol .pollDetails .bd > ul li div { float:left; width:594px; padding:0 5px; height:30px; background:url(/_images/bg/poll-results.gif) 0px 0px no-repeat;} #contentCol .pollDetails .bd > ul li div span { display:block; height:20px; background:url(/_images/bg/poll-stripe.png) 0px 0px repeat-x;; margin-top:5px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;} /***** Add Option *****/ .module form .formControls .link { font-size:1em;} .module form .formControls .link.add { padding-left:17px; background:url(/_images/icons/add.gif) 0px 12px no-repeat;} .module form .formControls .link.add { float:right; padding-right:5px;} /***** Latest *****/ .latestPoll .hd h2 { padding-left:27px; background:url(/_images/icons/hd/polls.gif) 0px 10px no-repeat;} .latestPoll p { font-size:1.3em; font-family:Georgia, "Times New Roman", Times, serif; padding:0 0 20px 0; color:#212121;} .latestPoll .button { float:right;} /********************************************************************/ /* College Fairs */ /********************************************************************/ .featuredInstitutes .logo img {border:1px solid #DEDEDE;} .featuredInstitutes .logo:hover img, .featuredInstitutes .logo:active img, .featuredInstitutes .logo:focus img { border-color:#038fd9;} #contentCol .featuredInstitutes ul li .findOutMore { padding:5px 0 0 0;} .countrySection { width:170px; display:inline-block; vertical-align:top; margin-right:25px; padding-bottom:5px;} .countrySection h2 { border-bottom:1px solid #DEDEDE; padding:0 0 5px 0; margin:0 0 10px 0;} #contentCol .countrySection ul { padding-left:5px;} /***** Courses ******/ #contentCol .courses .details { font-size:1.1em; padding:4px 0 0 0;} .instituteCourses .bd { padding-top:20px;} #contentCol .instituteCourses ul.courses { margin:0;} #contentCol ul.courses li { padding-top:13px;} #contentCol ul.courses li .details { padding:5px 0 0 15px; background:url(/_images/bullets/square.gif) 0px 12px no-repeat;} #contentCol ul.courses li p { padding:8px 0 0 15px;} /***** Location *****/ #googleMap { float:left; width:300px; height:300px; margin:8px 0 6px 6px; border:1px solid #cfcfcf;} #contentCol .institutes li .thumb { float:left; width:100px;} #contentCol .institutes li .thumb img { float:left;} .studentFocusMember { margin:2px 0 0 0;} /***** Current Students *****/ .curentStudents ul { float:left; width:100%; padding:0; max-height:223px; overflow:auto;} .curentStudents ul li { display:block; overflow:auto; padding:7px 0; border-bottom:1px solid #DEDEDE;} .curentStudents ul li a { line-height:28px;} .curentStudents ul li img { float:left; padding:0 10px;} /********************************************************************/ /* Login or Register */ /********************************************************************/ #loginForm .module .bd, #contentCol .registerContent .bd { min-height:250px; height:auto !important; height:250px; position:relative; } #loginForm .module { width:310px;} #loginForm .module form .text input { width:258px;} #loginForm .module form .text { padding:0 0 15px 0;} #loginForm .module form label { padding:0 0 5px 0;} #loginForm .module form .formButton { margin:0;} #loginForm .module form .formControls { position:absolute; bottom:15px; left:15px; width:276px;} #loginForm .module form .singleCheck { padding:0 0 35px 0; width:100%;} #loginForm .module form .singleCheck label { width:250px; padding:0 0 0 26px;} #contentCol .registerContent { float:right; width:310px;} #contentCol .registerContent .pageOptions { padding:0; position:absolute; bottom:15px; right:13px;} /********************************************************************/ /* Pricing Table */ /********************************************************************/ .wrapper {width:976px; padding:0 0 15px 0; overflow:hidden;} .membershipWrapper { overflow:visible; float:left; width:100%;} .membershipDetail {position:relative; float:left; width:310px; min-height:1050px; height:auto !important; height:1050px; margin:0 0 0 20px; border:1px solid #cacaca; background:url('/_images/bg/pricing-bg.png') bottom left repeat-x; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} .membershipDetail.first {margin:0;} .membershipDetail .detailHeader {position:relative; height:150px; margin:0 0 10px 0; padding:0 0 25px 0; text-align:center; background:url('/_images/bg/pricing-header-bg.png') bottom center no-repeat #E5E5E5;} .membershipDetail .detailHeader h2 {width:100%; margin:0 0 17px 0; padding:7px 0 8px 0; color:#FFF; background:url('/_images/bg/pricing-h2.png') top left repeat-x; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} .membershipDetail.first .detailHeader h2 {margin:0 0 20px 0;} .membershipDetail .detailHeader .price {margin:0 0 20px 0; padding:0; color:#000; font-size:40px; font-family:Georgia,"Times New Roman",Times,serif;} .membershipDetail.first .detailHeader .price, .membershipDetail.memberAdvanced .detailHeader .price { color:#5f5f5f;} .membershipDetail .detailHeader .pound {font-size:30px;} .membershipDetail .detailHeader .pa {font-size:15px;} .membershipDetail .detailHeader .buttonContainer { height:32px; position:relative; bottom:0; } .membershipDetail .buttonContainer { height:32px; position:absolute; bottom:19px; left:0;} .membershipDetail .buttonContainer .inner { position:absolute; top:-7px; left:-7px; height:55px; width:324px; background:url(/_images/bg/pricing-sash.png) top left no-repeat;} .membershipDetail .buttonContainer .inner .button { bottom:12px; left:93px; background-color:#000; border-color:#000; background-image:url(/_images/bg/button.png);} .membershipDetail.memberPremum .detailHeader { background-color:#038FD9; background-image:url('/_images/bg/pricing-header-bg-highlight.png');} .membershipDetail.memberPremum .detailHeader .price { color:#fff;} .membershipDetail.memberPremum .detailHeader h2 { background-image:url('/_images/bg/pricing-bg-prem.png'); font-weight:bold;} .membershipDetail.memberPremum .detailHeader .button { background-color:#000; border-color:#000; background-image:url(/_images/bg/button.png); } /***** Sale Price *****/ .membershipDetail .salePrice { width:310px; position:relative; margin-top:-12px;} .membershipDetail .salePrice .wasPrice { float:left; width:116px; text-align:right; color:#505050; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:line-through; line-height:21px; padding:3px 0 0 0; position:relative; font-weight:normal;} .membershipDetail .salePrice .wasPrice span { display:block; position:relative; top:-3px;} .membershipDetail .salePrice .price { float:right; width:176px; margin:0; text-align:left; line-height:42px; position:} .membershipDetail .button {float:none; position:absolute; bottom:15px; left:86px; display:block; width:136px; padding:0; text-align:center; line-height:; color:#FFF; font-weight:normal; text-decoration:none; border:1px solid #038fd9; background:url(/_images/bg/button-hover.png) 0px -10px repeat-x #038fd9; font-size:12px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} .membershipDetail .detailHeader .button {bottom:35px;} .membershipDetail a:hover.button, .membershipDetail a:active.button, .membershipDetail a:focus.button {color:#FFF; background-position:0 15px; } .membershipDetail ul {margin:0 0 80px 0; padding:0; border-top:1px solid #F3F3F3;} .membershipDetail ul li {width:290px; margin:0; padding:8px 10px; border-bottom:1px solid #F3F3F3; position:relative;} .membershipDetail ul li.icon { padding-left:55px; width:240px;} .membershipDetail ul li img { position:absolute; top:5px; left:10px;} .membershipDetail ul li.even {background:#FCFCFC;} .membershipDetail ul li strong {color:#038FD9;} .membershipDetail ul li strong.highlight {color:#038FD9;} .membershipDetail ul li.sonyLogo {background-image:url('/_images/bg/pricing-li-sony-award.png'); background-position:top right; background-repeat:no-repeat;} .membershipDetail ul li.sonyAward strong, .membershipDetail ul li.sonyAward span {color:#CA9D00;} .membershipDetail.disabled {color:#B2B2B2;} .membershipDetail.first h2, .membershipDetail.memberAdvanced h2 {background:url('/_images/bg/pricing-h2-disabled.png') top left repeat-x;} .membershipDetail.disabled .button {color:#666; background-color:#E9E9E9; border:1px solid #DADADA;} .membershipDetail.disabled ul li strong {color:#B2B2B2;} .membershipDetail.disabled ul li strong.highlight {color:#038FD9;} .membershipDetail.disabled ul li.sonyLogo {background-image:url('/_images/bg/pricing-li-sony-award.png'); background-position:top right; background-repeat:no-repeat;} .membershipDetail.disabled ul li.sonyAward strong, .membershipDetail.disabled ul li.sonyAward span {color:#E3CC7E;} .footNote { font-size:0.9em; padding:10px; line-height:1.3em;} /********************************************************************/ /* Basket */ /********************************************************************/ #contentCol .basket table, #contentCol .basketSummary { margin:5px 0 10px 0; border:none;} #contentCol .basket table th.tl, #contentCol .basketSummary th.tl { border-left:1px solid #4F4F4F;} #contentCol .basket table th.tr, #contentCol .basketSummary th.tr { border-right:1px solid #4F4F4F;} #contentCol .basket table td, #contentCol .basketSummary td { padding-top:12px; padding-bottom:12px;} #contentCol .basket table td.tl, #contentCol .basketSummary td.tl { border-left:1px solid #E1E1E1;} #contentCol .basket table td.tr, #contentCol .basketSummary td.tr { border-right:1px solid #E1E1E1; color:#212121;} table .short { width:65px;} .basket th:first-child { width:20px; text-indent:-9999px;} .basket th:first-child, .basket td:first-child, .basket th+th+th, .basket td+td+td, .basketSummary th+th, .basketSummary td+td { text-align:center;} .basket th+th, .basket td+td, .basketSummary th:first-child, .basketSummary td:first-child { text-align:left;} form.basket .field { float:none; width:auto;} .basket .field input { width:30px; height:18px; color:#666; font-size:1em; border:1px solid #c8c8c8; text-align:center;} #contentCol .basket table .button { height:20px; width:21px; background-position:0px -15px;} #contentCol .basket table .icon img { margin-top:3px;} .basket .formButton { height:24px; background-position:0px -3px; margin:0 0 20px 0;} .basket dl { float:right; width:221px; margin:0 0 20px 0;} .basket dt, .basket fieldset dd { float:left; width:60px; padding:6px 8px 6px 8px; border-top:1px solid #E1E1E1;} .basket dt { width:127px; font-weight:bold; border-left:1px solid #E1E1E1;} .basket dd { text-align:center; border-right:1px solid #E1E1E1;} .basket .bg { background-color:#F9F9F9;} .basket .grandTotal { line-height:1.8em; font-size:1.1em; color:#212121; background:#EBF6FC; border-color:#B3DDF4;} .basket .grandTotal { border-bottom:2px solid #B3DDF4; } .basket .alert { float:left; width:572px;} #full .basket .alert { width:665px;} #contentCol .basketSummary { margin:0 0 5px 0;} /***** Basket Types *****/ /* Print Sale */ .printSale .thumb { width:65px; text-align:center;} .printSale a, .printSale .product, .printSale .thumb { display:inline-block; vertical-align:middle; text-decoration:none;} .printSale a span { display:block; text-decoration:underline;} .printSale .product span { display:block;} /* Product/Ticket Sales */ .productSale a { text-decoration:none;} .productSale img { vertical-align:middle; margin:0 3px 0 0;} .productSale span { text-decoration:underline;} .productSale .ticketType { display:block; padding-left:21px; text-decoration:none;} /* Student Number */ .basket .productSale .field { padding:6px 0 0 0;} .basket .productSale .field label { position:static; margin:0; float:left; padding:1px 15px 0 21px; width:auto; color:#5e5e5e;} .basket .productSale .field input { text-align:left; width:150px; padding:1px 4px; height:18px; border:1px solid #c8c8c8;} .basket .productSale .errorField { margin:7px 0 0 0; padding:0 5px 12px 0;} .basket .productSale .errorField span { text-decoration:none; padding-top:6px;} .basket .productSale .errorField label { padding-left:25px;} /***** Mini Basket *****/ .module.miniBasket { background:none; border-bottom:none;} .miniBasket .bd { padding:0; margin:0;} .miniBasketSummary { float:left; width:100%; position:relative; padding:14px 0 15px 0; background:url("/_images/bg/highlight-module-bd.gif") repeat-x left bottom #EBF6FC; border-bottom:1px solid #B3DDF4; } .miniBasketSummary .fl, .miniBasketSummary .fr { font-size:1.5em; font-family:Georgia, "Times New Roman", Times, serif;} .miniBasketSummary .fl { padding:0 0 0 12px;} .miniBasketSummary .fl .label { font-family:Arial, Helvetica, sans-serif; font-size:0.8em;} .miniBasketSummary .fr { padding:0 12px 0 0;} .miniBasketContents { float:left; width:318px; background:#fff; border-bottom:1px solid #B3DDF4;} .miniBasketContents li .button { height:18px; width:20px; padding:0; background-position:0px -15px; float:left; display:block; margin-top:2px;} .miniBasketContents li .button img { margin-top:2px;} .miniBasketContents li { float:left; width:294px; padding:12px; border-bottom:1px solid #DEDEDE;} .miniBasketContents .printSale, .miniBasketContents .productSale { float:left; width:220px; padding:0 0 0 15px;} .miniBasketContents .printSale a, .miniBasketContents .printSale .product, .miniBasketContents .printSale .thumb { vertical-align:top;} .miniBasketContents .printSale .thumb { width:45px; margin-right:5px;} .miniBasketContents .qty { float:right;} .miniBasketContents .qty span { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em;} .miniBasketContents .productSale { margin-top:1px;} .miniBasketSummary .toggler { background-image:url(/_images/buttons/basket-toggle.png);} .viewBasket { float:left; width:294px; padding:12px;} .viewBasket .button { float:right; line-height:25px; background-position:0 -12px;} /********************************************************************/ /* Checkout */ /********************************************************************/ #contentCol .checkoutForm { width:100%; border:none; background:none;} .checkoutForm h3 { padding:0 15px 5px 15px;} .checkoutForm p { padding:0 15px 17px 15px;} #contentCol .checkoutForm .bd { padding:13px 0 0 0; margin:0;} .checkoutForm form > .module .field { padding:15px 0; border-top:1px solid #DEDEDE; background:#FBFBFB;} .checkoutForm form > .module .select label { width:130px; padding-left:15px;} .checkoutForm form > .module .select select, .checkoutForm form > .module .select .ui-selectmenu { float:left;} .checkoutForm form > .module .select .formButton { float:left; margin:0 0 0 15px; height:22px; padding:0 10px; background-position:0px -4px;} .checkoutForm form .select .iframe { float:left; padding:2px 0 0 15px;} #contentCol .checkoutForm .twoColModule .module { background:none;} #contentCol .checkoutForm .twoColModule .bd { padding:0;} .checkoutForm .twoColModule .bg { background:#F5F5F5;} #contentCol .checkoutForm .twoColModule .highlight { background:#fff;} .checkoutForm .twoColModule .highlight .bg, .checkoutForm .twoColModule .highlight fieldset { background:#ECF6FC;} .checkoutForm .twoColModule dl { float:left; width:310px; color:#212121;} .checkoutForm .twoColModule dd { float:left; width:80px; padding:7px 13px 7px 0px; text-align:center;} .checkoutForm .twoColModule dt { float:left; width:204px; padding:7px 0px 7px 13px; font-weight:bold;} .checkoutForm .twoColModule dd.grandTotal { font-weight:bold;} .checkoutForm .twoColModule dt .delete { display:inline-block; vertical-align:middle; height:18px; width:20px; padding:0; margin:-1px 5px 0 0; text-align:center; background-position:0px -15px; float:none;} .checkoutForm .twoColModule dt .delete img { margin-top:2px;} .checkoutForm .twoColModule fieldset { float:left; width:280px; padding:12px 15px 15px 15px; background:#F5F5F5; border-top:1px solid #DEDEDE; } .checkoutForm .twoColModule .alertVoucher { float:left; width:280px; padding:15px; border-top:1px solid #c1e3f6; color:#212121; background:#f9fcfe;} .checkoutForm .twoColModule fieldset .text { float:left; width:148px; padding:0px 0px 0px 0px;} .checkoutForm .twoColModule fieldset .singleCheck { width:280px; padding:0 0 15px 0;} .checkoutForm .twoColModule fieldset .singleCheck label { width:250px;} .checkoutForm .twoColModule fieldset .text label { position:absolute; margin-left:-9999px;} .checkoutForm .twoColModule fieldset .text input { width:130px;} .checkoutForm .twoColModule .col-1 .formButton { height:27px; padding:0 12px; background-position:0 -2px;} .payWithPaypal { background:url(/_images/bg/module-hd.gif) repeat-x left bottom #FFF; text-decoration:none; position:relative; height:45px;} a:hover.payWithPaypal, a:active.payWithPaypal, a:focus.payWithPaypal { text-decoration:none; border-color:#c1c1c1;} .payWithPaypal span { padding:0; margin:0; position:absolute; top:14px; left:10px;} .payWithPaypal img { position:absolute; top:10px; right:8px;} /********************************************************************/ /* Address Book */ /********************************************************************/ .addressBook .bd { padding:0 0 0 15px;} #content .addressBook .addressList { padding:0;} #content .addressBook .addressList li { display:inline-block; vertical-align:top; width:292px; margin:15px 13px 0 0; border:1px solid #D8D8D8; background:#fff; position:relative; padding:0;} .addressBook .addressList h3 { padding:7px 35px 7px 10px; margin:0; background:url(/_images/bg/address-fade.png) top left repeat-x #ECECEC; border-bottom:1px solid #D8D8D8; font-size:1.1em; } .addressBook .addressList h3 img { vertical-align:text-bottom; margin:0 4px 0 0;} .addressBook .addressList p { padding:10px 10px 15px 10px;} #content .addressBook .addressList ul { padding:10px; background:#f7f7f7; float:left; width:272px; border-top:1px solid #eaeaea;} #content .addressBook .addressList li li { width:auto; margin:0; border:none; background:none; padding:0; float:left; display:inline;} #content .addressBook .addressList li li .gray { line-height:30px; padding:0 17px; } #content .addressBook .addressList li li.fr { float:right;} #content .addressBook .pageNumbers { padding:15px 15px 15px 0;} /***** Favourite *****/ #content .addressBook .addressList .selected { border-color:#239DDE; color:#212121; } .addressBook .addressList .selected h3 { background:url(/_images/bg/address-fade-selected.png) top left repeat-x #239DDE; border-color:#239DDE; color:#fff; } #content .addressBook .addressList .selected ul { background:#EBF6FC; border-color:#cfe7f5;} #content .addressBook .addressList .selected li .gray { background:#cfe7f5; border-color:#99d8fa; color:#3a86af;} #content .addressBook .addressList .selected li a:hover.gray, #content .addressBook .addressList .selected li a:active.gray, #content .addressBook .addressList .selected li a:focus.gray { background-color:#038FD9; border-color:#038FD9; color:#fff;} /***** Delete *****/ .addressBook .button.delete { height:17px; width:19px; padding:0; margin:0; text-align:center; background-position:0px -16px; position:absolute; top:8px; right:7px;} .addressBook .button.delete img { margin-top:1px;} /********************************************************************/ /* Collections */ /********************************************************************/ .collections { background:none;} .collections .hd .collectionP-Title { padding-left:35px; padding-bottom:8px; margin:0; background:url(/_images/collection/title/photographer.png) 0px 7px no-repeat;} .collections .hd .collectionGO-Title { padding-left:35px; padding-bottom:8px; margin:0; background:url(/_images/collection/title/gallery-owners.png) 0px 7px no-repeat;} .collections .hd .collectionC-Title { padding-left:35px; padding-bottom:8px; margin:0; background:url(/_images/collection/title/industry-leader.png) 0px 7px no-repeat;} .collections .hd .collectionIL-Title { padding-left:35px; padding-bottom:8px; margin:0; background:url(/_images/collection/title/collector.png) 0px 7px no-repeat;} .cufon-ready .collections .hd h1 { margin-bottom:0; line-height:1em; padding-top:12px;} .collections .bd { margin-right:0; padding-right:2px; background:url(/_images/bg/collection-col.gif) right top repeat-y;} .collectionContent { float:left; width:670px;} .intro { font-size:1.3em; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.6em; color:#212121;} #content .collectionContent .tabs { margin:0 0 15px 0;} /* Multi Columns */ .multiCols {} .multiCols .col { display:inline-block; vertical-align:top; padding:0 25px 25px 0; margin:0; float:none;} #content .multiCols ul { padding:0 0 5px 0;} .multiCols h3 { font-weight:bold;} .multiCols .last { padding-right:0;} .cols1 .col { width:100%; padding-right:0;} .cols2 .col { width:317px;} .cols3 .col { width:202px;} .cols4 .col { width:142px;} /* Side Col */ .collectionSub { float:right; width:239px; padding:0 13px 0 15px;} #content #contentCol .collectionSub .module { width:239px; background:#fff;} #content #contentCol .collectionSub .module .hd {} #content #contentCol .collectionSub .module .hd h3 { font-size:1.4em; padding:8px 0 0 10px;} #content #contentCol .collectionSub .module .bd { padding:10px 10px 12px 10px; background:none; } #content #contentCol .collectionSub .highlight { background:#f7fcfe;} /* User Type */ #content #contentCol .collectionSub .userType { background-image:url(/_images/bg/collection-focus.png); background-position:bottom right; background-repeat:no-repeat;} #content .collectionSub .userType ul { padding:0;} /* Benefit List */ #contentCol .benefitList li { padding:15px 0 15px 40px; background:url(/_images/bullets/tick.png) 0 8px no-repeat; border-bottom:1px solid #f0f0f0;} #contentCol .benefitList li.even { background-color:#fafdfe;} /* Overview */ #collectionOverview { float:left; width:670px; position:relative; margin:0 0 25px 0;} #collectionOverview span { height:41px; width:210px; background:url(/_images/collection/overview/join-the-collection.png); position:absolute; left:-3px; top:15px; text-indent:-9999px;} #collectionOverview img { display:block;} #collectionOverview ul { float:left; padding:0; margin:0;} #collectionOverview ul li { float:left; padding:0 1px 0 0; margin:0; background:url(/_images/collection/overview/bkg/divider.gif) top right; height:45px; width:167px;} #collectionOverview ul li.last { padding:0; width:166px;} #collectionOverview ul li a { float:left; background-position:0 0; background-repeat:repeat-x; background-color:#010101; text-align:center; color:#fff; width:100%; height:45px; line-height:45px; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.18em;} #collectionOverview ul li a:hover, #collectionOverview ul li a:active, #collectionOverview ul li a:focus { background-position:0 -95px;} #collectionOverview ul li.overviewP a, #container div.landingTabs ul li .collectionP { background-image:url(/_images/collection/overview/bkg/photographer.png);} #collectionOverview ul li.overviewGO a, #container div.landingTabs ul li .collectionGO { background-image:url(/_images/collection/overview/bkg/gallery-owner.png);} #collectionOverview ul li.overviewC a, #container div.landingTabs ul li .collectionC { background-image:url(/_images/collection/overview/bkg/collector.png);} #collectionOverview ul li.overviewIL a, #container div.landingTabs ul li .collectionIL { background-image:url(/_images/collection/overview/bkg/industry-leader.png);} #container .landingTabs ul li .collectionTab { background-position:0 -3px; background-color:#010101; } #container .landingTabs ul li .collectionTab:hover, #container .landingTabs ul li .collectionTab:focus, #container .landingTabs ul li .collectionTab:active {background-position:0 -98px;} /* Membership Info */ .collectionMembership .price { float:right; } .collectionMembership .note { font-size:0.9em; padding:5px 0 0 0; border-top:1px solid #DEDEDE; color:#8d8d8d;} /* Collection CTA */ .collectionCTA { float:left; width:239px; height:80px; position:relative;} .collectionCTA .inner { position:absolute; top:0px; left:-21px; width:285px; background:url(/_images/collection/sash.png) top left no-repeat; text-align:center; height:54px; padding:13px 0 0 0;} .collectionCTA .inner .button, .collectionCTA .inner p { display:inline-block; float:none; vertical-align:middle;} .collectionCTA .inner .button { text-align:center; padding:0; width:85px;} .collectorCTA .inner .button { width:110px;} .collectionCTA .inner .button:hover, .collectionCTA .inner .button:active, .collectionCTA .inner .button:focus { border-color:#010101; background:url("/_images/bg/button.png") repeat-x scroll 0 14px #010101} .collectionCTA .inner p { padding:0 10px; font-size:1.1em; font-family:Georgia, "Times New Roman", Times, serif; color:#fff;} /********************************************************************/ /* Collection Account */ /********************************************************************/ #container #containerInner .collectionAccountTabs ul li a { padding-left:11px; padding-right:11px;} /***** Inbox *****/ #contentCol .inbox .groupControl, #contentCol .inboxMessage .groupControl { padding:0 0 15px 0;} #contentCol .inbox .groupControl .formButton { background:#F2F2F2; border:1px solid #E0E0E0; color:#4C4C4C; height:27px; padding:0 10px;} #contentCol .inbox .groupControl .formButton:hover, #contentCol .inbox .groupControl .formButton:active, #contentCol .inbox .groupControl .formButton:focus { background:#038FD9; border-color:#038FD9; color:#fff;} #contentCol .inbox .groupControl .fr { line-height:27px;} #contentCol .inbox .groupControl .formButton.delete { padding-left:24px; background-image:url(/_images/icons/delete-gray.png); background-position:7px center; background-repeat:no-repeat;} #contentCol .inbox .groupControl .formButton.delete:hover, #contentCol .inbox .groupControl .formButton.delete:active, #contentCol .inbox .groupControl .formButton.delete:focus { background-image:url(/_images/icons/delete-gray-hover.png); background-color:#D90505; border-color:#D90505;} #contentCol .inbox .singleCheck { width:auto; padding:0; margin:-1px 0 0 0;} #contentCol .inbox .singleCheck label { float:none; display:inline-block; width:17px; padding:0; text-indent:-9999px; height:17px; outline:none;} #contentCol .inbox table { border-left: 1px solid #E1E1E1; border-right: 1px solid #E1E1E1; border-top: 1px solid #E1E1E1; margin:0 0 15px 0;} #contentCol .inbox table th { position:absolute; left:-9999px;} #contentCol .inbox table td { padding-top:8px; padding-bottom:8px; line-height:1.3em;} #contentCol .inbox table .select { width:20px; text-align:center;} #contentCol .inbox table .select input { margin:0 2px;} #contentCol .inbox table .senderDetails { width:130px;} #contentCol .inbox table .senderDetails span { display:block;} #contentCol .inbox table .senderDetails .sender { color:#212121; } #contentCol .inbox table .unread td { background:#F2F9FD; border-bottom:1px solid #D2E3EC;} #contentCol .inbox table .unread .sender, #contentCol .inbox table .unread a { font-weight:bold; } #contentCol .inbox table .unread .sender, #contentCol .inbox table .unread .date, #contentCol .inbox table .unread a { color:#212121;} #contentCol .inbox table .unread a:focus, #contentCol .inbox table .unread a:active, #contentCol .inbox table .unread a:hover { color:#038FD9;} .compose form textarea { height:300px;} #contentCol .recentMessages table { margin:0;} /***** CV *****/ #contentCol .cv table {border-top:1px solid #E1E1E1;} .cv table th { position:absolute; left:-9999px;} .cv table td.tl { width:150px;} /***** Editing Image *****/ .imagePreview { padding-bottom:10px;} .imagePreview img { float:left;} .imagePreview p { padding:15px 0 0 12px; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em;} .module form .collectorSize .label { width:90px;} .collectorSize label { position:absolute; left:-9999px;} .module form .collectorSize .text { float:left;} .module form .collectorSize .text input, .ui-dialog .module form .collectorSize .text input { float:none; display:inline-block; vertical-align:middle; width:60px;} .module form .collectorSize .text p { padding:0; float:none; width:100%;} .collectorWidth .unit, .collectorHeight .unit { padding-right:5px;} .collectorHeight, .collectorPrice .unit { padding-left:5px;} #contentCol .gray.delete { background-repeat:no-repeat;} .module form .editableSection h2 { padding:10px 0 5px 0;} .module form .editableSection .formControls input { height:30px; background:#F2F2F2; border:1px solid #E0E0E0; color:#010101; } #contentCol .repeatableList { background:#fbfbfb; border:1px solid #DADADA; overflow:hidden; padding:0; margin:0 0 10px 0;} #contentCol .repeatableList li { float:left; width:100%; padding:8px 0; background:none; border-bottom:1px solid #DADADA;} #contentCol .repeatableList li.last { border:none;} #contentCol .repeatableList li p { float:left; padding:0; line-height:22px; margin-left:10px;} #contentCol form .repeatableList li .button { float:right; margin-right:10px; text-indent:-9999px; padding-left:15px;} #contentCol form .editableSection { padding-bottom:20px;} #contentCol .editableSection .formControls { background:none; border:none; padding:0;} #contentCol .editableSection .formControls input { margin:0;} /***** Portfolio CTA *****/ .galleryReminder { display:block; border:1px solid #048fd9; background:url(/_images/bg/gallery-cta.png) top left no-repeat #048fd9; color:#fff; text-decoration:none; padding:10px 10px 10px 61px; margin:20px 0 0 0; line-height:1.4em;} .galleryReminder:hover, .galleryReminder:active, .galleryReminder:focus { color:#fff; text-decoration:none; background:url(/_images/bg/gallery-cta-hover.png) top left no-repeat #67bbe8;} /********************************************************************/ /* Site Map */ /********************************************************************/ #contentCol #siteMap > li { padding:0 0 20px 0; background:none;} #contentCol #siteMap > li > a { display:block; font-size:1.4em; border-bottom:1px solid #e7e7e7; text-decoration:none; padding:0 0 6px 0; font-family:Georgia, "Times New Roman", Times, serif;} #contentCol #siteMap li ul { padding:7px 0 0 10px;} #contentCol #siteMap li ul li li { background:url(/_images/bullets/breadcrumb.gif) 0px 8px no-repeat;} /********************************************************************/ /* Community CTA */ /********************************************************************/ #joinCommunity { border-top:1px solid #dedede; background:url(/_images/bg/community-footer/bg.png) top left repeat-x #eaeaea; position:relative; border-bottom:3px solid #fff; } #joinCommunityInner { width:976px; margin:0 auto; padding:0; position:relative; min-height:180px; height:auto !important; height:180px; } #joinCommunityInner #communityLogo { position:absolute; top:15px; left:20px; z-index:4;} #joinCommunityInner #communityPhotos { position:absolute; bottom:0; right:-10px; z-index:4;} #joinCommunityInner #communityBubbles { position:absolute; bottom:0; left:20px; z-index:4;} #joinCommunityInner .button { position:absolute; bottom:15px; right:345px; z-index:4;} #communityfade { bottom:0; left:0; position:absolute; width:100%; height:21px; background:url(/_images/bg/community-footer/shadow.png) top left repeat-x; z-index:5; } #joinCommunityInner ul { float:left; width:806px; padding:20px 0 0 170px;} #joinCommunityInner ul li { float:left; width:200px;} #joinCommunityInner ul li ul { width:200px; padding:0 0 0 0;} #joinCommunityInner ul li ul li { width:190px; padding:0 0 3px 10px; background:url(/_images/bg/community-footer/bullet.gif) 0px 4px no-repeat; font-size:1.1em;} #joinCommunityInner ul li h2 { padding:0 0 10px 0;} /********************************************************************/ /* Deep Links */ /********************************************************************/ #deepLinks { background:#000; padding:0 0 100px 0; } #deepLinksInner { width:944px; margin:0 auto; padding:30px 20px 0 20px;} #deepLinks li { float:left; display:inline; width:196px; margin:0 15px 0 0;} #deepLinks li.social { width:100px; margin:0;} #deepLinks li.social li { padding:0 0 15px 1px; width:99px; background:none;} #deepLinks li h2 { font-size:20px; padding:0; margin:0 0 10px 0;} #deepLinks li h2 { color:#fff;} #deepLinks li ul li { width:180px; margin:0; padding:0 0 6px 15px; background:url(/_images/bg/deeplink-bullet.gif) 5px 5px no-repeat;} #deepLinks li ul li a { color:#999999; font-weight:normal; text-decoration:none;} #deepLinks li ul li a:hover, #deepLinks li ul li a:active, #deepLinks li ul li a:focus { text-decoration:underline;} #deepLinks li.social a { float:left; text-indent:-9999px;} #deepLinks li.social .twitter a { height:18px; width:71px; background:url(/_images/logos/deep-links/hover/twitter.gif) 0px 0px no-repeat;} #deepLinks li.social .twitter a:hover, #deepLinks li.social .twitter a:active, #deepLinks li.social .twitter a:focus { background-position:0px -18px;} #deepLinks li.social .facebook a { height:16px; width:82px; background:url(/_images/logos/deep-links/hover/facebook.gif) 0px 0px no-repeat;} #deepLinks li.social .facebook a:hover, #deepLinks li.social .facebook a:active, #deepLinks li.social .facebook a:focus { background-position:0px -16px;} #deepLinks li.social .youtube a { height:29px; width:73px; background:url(/_images/logos/deep-links/hover/you-tube.gif) 0px 0px no-repeat;} #deepLinks li.social .youtube a:hover, #deepLinks li.social .youtube a:active, #deepLinks li.social .youtube a:focus { background-position:0px -29px;} /********************************************************************/ /* Footer */ /********************************************************************/ #footer { background:#111; padding:0 0 10px 0;} #footerInner { width:944px; margin:0 auto; padding:10px 20px 0 20px; position:relative;} #footerInner li { float:left; display:inline; padding:0 8px; background:url(/_images/bg/footer-divider.gif) 0px 1px no-repeat; color:#595959;} #footerInner li.copy { padding-left:0; background:none;} #footerInner li.first { background:none; padding-left:20px;} #footerInner li.credit { float:right; padding:0; background:none;} #footerInner li.credit a { font-weight:bold;} #footerInner li a { font-weight:normal; color:#595959; text-decoration:none;} #footerInner li a:hover, #footerInner li a:active, #footerInner li a:focus { color:#fff;} #footerInner .beta a { position:absolute; top:-38px; left:10px;} /********************************************************************/ /* Bodies of Work */ /********************************************************************/ .BoW-galleryView .photoDetails, .BoW-storyView .photoDetails { width:100%;} .BoW-galleryView .photoDetails .workHd, .BoW-storyView .photoDetails .workHd { float:left; width:100%; border-bottom:1px solid #ececec; padding:0 0 15px 0; margin:0 0 15px 0;} .BoW-galleryView .photoDetails .workHd h1, .BoW-storyView .photoDetails .workHd h1 { float:left; width:400px; padding:7px 0 0 0;} .BoW-galleryView .actionList, .BoW-storyView .actionList { margin:0;} /***** V1 - Gallery View *****/ #content .BoW-galleryView .imageGrid li { width:139px; padding-bottom:30px;} #content .BoW-galleryView .imageGrid li .captions, #content .bow-Image .captions { margin:0; font-size:0.8em; color:#9f9f9f; display:inline; position:relative; padding:0 0 0 15px;} #content .BoW-galleryView .imageGrid li .captions sup, #content .bow-Image .captions sup { position:absolute; top:-4px; left:2px;} .sup { margin:0; font-size:0.8em; color:#9f9f9f; display:inline; position:relative; padding:0 10px 0 5px;} .sup sup { position:absolute; top:-4px; left:2px;} /***** V2 - Story View *****/ .BoW-storyView .photoDetails { padding-top:0;} .BoW-storyView .section { float:left; width:100%; padding:0 0 25px 0;} .BoW-storyView .bow-Text { padding-bottom:10px;} .BoW-storyView .section .thumb { text-align:center;} .BoW-storyView .section .thumb a img { vertical-align:bottom; border:1px solid #cacaca; padding:2px; -moz-box-shadow:0 0 8px rgba(00, 00, 00, 0.2); -webkit-box-shadow:0 0 8px rgba(00, 00, 00, 0.2); box-shadow:0 0 8px rgba(00, 00, 00, 0.2); background:#fff; } .BoW-storyView .section .thumb a:hover img, .BoW-storyView .section .thumb a:active, .BoW-storyView .section .thumb a:focus img {border-color:#858585; -moz-box-shadow:0 0 8px rgba(3, 143, 217, 0.6); -webkit-box-shadow:0 0 8px rgba(3, 143, 217, 0.6); box-shadow:0 0 8px rgba(3, 143, 217, 0.6);} .BoW-storyView .section .thumb span { display:block; padding:2px 0 0 0; } .BoW-storyView .section .details { padding-bottom:10px; } /***** Account Area *****/ .bowIntro .bd { padding-bottom:0; padding-right:200px;} .bowIntro .fr { position:absolute; top:10px; right:10px;} .addBoW { background:#fff;} .addBoW .bd { padding-top:30px; padding-bottom:30px;} .layoutOptions { float:left; width:466px; margin-left:84px; text-align:center; font-family:Georgia,"Times New Roman",Times,serif; } .layoutOptions a { float:left; width:195px; height:182px; text-decoration:none; background:url("/_images/general/bow-option.png") 0 0 no-repeat; padding:8px 0 0 0; color:#484848;} .layoutOptions a:hover, .layoutOptions a:active, .layoutOptions a:focus { color:#fff; background-position:0 -190px;} .layoutOptions .storyView { float:right;} .layoutOptions a img { vertical-align:bottom;} .layoutOptions a strong { display:block; font-size:1.25em; line-height:1em; padding:6px 0 0 0;} .layoutOptions a span { display:block; font-size:0.91em; font-style:italic;} .addBoW-or { color:#c4c4c4; font-size:2.3em; line-height:190px;} #content .bow-description textarea { height:250px; width:566px; margin:5px 0 5px 10px;} .bow-imagecaptions {} #contentCol .bow-imagecaptions ul { float:left; width:364px; padding:0;} #contentCol .bow-imagecaptions ul li { float:left; width:100%; padding:0 0 8px 0; margin:0 0 8px 0; background:none; border-bottom:1px solid #eaeaea; position:relative;} #contentCol .bow-imagecaptions ul li img { display:inline-block; vertical-align:middle; width:40px; border:1px solid #cacaca; padding:2px; -moz-box-shadow:0 0 8px rgba(00, 00, 00, 0.2); -webkit-box-shadow:0 0 8px rgba(00, 00, 00, 0.2); box-shadow:0 0 8px rgba(00, 00, 00, 0.2); background:#fff;} #contentCol .bow-imagecaptions ul li .details { display:inline-block; vertical-align:middle; padding-left:10px; width:270px;} #contentCol .bow-imagecaptions ul li .copy { position:absolute; height:22px; width:22px; top:50%; right:5px; margin:-15px 0 0 0; background:url(/_images/buttons/copy.gif) 0 0 no-repeat; text-indent:-9999px;} #contentCol .bow-imagecaptions ul li a.copy:hover, #contentCol .bow-imagecaptions ul li a.copy:active, #contentCol .bow-imagecaptions ul li a.copy:focus { width:55px; background-position:0 -22px; right:-28px;} #contentCol .bow-imagecaptions ul li .fl { width:170px;} .bow-imagecaptions .tip { background: url("/_images/bg/tip.png") no-repeat 0 2px; float: right; width: 220px;} .bow-imagecaptions .tip p { padding: 0 0 10px 40px; } .edit-BoW-galleryView .photoDetails { padding-top:0;} .BoW-storyView-section { float:left; width:100%;} #contentCol .BoW-storyView-section .module { width:608px; float:right; background:#fff;} .BoW-storyView-section .module .section { padding:15px 15px 0 15px; float:none; width:auto;} .BoW-storyView-section .module .bow-Image { padding-bottom:15px;} #contentCol .BoW-storyView-section .module .groupControl { padding:10px 0; border-top:1px solid #DEDEDE; background:#f8f8f8;} #contentCol .BoW-storyView-section .module .groupControl li { padding:0 0 0 10px;}