/* 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 {position:absolute; margin-left: -9999px;} #contentCol ul, #content ol { padding:0px 0px 20px 0px;} #contentCol li { padding:0px 0px 5px 13px; background:url('/_images/bullets/square.gif') no-repeat 2px 8px;} #contentCol li ul { padding-top:5px;} #contentCol 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;} /********************************************************************/ /* 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;} #contentCol .heading { background:url(/_images/bg/heading.png) top left no-repeat #2c2c2c; border-color:#494949;} #contentCol .heading .hd { background:none;} #contentCol .heading h1 { color:#fff; } h2 { font-size: 17px; color:#4c4c4c; padding:0px 0px 15px 0px; line-height:1.5em; font-weight:normal;} module .hd h2 .cufon-vml, #ticker h2 .cufon-vml { margin-bottom:5px !important;} /* For IE */ 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; } /********************************************************************/ /* 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:14px 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;} /***** Section Colour Band*****/ #student #header {border-color:#004d7b;} #wpa #header {border-color:#ca9d00;} #festivals #header {border-color:#b60c2b;} /********************************************************************/ /* 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 { margin-left:8px; position:relative; z-index:3000;} #headerLinks li.withDropDown 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 { background-color:#7f7f7f; color:#fff;} #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/share.png) 1px 0px #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/avatar.png) 1px 0px #494949 no-repeat; } #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;} /***** Language *****/ #headerLinks li.language a { padding-left:22px; background:url(/_images/bg/earth.png) 5px 5px #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 .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;} /********************************************************************/ /* 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;} /********************************************************************/ /* 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;} /* 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;} .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;} /* Header Icons */ #content .activityFeed .hd h2 { padding-left:25px; background:url(/_images/icons/hd/activity.gif) 0px 11px no-repeat;} #content .latestAnnouncment .hd h2 { padding-left:25px; background:url(/_images/icons/hd/announcment.gif) 0px 11px no-repeat;} #content .latestDiscussions .hd h2 { padding-left:27px; background:url(/_images/icons/hd/comments.gif) 0px 12px no-repeat;} #content .instituteCourses .hd h2 { padding-left:24px; background:url(/_images/icons/hd/articles.gif) 0px 12px no-repeat;} #content .purchasePrint .hd h2 { padding-left:32px; background:url(/_images/icons/hd/print-image.gif) 0px 13px no-repeat;} /* 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;} /* Used to clear floats without the need to float element or give it a width */ .clearfix:after, .module .hd:after, .module .bd:after, .alert:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix, .module .hd, .module .bd, .alert { display: inline-block; } .clearfix, .module .hd, .module .bd, .alert { display: block;} * html .clearfix, * html .module .hd, * html .module .bd, * 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;} /***** 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;} /***** 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;} /********************************************************************/ /* 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 .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;} #sideCol { float:right; width:320px;} #sideCol .module { width:318px;} .headerPod { float:left; margin-left:4px; margin-bottom:-5px;} /***** 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;} .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;} /***** 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 { padding:6px 12px; 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.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;} /***** 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, .viewer a:active .overlay, .viewer a:focus .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;} .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, .viewer a:active.prev .link, .viewer a:focus.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, .viewer a:active.next .link, .viewer a:focus.next .link { background-image:url(/_images/icons/next-arrow-hover.gif);} .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;} /********************************************************************/ /* 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;} .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;} /********************************************************************/ /* 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 { 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 .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;} .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;} /***** Date of Birth *****/ .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;} #content .module form .selectMultiple ul li { padding:5px 0; float:left; background:none; width:100%;} #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;} /***** 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;} /***** 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;} .module form .starControl p { padding:0; width:50px; margin-left:15px; position:absolute; left:-9999px;} #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, .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 .formButton { padding:0 20px 0 31px; background:url(/_images/buttons/form/icons/upload.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;} /***** 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;} /********************************************************************/ /* 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 { vertical-align:middle; float:none; display:inline-block; line-height:25px; background-position:0px -12px; padding:0 10px;} #contentCol .editSection .icon { height:25px; padding:0; width:27px; text-align:center;} #contentCol .editSection .icon img { margin-top:6px;} /***** 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;} /********************************************************************/ /* 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 { padding-bottom:0;} #contentCol .exhibitionsList { padding:0 0 10px 0;} #contentCol .exhibitionsList li { background:none; padding:0px 20px 20px 20px; float:left; width:260px; background:url(/_images/icons/location.gif) 0px 4px no-repeat;} #contentCol .exhibitionsList li h3 { padding:0;} #contentCol .exhibitionsList li .date { color:#4c4c4c; padding:0 0 7px 0;} #contentCol .exhibitionsList li dl. #contentCol .exhibitionsList li .date { font-size:0.9em;} #contentCol .exhibitionsList li dl dt, #contentCol .exhibitionsList li dl dd { float:left; } #contentCol .exhibitionsList li dl dt { width:50px; } #contentCol .exhibitionsList li dl dd { width:210px; 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;} /********************************************************************/ /* 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;} /********************************************************************/ /* News Ticker */ /********************************************************************/ #ticker { background:url(/_images/bg/ticker.gif) bottom left repeat-x #fff; margin-left:4px;} #ticker h2 { font-size:12px; float:left; padding:0; margin:7px 0 0 10px;} #ticker h2 a { color:#2e2e2e; text-decoration:none;} .cufon-active #ticker h2 { margin-top:10px;} #ticker ul { float:left; line-height:26px; margin:2px 0 0 10px; padding:0 0 2px 10px; background:url(/_images/bg/ticker-divider.gif) 0px 0px no-repeat; width:500px; height:26px; overflow:hidden;} #ticker li { float:left; height:26px;} #ticker li a { color:#656565; font-weight:normal; float:left; text-decoration:none;} #ticker li a:hover, #ticker li a:active, #ticker li a:focus { text-decoration:underline;} #ticker .rss { float:right; margin:8px 8px 0 0;} /********************************************************************/ /* Awards Banner/Advance Content Gallery */ /********************************************************************/ #photographyAwards { padding-bottom:2px; margin-left:4px;} #photographyAwards .hd { margin:0;} #photographyAwards p { font-size:1.1em; line-height:1.6em; padding:0 0 8px 0;} #awardsGallery { float:left; width:636px; margin:0 0 0 2px;} #awardsGallery h2 { margin-top:8px;} #awardsGallery .nocufon { padding-top:0; margin-bottom:0;} .advanceGalleries h2 { width:500px;} #galleryContainer { float:left; width:580px; margin-left:29px; margin-top:10px; padding-bottom:15px; display:none;} .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:334px; margin:0 2px 0 0;} #awardDetails .hd h2 { margin-left:20px;} #awardDetails .bd { margin:2px 2px 0 0; border-left:1px solid #dedede; padding:8px 12px 0 20px;} #awardDetails ul li { padding:0 0 7px 0;} #awardDetails ul li.last { padding:0 0 8px 10px; background:url(/_images/bullets/more-bullet.gif) 0px 5px no-repeat;} #awardDetails ul li.last a { font-weight:normal; color:#656565; text-decoration:none;} #awardDetails ul li.last a:hover, #awardDetails ul li.last a:active, #awardDetails ul li.last a:focus { text-decoration:underline;} /**** ImageFlow *****/ .imageflow { position:relative; text-align:left; visibility:hidden; width:100%; } .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 { padding:10px 0 2px 0;} #contentCol .relatedContent ul li h3 a, #contentCol .competitionsCategories li h3 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 { 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;} /********************************************************************/ /* Category List */ /********************************************************************/ #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 { 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 { 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;} /********************************************************************/ /* 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;} /********************************************************************/ /* 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 5px 0; width:100%;} #contentCol .moduleList.downloads a { float:left;} #contentCol .moduleList.downloads h2 a, #contentCol .moduleList.downloads h3 a, #contentCol .moduleList.downloads p { padding-left:40px;} #contentCol .moduleList.downloads a { padding-top:10px;} #contentCol .moduleList.downloads span { color:#747474; font-size:0.7em; padding:0 0 0 5px; vertical-align:bottom;} #contentCol .moduleList.downloads p { padding-top:5px;} /* File Type Icons */ #contentCol .moduleList.downloads a { 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 .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;} /********************************************************************/ /* 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;} /********************************************************************/ /* Links */ /********************************************************************/ .links h2 img { vertical-align:super; padding-left:2px;} /********************************************************************/ /* Events */ /********************************************************************/ .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;} /********************************************************************/ /* 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 { width:285px; padding-left:15px;} #content .module form .selectMultiple ul li label { width:235px;} /********************************************************************/ /* 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 {font-weight:bold;} #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;} .entrySummary {color:#4c4c4c; font-family:Georgia, 'Times New Roman', Times, serif; font-size:16px; } /********************************************************************/ /* Image Grid */ /********************************************************************/ #contentCol .imageGrid { padding:2px 0 0 0; float:left; width:100%;} #contentCol .imageGrid li { display:inline-block; vertical-align:top; padding:0 0 15px 13px; background:none; width:108px; position:relative; text-align:center;} #contentCol .imageGrid li.first, #contentCol div.carouselContainer li.first { padding-left:0;} #contentCol .imageGrid li a, #contentCol .imageGrid li span.photographer { text-decoration:none; color:#4c4c4c; position:relative; display:inline-block;} #contentCol .imageGrid li a.remove { position:absolute;} #contentCol .imageGrid li a img, #contentCol .selectedImage { 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 .imageGrid li a:hover img, #contentCol .imageGrid li a:active img, #contentCol .imageGrid li 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);} #contentCol .imageGrid li a:hover, #contentCol .imageGrid li a:active, #contentCol .imageGrid li a:focus { text-decoration:none; color:#038fd9;} #contentCol .imageGrid li a span { display:block; margin-top:7px; line-height:1.3em;} /***** Extra Details *****/ #contentCol .imageGrid li a .count, #contentCol .imageGrid li .count { margin-top:3px; text-decoration:none; color:#7b7b7b; font-size:0.9em;} #contentCol .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;} /***** Credit *****/ .credit { position:relative;} .credit .copyright { position:absolute; bottom:2px; left:2px;} #contentCol .categoryList li .credit, #contentCol .videos li .credit, #contentCol .news li .credit, #contentCol .groups li .credit { float:left; width:auto; padding:0;} #contentCol .moduleList.profiles li .credit { float:left; width:auto;} /********************************************************************/ /* 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;} /***** 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 *****/ #contentCol .actionList ul { padding:0 0 2px 0; float:left; width:100%;} #contentCol .actionList ul li { padding:0 2px; font-size:0.9em;} #contentCol .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;} #contentCol .actionList ul li a:hover, #contentCol .actionList ul li a:active, #contentCol .actionList ul li a:focus { background:url(/_images/bg/actions/on.gif) top left repeat-x #038fd9;} #contentCol .actionList ul li.delete a:hover, #contentCol .photoActions ul li.delete a:active, #contentCol .photoActions ul li.delete a:focus { background:url(/_images/bg/actions/delete.gif) top left repeat-x #d90606;} #contentCol .actionList ul li a img { vertical-align:middle; padding-right:2px;} /***** 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;} /***** 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; } .purchasePrint .bd .intro p { padding:10px 0 0 ;} .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;} /********************************************************************/ /* 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;} /********************************************************************/ /* 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;} /***** Uploadify *****/ .advancedUpload form { width:374px;} .advancedUpload form label { position:absolute; left:-9999px;} .advancedUpload .file a { font-size:0.9em; float:right; width:270px; line-height:26px;} .advancedUpload form .formControls input { margin:0;} .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;} .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;} .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:1px; 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;} /********************************************************************/ /* 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; } /***** 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;} /***** 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;} .critiqueDetails { width:180px; float:right;} .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 { 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;} /********************************************************************/ /* Landing Pods */ /********************************************************************/ ul#landingPods { float:left; width:100%; padding:0 0 5px 0;} ul#landingPods li { float:left; margin:0 16px 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 { 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 { 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);} /********************************************************************/ /* Groups */ /********************************************************************/ .aboutGroups { background:url(/_images/bg/about-groups.gif) top right no-repeat #fff;} .aboutGroups .bd { padding-bottom:0;} /***** 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 { 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 {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 { 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 { background-position:0px -19px;} /***** 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;} .groupControl .gray, #groupHeader .groupOptions li a, .gray.deleteGroup { line-height:25px; background-repeat:no-repeat; color:#4c4c4c;} .groupControl .gray:hover, .groupControl .gray:active, .groupControl .gray:focus, #groupHeader .groupOptions li .gray:hover, #groupHeader .groupOptions li .gray:active, #groupHeader .groupOptions li .gray:focus { background-image:none; color:#fff;} .groupControl .gray.add { padding-left:24px; background-image:url(/_images/icons/add.gif); background-position:7px center;} .groupControl .gray.add:hover, .groupControl .gray.add:active, .groupControl .gray.add:focus { background-image:url(/_images/icons/add-hover.gif);} .groupControl .gray.delete, .gray.deleteGroup { padding-left:24px; background-image:url(/_images/icons/delete-gray.png); background-position:7px center;} .groupControl .gray.delete:hover, .groupControl .gray.delete:active, .groupControl .gray.delete:focus, .gray.deleteGroup:hover, .groupControl .gray.deleteGroup:active, .gray.deleteGroup: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;} .groupControl .gray.edit { padding-left:24px; background-image:url(/_images/icons/edit-gray.png); background-position:7px center;} .groupControl .gray.edit:hover, .groupControl .gray.edit:active, .groupControl .gray.edit:focus { background-image:url(/_images/icons/edit-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;} /********************************************************************/ /* 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;} /********************************************************************/ /* 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;} /********************************************************************/ /* 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 10px 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;} /********************************************************************/ /* 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;}