<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Blueprint test pages</title>
<!-- Framework CSS -->
<link rel="stylesheet" href="../blueprint/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="../blueprint/print.css" type="text/css" media="print">
<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen">
<!--[if lt IE 8]><link rel="stylesheet" href="../blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
<style type="text/css" media="screen">
</style>
</head>
<body>
<div class="container">
<!-- Top -->
<div id="TopWrapper">
<h1><img src="images/logo.jpg" width="256" height="53" alt="Pluspeek logo"></h1>
<div id="breadcrumbs">
<ul>
<li class="last"><a href="#.html">$(USD) <img src="images/list.jpg" width="9" height="7" alt="click for complete list" />
</a></li>
<li><a href="#.html">Help</a></li>
<li><a href="#.html">Sign Up</a></li>
<li><a href="#.html">Sign In</a></li>
<!-- For registered users
<li><a href="#.html">$(USD)</a></li>
<li><a href="#.html">Help</a></li>
<li>No announcements</li>
<li><a href="#.html">Settings</a></li>
<li><a href="#.html">Sign Out</a></li>
<li>ahmedbasel@gmail.com</li>
-->
</ul>
</div>
<div id="search">
<form>
<input type="text" name="textSearch" id="textSearch" />
<input type="image" src="images/search.jpg" alt="Search" id="src" />
</form>
</div>
<div class="clear"></div>
<div id="round_menu_left"></div>
<div id="menu">
<ul>
<li class="menu first"><a href="#.html">Home</a></li>
<li class="menu"><a href="#.html">About</a></li>
<li class="menu"><a href="#.html">Services</a></li>
<li class="menu"><a href="#.html">Events</a></li>
<li class="menu"><a href="#.html">Venus</a></li>
<li class="menu last"><a href="#.html">Organizers</a></li>
<a href="#.com"><img src="images/events.jpg" width="129" height="39" alt="Add events" /></a>
</ul>
</div>
<div id="round_menu_right"></div>
<div class="clear"></div>
</div>
<!-- Content -->
<div id="ContentWrapper">
<!-- Left side -->
<div id="LeftWrapper">
<p><a href="#.html">Modify or start search over</a></p>
<!-- For registered users
<p><a href="#.html">Invite Friend to decide</a></p>
-->
<h1> Subject </h1>
<h4>User experience</h4>
<h5><a href="#.html">Usability Testing (20)</a></h5>
<h5><a href="#.html">Information Architect (2)</a></h5>
<h5><a href="#.html">Persona (4)</a></h5>
<h5><a href="#.html">Web Design (7)</a></h5>
<h5><a href="#.html">Interaction Research (2)</a></h5>
<h5><a href="#.html">User Center Design (9)</a></h5>
<h1>Speakers</h1>
<p><a href="#.html">Jakob Nielsen</a></p>
<p><a href="#.html">Bruce Tognazzini</a></p>
<p><a href="#.html">Lynn Pausic</a></p>
<p><a href="#.html">Celeste Buckhalter</a></p>
<p><a href="#.html">Cameron Moll</a></p>
<h1>Price</h1>
<p>Any price</p>
<p><a href="#.html">Under $25 (383)</a></p>
<p><a href="#.html">$25 to $50 (519)</a></p>
<p><a href="#.html">$50 to $100 (202)</a></p>
<p><a href="#.html">$100 to $200 (47)</a></p>
<p><a href="#.html">$200 & Above (34)</a></p>
<h1> Date </h1>
<p><a href="#.html">January (2)</a></p>
<p><a href="#.html">February (5)</a></p>
<p><a href="#.html">March (29)</a></p>
<p><a href="#.html">May (7)</a></p>
<p><a href="#.html">September (4)</a></p>
<h1> City </h1>
<p> Any City </p>
<p><a href="#.html">Cairo(3)</a></p>
<p><a href="#.html">New York(4)</a></p>
<p><a href="#.html">Boston(8)</a></p>
<p><a href="#.html">London(6)</a></p>
<p><a href="#.html">Bangkok(1)</a></p>
<h1> Venue </h1>
<p><a href="#.html">Any Venue</a></p>
<p><a href="#.html">Sheraton</a></p>
<p><a href="#.html">Marriot</a></p>
<p><a href="#.html">Hyatt</a></p>
<p><a href="#.html">Meridian</a></p>
<p><a href="#.html">Salamlek</a></p>
<h1> Review </h1>
<p><a href="#.html">
<img src="images/star_full.jpg" width="9" height="9" />
<img src="images/star_full.jpg" width="9" height="9" />
<img src="images/star_full.jpg" width="9" height="9" />
<img src="images/star_empty.jpg" width="9" height="9" />
<img src="images/star_empty.jpg" width="9" height="9" />
& UP (246)</a></p>
<p><a href="#.html">
<img src="images/star_full.jpg" width="9" height="9" />
<img src="images/star_full.jpg" width="9" height="9" />
<img src="images/star_full.jpg" width="9" height="9" />
<img src="images/star_empty.jpg" width="9" height="9" />
<img src="images/star_empty.jpg" width="9" height="9" />
& UP (246)</a></p>
<p><a href="#.html">
<img src="images/star_full.jpg" width="9" height="9" />
<img src="images/star_full.jpg" width="9" height="9" />
<img src="images/star_full.jpg" width="9" height="9" />
<img src="images/star_empty.jpg" width="9" height="9" />
<img src="images/star_empty.jpg" width="9" height="9" />
& UP (246)</a></p>
<p><a href="#.html">
<img src="images/star_full.jpg" width="9" height="9" />
<img src="images/star_full.jpg" width="9" height="9" />
<img src="images/star_full.jpg" width="9" height="9" />
<img src="images/star_empty.jpg" width="9" height="9" />
<img src="images/star_empty.jpg" width="9" height="9" />
& UP (246)</a></p>
<h1> Discount </h1>
<p><a href="#.html">10% Off or More (653)</a></p>
<p><a href="#.html">25% Off or More (606)</a></p>
<p><a href="#.html">50% Off or More (94)</a></p>
<p><a href="#.html">70% Off or More (6)</a></p>
<h1> Organizer </h1>
<p> Any Organizer </p>
<p><a href="#.html">Nielsen Norman Group</a></p>
<p><a href="#.html">FOWA</a></p>
<p><a href="#.html">Leather Jacket</a></p>
<p><a href="#.html">Microsoft</a></p>
<p><a href="#.html">DELL</a></p>
<p><a href="#.html">Orascom</a></p>
<p><a href="#.html">Vodafone</a></p>
</div>
<!-- Center -->
<div id="MainContent">
<div id="Results">
<p> Results 1- 25 of 1,151 Professionals for "usability conferences". Got too many<br /> results?
Refine this search or <a href="#.html">post your event</a> </p>
<h1> Usability Conference </h1>
<h6> <a href="#.html"><strong>Sign In</strong></a> to see people you know attending this event</h6>
</div>
<div id="SavedEvents">
<h3>My Saved Events </h3>
<h5><a href="#.html"><img src="images/remove.jpg" width="19" height="19" alt="remove" />Remove all</a></h5>
<div class="clear"></div>
<div class="event">
<span class="ViewEvents">
<a href="#.html">
<img src="images/view_events_full.jpg" width="116" height="29" alt="View events">
</a>
</span>
<h2> Search Engines Strategies 2010 </h2>
<p> From $<a href="#.html">1295</a> to $<a href="#.html">3750</a></p>
<ul>
<li class="first"><a href="#.html">Quick look</a></li>
<li><a href="#.html">Save</a></li>
<li><a href="#.html">Delete</a></li>
<li><a href="#.html">Send</a></li>
<li><a href="#.html">Compare</a></li>
<li><a href="#.html">Discuss</a></li>
<li class="last"><a href="#.html">Alert</a></li>
</ul>
<p> 100 of 206 events shown <a href="#.com">show all</a></p>
</div>
<div class="event last">
<span class="ViewEvents">
<a href="#.html">
<img src="images/view_events_full.jpg" width="116" height="29" alt="View events">
</a>
</span>
<h2> Search Engines Strategies 2010 </h2>
<p> From $<a href="#.html">1295</a> to $<a href="#.html">3750</a></p>
<ul>
<li class="first"><a href="#.html">Quick look</a></li>
<li><a href="#.html">Save</a></li>
<li><a href="#.html">Delete</a></li>
<li><a href="#.html">Send</a></li>
<li><a href="#.html">Compare</a></li>
<li><a href="#.html">Discuss</a></li>
<li class="last"><a href="#.html">Alert</a></li>
</ul>
<h6> <a href="#.com">
<img src="images/next.jpg" width="9" height="11" alt="click for notifications" /></a>
Event Specific notification message if any</h6>
</div>
<div class="actions">
<p><a href="#">Print</a></p>
<p><a href="#"><img src="images/fbook_share.jpg" width="60" height="18" alt="share this on facebook" /></a></p>
<p><a href="#">Add to my events</a></p>
<h6><a href="#"><img src="images/remove.jpg" width="19" height="19" alt="close event">Close</a></h6>
</div>
</div>
<div class="clear"></div>
<div class="article">
<h1> Agenda </h1>
<p><a href="#"> Writing for the web </a></p>
<p><a href="#"> Emerging Patterns for Web Design </a></p>
<p><a href="#"> Internet usability </a></p>
<p><a href="#"> User Testing </a></p>
<p><a href="#"> From Print to Web </a></p>
<p><a href="#"> Fundamental Guidelines for Web Usability </a></p>
<p><a href="#"> Integrating Social Features on Mainstream Websites </a></p>
<p><a href="#"> Designing Mobile websites </a></p>
<p><a href="#"> Information Architecture </a></p>
<p><a href="#"> The Human Mind and Usability: How Your Customers Think </a></p>
<p><a href="#"> Big, Famous Sites: Design Patterns </a></p>
<p><a href="#"> Email Newsletter Usability </a></p>
<p><a href="#"> iPhone Apps Design </a></p>
</div>
<div class="article">
<h1> Who Should Attend </h1>
<p> In this tutorial you'll learn how to create a turning cube with the native 3D engine of Flash CS4. A turning cube, such as this, is one of the core elements of the Piecemaker image rotator gallery.</p>
<br />
<p> This step-by-step tutorial will cover some of the basic issues when working with the native Flash 3D engine, focusing particularly on the difference between depth in terms of the z-axis and depth of the display lift.</p>
</div>
<div class="article">
<h2> Speakers </h2>
<h6> <a href="#">Show more speakers</a></h6>
<div class="clear"></div>
<h5> <img src="images/speaker.jpg" width="88" height="119" alt="One of the speakers">
<br/><a href="#">Jakob
<br/>Nielsen</a></h5>
<h5> <img src="images/speaker.jpg" width="88" height="119" alt="One of the speakers">
<br/><a href="#">Bruce
<br/>Tognazzini</a></h5>
<h5> <img src="images/speaker.jpg" width="88" height="119" alt="One of the speakers">
<br/><a href="#">Lynn
<br/>Pausic</a></h5>
<h5> <img src="images/speaker.jpg" width="88" height="119" alt="One of the speakers">
<br/><a href="#">Celeste
<br/>Buckhalter</a></h5>
<div class="clear"></div>
</div>
<div class="article">
<h1> Location Information </h1>
<div id="category">
<p>Location:</p>
<p>Organizer:</p>
<p>Venue:</p>
<p>Accomodation:</p>
<p>Topics:</p>
</div>
<div id="details">
<p><a href="#"> New York , USA </a></p>
<p><a href="#"> Nielsen Norman Group
<img src="images/star_full.jpg" width="9" height="9" />
<img src="images/star_full.jpg" width="9" height="9" />
<img src="images/star_full.jpg" width="9" height="9" />
<img src="images/star_full.jpg" width="9" height="9" />
<img src="images/star_full.jpg" width="9" height="9" />
(19) review
</a></p>
<p><a href="#"> The Westin New York at Times Square
<img src="images/star_full.jpg" width="9" height="9" />
<img src="images/star_full.jpg" width="9" height="9" />
<img src="images/star_full.jpg" width="9" height="9" />
<img src="images/star_empty.jpg" width="9" height="9" />
<img src="images/star_empty.jpg" width="9" height="9" />
</a></p>
<p><a href="#"> Millennium Broadway Hotel $199 per room </a></p>
<p><a href="#"> Usability - Web Design - Usability Testing </a></p>
</div>
<div class="clear"></div>
</div>
<div class="article">
<div class="event">
<div class="ViewEvents">
<p><img src="images/bell.jpg" width="15" height="15" alt="reminder" /><strong>Early Bid ends</strong></p>
<h4> in 2 days 10 hours </h4>
<a href="#.html"> <img src="images/view_events_full.jpg" width="116" height="29" alt="View events"></a>
<h4><a href="#">1 review</a> - <a href="x">write one</a></h4>
</div>
<h2> Search Engines Strategies 2010 </h2>
<h4> Thu Jul 1 2010 - Fri Jul 23 2010 </h4>
<p> From $<a href="#.html">1295</a> to $<a href="#.html">3750</a></p>
<p> <strong><a href="#"><strong>2 people</strong></a> from your network attending this event</strong></p>
<ul>
<li class="first"><a href="#.html">Quick look</a></li>
<li><a href="#.html">Save</a></li>
<li><a href="#.html">Delete</a></li>
<li><a href="#.html">Send</a></li>
<li><a href="#.html">Compare</a></li>
<li><a href="#.html">Discuss</a></li>
<li class="last"><a href="#.html">Alert</a></li>
</ul>
</div>
<div class="event last">
<div class="ViewEvents">
<p><img src="images/bell.jpg" width="15" height="15" alt="reminder" /><strong>Early Bid ends</strong></p>
<h4> in 2 days 10 hours </h4>
<a href="#.html"> <img src="images/view_events_full.jpg" width="116" height="29" alt="View events"></a>
<h4><a href="#">1 review</a> - <a href="x">write one</a></h4>
</div>
<h2> Search Engines Strategies 2010 </h2>
<h4> Thu Jul 1 2010 - Fri Jul 23 2010 </h4>
<p> From $<a href="#.html">1295</a> to $<a href="#.html">3750</a></p>
<p> <strong><a href="#"><strong>2 people</strong></a> from your network attending this event</strong></p>
<ul>
<li class="first"><a href="#.html">Quick look</a></li>
<li><a href="#.html">Save</a></li>
<li><a href="#.html">Delete</a></li>
<li><a href="#.html">Send</a></li>
<li><a href="#.html">Compare</a></li>
<li><a href="#.html">Discuss</a></li>
<li class="last"><a href="#.html">Alert</a></li>
</ul>
</div>
</div>
</div>
<!-- Right side -->
<div id="RightWrapper">
<h4><a href="#.html"><img src="images/advertise.jpg" width="32" height="32" alt="advertise here" /> Advertise Here </a></h4>
<div class="advertise">
<h3><a href="#.com">Bangkok Airfare</a></h3>
<p>Save Money with Booking- Buddy!Find Rates From Trusted Travel Sites.</p>
</div>
<div class="advertise">
<h3><a href="#.com">Bangkok Airfare</a></h3>
<p>Save Money with Booking- Buddy!Find Rates From Trusted Travel Sites.</p>
</div>
<div class="advertise">
<h3><a href="#.com">Bangkok Airfare</a></h3>
<p>Save Money with Booking- Buddy!Find Rates From Trusted Travel Sites.</p>
</div>
<div class="advertise">
<h3><a href="#.com">Bangkok Airfare</a></h3>
<p>Save Money with Booking- Buddy!Find Rates From Trusted Travel Sites.</p>
</div>
<div class="advertise">
<h3><a href="#.com">Bangkok Airfare</a></h3>
<p>Save Money with Booking- Buddy!Find Rates From Trusted Travel Sites.</p>
</div>
</div>
</div>
<div id="FooterWrapper">
</div>
</div>
</body>
</html>
/* -----------------------------------------------------------------------
Blueprint CSS Framework 0.9
http://blueprintcss.org
* Copyright (c) 2007-Present. See LICENSE for more info.
* See README for instructions on how to use Blueprint.
* For credits and origins, see AUTHORS.
* This is a compressed file. See the sources in the 'src' directory.
----------------------------------------------------------------------- */
/* print.css */
body {
line-height:1.5;
font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
color:#000;
background:none;
font-size:10pt;
}
.container {
background:none;
}
hr {
background:#ccc;
color:#ccc;
width:100%;
height:2px;
margin:2em 0;
padding:0;
border:none;
}
hr.space {
background:#fff;
color:#fff;
visibility:hidden;
}
h1, h2, h3, h4, h5, h6 {
font-family:"Helvetica Neue", Arial, "Lucida Grande", sans-serif;
}
code {
font:.9em "Courier New", Monaco, Courier, monospace;
}
a img {
border:none;
}
p img.top {
margin-top:0;
}
blockquote {
margin:1.5em;
padding:1em;
font-style:italic;
font-size:.9em;
}
.small {
font-size:.9em;
}
.large {
font-size:1.1em;
}
.quiet {
color:#999;
}
.hide {
display:none;
}
a:link, a:visited {
background:transparent;
font-weight:700;
text-decoration:underline;
}
a:link:after, a:visited:after {
content:" (" attr(href) ")";
font-size:90%;
}
/* -----------------------------------------------------------------------
Blueprint CSS Framework 0.9
http://blueprintcss.org
* Copyright (c) 2007-Present. See LICENSE for more info.
* See README for instructions on how to use Blueprint.
* For credits and origins, see AUTHORS.
* This is a compressed file. See the sources in the 'src' directory.
----------------------------------------------------------------------- */
/* ie.css */
body {
text-align:center;
}
.container {
text-align:left;
}
* html .column, * html .span-1, * html .span-2, * html .span-3, * html .span-4, * html .span-5, * html .span-6, * html .span-7, * html .span-8, * html .span-9, * html .span-10, * html .span-11, * html .span-12, * html .span-13, * html .span-14, * html .span-15, * html .span-16, * html .span-17, * html .span-18, * html .span-19, * html .span-20, * html .span-21, * html .span-22, * html .span-23, * html .span-24 {
display:inline;
overflow-x:hidden;
}
* html legend {
margin:0px -8px 16px 0;
padding:0;
}
sup {
vertical-align:text-top;
}
sub {
vertical-align:text-bottom;
}
html>body p code {
*white-space:normal;
}
hr {
margin:-8px auto 11px;
}
img {
-ms-interpolation-mode:bicubic;
}
.clearfix, .container {
display:inline-block;
}
* html .clearfix, * html .container {
height:1%;
}
fieldset {
padding-top:0;
}
textarea {
overflow:auto;
}
input.text, input.title, textarea {
background-color:#fff;
border:1px solid #bbb;
}
input.text:focus, input.title:focus {
border-color:#666;
}
input.text, input.title, textarea, select {
margin:0.5em 0;
}
input.checkbox, input.radio {
position:relative;
top:.25em;
}
form.inline div, form.inline p {
vertical-align:middle;
}
form.inline label {
position:relative;
top:-0.25em;
}
form.inline input.checkbox, form.inline input.radio, form.inline input.button, form.inline button {
margin:0.5em 0;
}
button, input.button {
position:relative;
top:0.25em;
}
/* -----------------------------------------------------------------------
Blueprint CSS Framework 0.9
http://blueprintcss.org
* Copyright (c) 2007-Present. See LICENSE for more info.
* See README for instructions on how to use Blueprint.
* For credits and origins, see AUTHORS.
* This is a compressed file. See the sources in the 'src' directory.
----------------------------------------------------------------------- */
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
display:block;
}
body {
line-height:1.5;
border-top:2px solid #017394;
}
table {
border-collapse:separate;
border-spacing:0;
}
caption, th, td {
text-align:left;
font-weight:normal;
}
table, td, th {
vertical-align:middle;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
a img {
border:none;
}
/* typography.css */
html {
font-size:100.01%;
}
body {
font-size:75%;
color:#222;
background:#fff;
font-family:Verdana, Geneva, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-weight:normal;
color:#111;
font-family:Tahoma, Geneva, sans-serif;
}
h1 {
font-size:3em;
line-height:1;
margin-bottom:0.5em;
}
h2 {
font-size:2em;
margin-bottom:0.75em;
}
h3 {
font-size:1.5em;
line-height:1;
margin-bottom:1em;
}
h4 {
font-size:1.2em;
line-height:1.25;
margin-bottom:1.25em;
}
h5 {
font-size:1em;
font-weight:bold;
margin-bottom:1.5em;
}
h6 {
font-size:1em;
font-weight:bold;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
margin:0;
}
p {
margin:0 0 1.5em;
}
p img.left {
float:left;
margin:1.5em 1.5em 1.5em 0;
padding:0;
}
p img.right {
float:right;
margin:1.5em 0 1.5em 1.5em;
}
a:focus, a:hover {
color:#000;
}
a {
color:#006699;
text-decoration:none;
}
blockquote {
margin:1.5em;
color:#666;
font-style:italic;
}
strong {
font-weight:bold;
}
em, dfn {
font-style:italic;
}
dfn {
font-weight:bold;
}
sup, sub {
line-height:0;
}
abbr, acronym {
border-bottom:1px dotted #666;
}
address {
margin:0 0 1.5em;
font-style:italic;
}
del {
color:#666;
}
pre {
margin:1.5em 0;
white-space:pre;
}
pre, code, tt {
font:1em 'andale mono', 'lucida console', monospace;
line-height:1.5;
}
li ul, li ol {
margin:0;
}
ul, ol {
margin:0 1.5em 1.5em 0;
padding-left:3.333em;
}
ul {
list-style-type:disc;
}
ol {
list-style-type:decimal;
}
dl {
margin:0 0 1.5em 0;
}
dl dt {
font-weight:bold;
}
dd {
margin-left:1.5em;
}
table {
margin-bottom:1.4em;
width:100%;
}
th {
font-weight:bold;
}
thead th {
background:#c3d9ff;
}
th, td, caption {
padding:4px 10px 4px 5px;
}
tr.even td {
background:#e5ecf9;
}
tfoot {
font-style:italic;
}
caption {
background:#eee;
}
.small {
font-size:.8em;
margin-bottom:1.875em;
line-height:1.875em;
}
.large {
font-size:1.2em;
line-height:2.5em;
margin-bottom:1.25em;
}
.hide {
display:none;
}
.quiet {
color:#666;
}
.loud {
color:#000;
}
.highlight {
background:#ff0;
}
.added {
background:#060;
color:#fff;
}
.removed {
background:#900;
color:#fff;
}
.first {
margin-left:0;
padding-left:0;
}
.last {
margin-right:0;
padding-right:0;
}
.top {
margin-top:0;
padding-top:0;
}
.bottom {
margin-bottom:0;
padding-bottom:0;
}
/* forms.css */
label {
font-weight:bold;
}
fieldset {
padding:1.4em;
margin:0 0 1.5em 0;
border:1px solid #ccc;
}
legend {
font-weight:bold;
font-size:1.2em;
}
input[type=text], input[type=password], input.text, input.title, textarea, select {
background-color:#fff;
border:1px solid #bbb;
}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
border-color:#666;
}
input[type=text], input[type=password], input.text, input.title, textarea, select {
margin:0.5em 0;
}
input.text, input.title {
width:300px;
padding:5px;
}
input.title {
font-size:1.5em;
}
textarea {
width:390px;
height:250px;
padding:5px;
}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {
position:relative;
top:.25em;
}
form.inline {
line-height:3;
}
form.inline p {
margin-bottom:0;
}
.error, .notice, .success {
padding:.8em;
margin-bottom:1em;
border:2px solid #ddd;
}
.error {
background:#FBE3E4;
color:#8a1f11;
border-color:#FBC2C4;
}
.notice {
background:#FFF6BF;
color:#514721;
border-color:#FFD324;
}
.success {
background:#E6EFC2;
color:#264409;
border-color:#C6D880;
}
.error a {
color:#8a1f11;
}
.notice a {
color:#514721;
}
.success a {
color:#264409;
}
/* grid.css */
.container {
width:930px;
margin:0 auto;
}
.showgrid {
background:url(src/grid.png);
}
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {
float:left;
margin-right:0px;
}
.last {
margin-right:0;
}
.span-1 {
width:30px;
}
.span-2 {
width:70px;
}
.span-3 {
width:110px;
}
.span-4 {
width:150px;
}
.span-5 {
width:174px;
padding-left:8px;
padding-top:25px;
}
.span-6 {
width:183px;
padding-left:8px;
padding-top:25px;
}
.span-7 {
width:270px;
}
.span-8 {
width:620px;
margin: 15px 0 50px 5px;
}
.span-9 {
width:950px;
}
.span-10 {
width:530px;
padding-top:13px;
}
.span-11 {
width:950px;
padding: 30px;
}
.span-12 {
width:950px;
}
.span-13 {
width:886px;
}
.span-14 {
width:530px;
padding-top:13px;
}
.span-15 {
width:590px;
}
.span-16 {
width:630px;
}
.span-17 {
width:670px;
}
.span-18 {
width:710px;
}
.span-19 {
width:750px;
}
.span-20 {
width:790px;
}
.span-21 {
width:830px;
}
.span-22 {
width:870px;
}
.span-23 {
width:910px;
}
.span-24 {
width:950px;
margin-right:0;
}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {
border-left-width:1px;
border-right-width:1px;
padding-left:5px;
padding-right:5px;
}
input.span-1, textarea.span-1 {
width:18px;
}
input.span-2, textarea.span-2 {
width:58px;
}
input.span-3, textarea.span-3 {
width:98px;
}
input.span-4, textarea.span-4 {
width:138px;
}
input.span-5, textarea.span-5 {
width:178px;
}
input.span-6, textarea.span-6 {
width:218px;
}
input.span-7, textarea.span-7 {
width:258px;
}
input.span-8, textarea.span-8 {
width:298px;
}
input.span-9, textarea.span-9 {
width:338px;
}
input.span-10, textarea.span-10 {
width:378px;
}
input.span-11, textarea.span-11 {
width:418px;
}
input.span-12, textarea.span-12 {
width:458px;
}
input.span-13, textarea.span-13 {
width:498px;
}
input.span-14, textarea.span-14 {
width:538px;
}
input.span-15, textarea.span-15 {
width:578px;
}
input.span-16, textarea.span-16 {
width:618px;
}
input.span-17, textarea.span-17 {
width:658px;
}
input.span-18, textarea.span-18 {
width:698px;
}
input.span-19, textarea.span-19 {
width:738px;
}
input.span-20, textarea.span-20 {
width:778px;
}
input.span-21, textarea.span-21 {
width:818px;
}
input.span-22, textarea.span-22 {
width:858px;
}
input.span-23, textarea.span-23 {
width:898px;
}
input.span-24, textarea.span-24 {
width:938px;
}
.append-1 {
padding-right:40px;
}
.append-2 {
padding-right:80px;
}
.append-3 {
padding-right:120px;
}
.append-4 {
padding-right:160px;
}
.append-5 {
padding-right:200px;
}
.append-6 {
padding-right:240px;
}
.append-7 {
padding-right:280px;
}
.append-8 {
padding-right:320px;
}
.append-9 {
padding-right:360px;
}
.append-10 {
padding-right:400px;
}
.append-11 {
padding-right:440px;
}
.append-12 {
padding-right:480px;
}
.append-13 {
padding-right:520px;
}
.append-14 {
padding-right:560px;
}
.append-15 {
padding-right:600px;
}
.append-16 {
padding-right:640px;
}
.append-17 {
padding-right:680px;
}
.append-18 {
padding-right:720px;
}
.append-19 {
padding-right:760px;
}
.append-20 {
padding-right:800px;
}
.append-21 {
padding-right:840px;
}
.append-22 {
padding-right:880px;
}
.append-23 {
padding-right:920px;
}
.prepend-1 {
padding-left:40px;
}
.prepend-2 {
padding-left:80px;
}
.prepend-3 {
padding-left:120px;
}
.prepend-4 {
padding-left:160px;
}
.prepend-5 {
padding-left:200px;
}
.prepend-6 {
padding-left:240px;
}
.prepend-7 {
padding-left:280px;
}
.prepend-8 {
padding-left:320px;
}
.prepend-9 {
padding-left:360px;
}
.prepend-10 {
padding-left:400px;
}
.prepend-11 {
padding-left:440px;
}
.prepend-12 {
padding-left:480px;
}
.prepend-13 {
padding-left:520px;
}
.prepend-14 {
padding-left:560px;
}
.prepend-15 {
padding-left:600px;
}
.prepend-16 {
padding-left:640px;
}
.prepend-17 {
padding-left:680px;
}
.prepend-18 {
padding-left:720px;
}
.prepend-19 {
padding-left:760px;
}
.prepend-20 {
padding-left:800px;
}
.prepend-21 {
padding-left:840px;
}
.prepend-22 {
padding-left:880px;
}
.prepend-23 {
padding-left:920px;
}
.border {
padding-right:4px;
margin-right:5px;
border-right:1px solid #eee;
}
.colborder {
border-left:1px solid #dfdfdf;
}
.pull-1 {
margin-left:-40px;
}
.pull-2 {
margin-left:-80px;
}
.pull-3 {
margin-left:-120px;
}
.pull-4 {
margin-left:-160px;
}
.pull-5 {
margin-left:-200px;
}
.pull-6 {
margin-left:-240px;
}
.pull-7 {
margin-left:-280px;
}
.pull-8 {
margin-left:-320px;
}
.pull-9 {
margin-left:-360px;
}
.pull-10 {
margin-left:-400px;
}
.pull-11 {
margin-left:-440px;
}
.pull-12 {
margin-left:-480px;
}
.pull-13 {
margin-left:-520px;
}
.pull-14 {
margin-left:-560px;
}
.pull-15 {
margin-left:-600px;
}
.pull-16 {
margin-left:-640px;
}
.pull-17 {
margin-left:-680px;
}
.pull-18 {
margin-left:-720px;
}
.pull-19 {
margin-left:-760px;
}
.pull-20 {
margin-left:-800px;
}
.pull-21 {
margin-left:-840px;
}
.pull-22 {
margin-left:-880px;
}
.pull-23 {
margin-left:-920px;
}
.pull-24 {
margin-left:-960px;
}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {
float:left;
position:relative;
}
.push-1 {
margin:0 -40px 1.5em 40px;
}
.push-2 {
margin:0 -80px 1.5em 80px;
}
.push-3 {
margin:0 -120px 1.5em 120px;
}
.push-4 {
margin:0 -160px 1.5em 160px;
}
.push-5 {
margin:0 -200px 1.5em 200px;
}
.push-6 {
margin:0 -240px 1.5em 240px;
}
.push-7 {
margin:0 -280px 1.5em 280px;
}
.push-8 {
margin:0 -320px 1.5em 320px;
}
.push-9 {
margin:0 -360px 1.5em 360px;
}
.push-10 {
margin:0 -400px 1.5em 400px;
}
.push-11 {
margin:0 -440px 1.5em 440px;
}
.push-12 {
margin:0 -480px 1.5em 480px;
}
.push-13 {
margin:0 -520px 1.5em 520px;
}
.push-14 {
margin:0 -560px 1.5em 560px;
}
.push-15 {
margin:0 -600px 1.5em 600px;
}
.push-16 {
margin:0 -640px 1.5em 640px;
}
.push-17 {
margin:0 -680px 1.5em 680px;
}
.push-18 {
margin:0 -720px 1.5em 720px;
}
.push-19 {
margin:0 -760px 1.5em 760px;
}
.push-20 {
margin:0 -800px 1.5em 800px;
}
.push-21 {
margin:0 -840px 1.5em 840px;
}
.push-22 {
margin:0 -880px 1.5em 880px;
}
.push-23 {
margin:0 -920px 1.5em 920px;
}
.push-24 {
margin:0 -960px 1.5em 960px;
}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {
float:right;
position:relative;
}
.prepend-top {
margin-top:1.5em;
}
.append-bottom {
margin-bottom:1.5em;
}
.box {
padding:1.5em;
margin-bottom:1.5em;
background:#E5ECF9;
}
hr {
background:#ddd;
color:#ddd;
clear:both;
float:none;
width:100%;
height:.1em;
margin:0 0 1.45em;
border:none;
}
hr.space {
background:#fff;
color:#fff;
visibility:hidden;
}
.clearfix:after, .container:after {
content:"\0020";
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
}
.clearfix, .container {
display:block;
}
.clear {
clear:both;
}
/*Top*/
.top {
background:url(../images/menubg.jpg) bottom left repeat-x;
float:left;
width:100%;
overflow:hidden;
position:relative;
}
.logo {
float:left;
margin-left:3px;
margin-top:34px;
}
.topmenu {
float:right;
margin:0px;
margin-top:22px;
margin-right:11px;
padding:0px;
}
.topmenu li {
float:left;
list-style:none;
border-right:1px solid #000;
padding:0px 6px;
line-height:12px;
}
.last {
border:none!important;
background:none!important;
}
.top form {
float:right;
margin-right:17px;
padding-top:18px;
}
.top form * {
padding:0px;
margin:0px;
}
.top form input[type="text"] {
width:375px;
height:21px;
border-top:2px solid #cdcdcd;
border-left:2px solid #cdcdcd;
border-bottom:1px solid #cdcdcd;
border-right:none;
font-size:12px;
padding-left:5px;
padding-right:10px;
float:left;
}
.top form input[type="submit"] {
width:106px;
height:24px;
border:none;
background:url(../images/search_btn.jpg) no-repeat;
color:#FFF;
font-size:14px;
font-weight:700;
font-family:Tahoma, Geneva, sans-serif;
float:left;
line-height:24px;
text-transform:capitalize;
padding-bottom:4px;
}
.menu {
float:left;
background:url(../images/rightbg.jpg) no-repeat right bottom;
height:36px;
margin-top:18px;
width:930px;
}
.menu ul {
margin:0px;
padding:0px;
list-style:none;
background:url(../images/leftbg.jpg) no-repeat left bottom;
float:left;
height:36px;
padding-top:0px;
padding-left:22px;
}
.menu ul li {
padding:0;
height:34px;
float:left;
line-height:34px;
padding-top:1px;
background:url(../images/menu_bg.jpg) no-repeat center right;
}
.menu ul li a {
color:#2c2b2b;
height:34px;
display:block;
float:left;
padding:0px 10px;
}
.menu ul li a:hover {
background:url(../images/menuhoverbg.jpg);
color:#FFF;
}
.eventslink {
background:url(../images/eventsbg.png) no-repeat;
display:block;
clear:both;
position:absolute;
left:582px;
top:92px;
float:left;
width:90px;
padding-left:40px;
color:#017394;
height:38px;
line-height:38px;
cursor:pointer;
font-weight:700;
}
/*Left Side*/
.span-5 ul {
padding:0px;
margin:0px;
padding-bottom:15px;
}
.span-5 ul li {
padding:0px;
margin:0px;
list-style:none;
line-height:22px;
}
.span-5 h3, .span-14 h3 {
margin:0px;
font-family:Tahoma, Geneva, sans-serif;
font-weight:700;
font-size:18px;
line-height:28px;
}
.span-14 h3 {
line-height:40px;
padding-left:24px;
}
.span-5 h4 {
font-weight:700;
font-size:13px;
padding-top:9px;
margin:0px;
}
.span-5 h4 a {
font-family:Tahoma, Geneva, sans-serif;
}
ul.subject a {
font-family:Tahoma, Geneva, sans-serif;
}
/* ---------------------- 1.html ------------- */
/* -------------- Left ------------- */
.span-9 ul, li{
list-style:none;
}
.left {
width:540px;
float:left;
padding-bottom:30px;
}
.left * {
padding:0;
margin:0;
line-height:normal;
}
.left h3 {
margin-top: 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
}
.left h4 a {
font-size:12px;
color:006699;
font-weight:bold;
}
.left h5 {
font-weight:normal;
font-size:11px;
}
.left p {
font-size:12px;
}
.left .search {
background:#f8f8f8;
padding:30px 50px;
text-align:center;
margin-top:15px;
}
.left .search p {
text-align:left;
font-weight:bold;
line-height:2em;
}
.left .search #textSearch {
width:440px;
}
.left .search form input[type="submit"] {
background: url(../images/search_btn.jpg) no-repeat;
color: #FFFFFF;
text-align: center;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:106px;
height:24px;
padding:0;
margin-top:10px;
border:none;
font-weight:700;
}
.left .box {
background-color:#FFFFFF;
padding-top:22px;
}
.left .box h3 {
font-weight:bold;
}
.left .box ul {
border-color:#e9e9e9;
border-style:solid;
border-width: 1px 4px;
margin-top:1px;
padding:10px 25px;
}
.left .box ul li {
line-height:1.5em;
color:#b1b1b1;
padding-bottom:5px;
}
.left .box ul li h4, h5 {
padding:5px 0 ;
color:#000000;
}
.left .box h3 {
padding:3px 10px;
background-color:#efeeee;
}
/* -------------- Right ----------------- */
.right {
width:370px;
float:right;
}
.right * {
padding:0;
margin:0;
line-height:normal;
}
.right h2,h3 {
margin-top: 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
}
.right h3 {
background-color:#EEEEEE;
line-height:2em;
padding-left:5px;
}
.right h6 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
width:258px;
font-weight:bold;
margin-bottom:10px;
}
.right p {
padding:10px 0 20px 0;
}
.right img {
text-align:center;
padding:15px 0;
}
a.under {
text-decoration:underline;
}
.right ul {
margin-top:2px;
border-top:#a0a0a0 1px dotted;
}
.right ul li {
padding-bottom:5px;
width:350px;
}
.right ul li.second {
float:left;
background:#f3f3f3;
border:#e8eaea 1px solid;
}
.right ul span {
float:right;
margin:7px 7px;
padding:1px 0 0 3px;
letter-spacing:-0.5px;
}
.right ul li {
padding-top:5px;
}
.right ul li p {
padding:5px 0;
font-size:12.44px;
}
.right ul li h1 {
float:left;
padding:8px 15px 10px 0;
}
.right ul li h4 {
padding:5px 0 5px 15px;
font-weight:bold;
}
.right ul li h5 {
padding:5px 0 5px 15px;
font-weight:normal;
font-size:11px;
}
.right ul li img {
padding:0;
}
/*span.bttnbg {
background: url(../images/bttnbg.jpg) no-repeat top left;
width:39px;
height:16px;
}
.right ul li span.bttnbg a {
color:#000000;
}
*/
.right ul li span a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
.right .speakers {
border-color:#d4d4d4;
border-style:solid;
border-width: 1px 0;
height:24px;
}
.speakers h4 {
height:14px;
margin:2px 0;
background-color:#d4d4d4;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12.44px;
padding:3px;
}
/* ------------- End of 1.html ---------- */
/* ----------------3.html ---------------*/
.span-9 * {
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.AlertsTop {
margin:40px 40px 0 20px;
margin-bottom: 20px;
border-bottom:#9A9A9A 2px solid;
height:40px;
}
.AlertsTop p {
float:left;
}
.AlertsTop h5 {
float:right;
margin:0;
padding:0;
font-weight:normal;
}
.Alerts {
padding:0px 40px 0 20px;
height:300px;
}
.Alerts h2 {
float:left;
margin-top:-7px;
padding-right:15px;
font-weight:bolder;
font-size:20px;
}
.Alerts ul {
float:left;
}
.Alerts ul h4 {
margin:0;
padding:0;
font-weight:bold;
}
.Alerts ul h5 {
margin:0;
padding:0;
font-weight:normal;
}
.table {
background: #F2F2F2;
height:25px;
padding-left:10px;
padding-top:5px;
}
.table ul.firstColumn {
padding-left:0;
margin-bottom:60px;
}
.table ul.firstColumn li {
padding: 4px 0;
}
.table ul.firstColumn li h4 {
padding-top:5px;
}
.table ul.secondColumn {
padding-left:455px;
}
.table ul.secondColumn li h5 {
padding-top:37px;
}
.table ul.thirdColumn h4 {
padding-left:20px;
}
.table ul.thirdColumn li h5 {
padding-top:37px;
}
/* --------------- End of 3.html ----------*/
/* --------------- 4.html ----------------*/
.parting {
text-align:center;
border-bottom:#BABABA 2px solid;
width:100%;
}
.parting h1 {
padding-bottom:100px;
}
.parting h2 {
font-weight:bolder;
padding:10px 0;
}
.organizer {
text-align:center;
padding-top:15px;
}
.organizer h2 {
font-weight:bolder;
color:#5F5F5F;
}
/* -------------End of 4.html -----------*/
/* ---------- 5.html -------------- */
.options {
background:#f7f7f7;
width:618px;
float:left;
height:58px;
border-bottom: #d1e3e7 2px solid;
border-top: #e0e0e0 1px solid;
border-left: #e0e0e0 1px solid;
border-right: #e0e0e0 1px solid;
margin-left:-0px;
}
.options ul {
padding:0;
margin:0;
}
.options ul li {
list-style:none;
float:left;
padding:14px 16px;
}
.options ul li img {
margin-bottom:-12px;
padding-right:5px;
}
.options ul li.current {
width:149px;
height:64px;
background: url(../images/current_bkg.jpg) no-repeat top;
}
.options ul li.current img {
padding-left:10px;
}
.span-8 h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
border-top:#bdcfd3 1px solid;
padding:15px 10px 5px 10px;
}
.span-8 h2 {
float:left;
}
.span-8 h5 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 15.67px;
margin-bottom:0;
padding:0;
}
.span-8 p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
.span-8 .signin {
text-align:left;
margin-bottom:15px;
padding:0 15px;
width:570px;
}
.span-8 .entry {
float:left;
width:445px;
padding: 10px 0 0 10px;
margin-top:10px;
}
.span-8 .entry p {
line-height:32px;
margin:0;
}
.span-8 .SeeEvents {
float:right;
margin-top:60px;
width:116px;
}
.span-8 .SeeEvents span a {
font-size:11px;
}
.span-8 a.see {
color:#FFF;
background:url(../images/viewbg.jpg) no-repeat;
width:82px;
padding-left:34px;
height:29px;
font-weight:700;
font-size:11px;
line-height:29px;
text-align:left;
display:block;
}
.span-8 h3 {
padding: 5px 0 0 25px ;
font-size:1.5em;
font-family:Tahoma,Geneva,sans-serif;
font-weight:normal;
line-height:2em;
margin-top:0;
}
.span-8 ul.eventlinks {
width:586px;
}
.span-8 .article {
padding-top:0;
}
.span-8 ul.images li {
padding: 23px 18px;
}
.publish {
height:32px;
border-bottom:#e0eff3 4px solid;
border-top:#f4f4f4 4px solid;
padding: 4px 15px;
margin-top:15px;
}
.publish p {
padding-top:7px;
}
a.public {
color:#017394;
background:url(../images/publishbg.jpg) no-repeat;
width:82px;
padding-left:46px;
height:32px;
font-weight:700;
font-size:11px;
line-height:32px;
text-align:left;
display:block;
float:left;
}
p.results{
width:480px;
padding:13px 25px;
border-bottom:#017394 4px solid;
margin:0px;
}
/* ---------- End Of 5.html ------------------*/
/* --------------- 6.html ------------------- */
.span-6 h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:900;
width:200px;
padding-bottom:30px;
}
.span-6 h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:900;
}
.span-6 ul {
padding-left:0;
margin-right: 0;
}
.span-6 ul.separator {
border-top:#e5e5e5 1px dashed;
padding-top:1em;
margin-top:-0.5em;
}
.span-6 ul h3 a {
font-size:12px;
}
.span-6 ul li.link {
background:url(../images/link.jpg) no-repeat left center;
width:189px;
height:21px;
margin-left:-6px;
padding-left:6px;
}
.span-6 ul li.link a {
color:#FFFFFF;
}
.span-10 {
margin-top: 80px;
border-left:#cae5eb 1px solid;
border-right:#cae5eb 1px solid;
border-top:#a1d1dc 3px solid;
border-bottom:#a1d1dc 3px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:40px;
margin-right:10px;
}
.span-10 .events {
padding-bottom:20px;
}
.span-10 h4 {
font-size:15.67px;
font-weight:bold;
padding-left:15px;
padding-right:15px;
float:left;
line-height:normal;
margin-bottom:0
}
.span-10 h5 {
padding-top: 3px;
font-size:12px;
font-weight:normal;
line-height:normal;
margin-bottom:0
}
.span-10 p {
font-size:10px;
padding-left:15px;
margin-top:-15px;
}
.span-10 .buttons {
margin-left:15px;
display:block;
float:left;
padding-left:2px;
margin-top:5px;
}
.span-10 .buttons a {
font-size:10px;
letter-spacing:-0.5px;
}
/*.span-10 .bttnbg a {
color:#000000;
}*/
.span-10 ul {
border-top:#e8f6f8 3px solid;
border-bottom: #e8f6f8 1px solid;
padding-left:0;
padding-right:0;
margin: 10px 0;
height:20px;
}
.span-10 ul li {
float:left;
padding:0 19px;
margin-left:0;
border-right:#e8f6f8 1px solid;
font-size:12.44px;
font-weight:bold;
}
.span-10 ul li form select {
margin:0 0 0 -19px;
padding-left: 16px;
border:none;
background:url(images/dropdown.jpg) no-repeat right;
font-size:12.44px;
font-weight:bold;
color:#006699;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-top:1px;
}
.span-10 ul li form .drop_choose {
font-size:10px;
color:#006699;
font-weight:normal;
padding-left:19px;
}
.span-10 ul li form #drop {
font-size:12.44px;
font-weight:bold;
color:#006699;
padding-left:15px;
}
/* ----------- End of 6.html ---------------- */
/* ---------------- 7.html ------------------ */
.span-11 .left {
width:450px;
}
.span-11 .right {
width:450px;
}
.span-11 h1 {
font-size:20px;
font-weight:bolder;
}
.span-11 h4 {
font-weight:bold;
}
.span-11 ul.bonus {
padding:10px 0 10px 0px;
height:50px;
width: 150px;
float:left;
}
.span-11 ul.bonus li {
width:150px;
}
.span-11 .signUp {
padding-left:0px;
}
.span-11 .signIn {
padding-left:0px;
padding-top:10px;
}
.span-11 form #textSearch {
width:300px;
}
.span-11 input[type=submit] {
margin:10px 0 20px;
width:106px;
text-align:center;
background:url(../images/search_btn.jpg) no-repeat center;
font-weight:700;
color:#FFFFFF;
font-family: Tahoma,Geneva,sans-serif;
font-size:14px;
height:24px;
line-height:24px;
padding-bottom:4px;
border:none;
}
.span-11 .right p {
padding:0;
}
.span-11 .right h5 {
font-size:13px;
padding-top:13px;
font-weight:normal;
}
.span-11 .signIn input[type=submit] {
float:left;
margin-right:5px;
}
/* -------------- End of 7.html ------------- */
/* ------------------- 8.html --------------- */
ul.breadcrumbs li {
float:left;
padding:10px 10px 20px 0;
}
.span-12 h1 {
font-size:22px;
font-weight:bolder;
}
ul.pagemenu {
border-bottom:#9B9B9B 1px solid;
padding-left:0;
margin-left:0;
height:19px;
}
ul.pagemenu li {
float:left;
width:127px;
text-align:center;
background-color:#EAEAEA;
border:#9B9B9B 1px solid;
}
ul.pagemenu li a {
color:#000000;
}
ul.pagemenu li.selected {
background-color:#FFFFFF;
border-bottom:#E7E7E7 1px solid;
}
.span-12 .left {
width:516px;
}
.span-12 .left h1 {
padding:10px 0;
}
.span-12 .left h4 {
font-size:12px;
}
.span-12 .left h6 {
padding: 12px 0;
}
.span-12 .left img.floatRight {
padding: 0 8px;
}
.sites {
background-color:#F2F2F2;
margin:0px 0 20px 30px;
height:80px;
padding:5px;
border:#000000 1px solid;
}
.sites ul li {
float:left;
text-align:center;
padding:8px;
}
.span-12 .left ul.disc {
padding:10px 0 10px 15px;
}
.span-12 .left ul.disc li {
padding: 2px 15px;
}
ul.people {
padding:10px 5px;
}
ul.people li img {
padding:2px 2px;
}
ul.passtime li {
padding:5px;
width:365px;
}
ul.passtime li img {
padding:0 15px 25px 10px;
}
ul.passtime li p {
padding-bottom:7px;
}
ul.passtime li h5 {
padding: 5px 25px;
font-size:13px;
}
.span-12 .right .related {
text-align:center;
}
.span-12 .right h1 {
text-align:left;
padding-left:35px;
}
.span-12 .right h6 {
width:10px;
padding: 0 86px;
margin-top: -15px;
}
.span-12 .right ul {
border:none;
text-align:left;
padding-left:35px;
}
.span-12 input[type=submit] {
margin:10px 0 20px;
width:106px;
text-align:center;
background:url(../images/search_btn.jpg) no-repeat center;
font-weight:700;
color:#FFFFFF;
font-family: Tahoma,Geneva,sans-serif;
font-size:14px;
height:24px;
line-height:24px;
padding-bottom:4px;
border:none;
}
/* ----------------- End of 8.html -------------- */
/* --------------------- 9.html ------------------- */
.span-9 .user {
width:300px;
height:600px;
float:left;
padding-left:50px
}
.span-9 .user p {
padding:0 0 0 5px;
margin:0;
}
.span-9 .user a {
text-decoration:underline;
}
.span-9 .user img {
padding:0 10px 0 0;
}
.span-9 .user .receiver {
padding:30px 0 135px 0;
}
.span-9 .userComments {
padding-top:25px;
width:450px;
float:left;
}
.span-9 .userComments h3 {
margin-top: 25px;
}
.span-9 .userComments a {
text-decoration:underline;
}
.span-9 .userComments h2 {
font-weight:bolder;
}
.span-9 .userComments form {
margin-top:30px;
border-top:#999999 2px solid;
width:450px;
}
.span-9 .userComments form textarea {
width:450px;
height:60px;
}
.span-9 .userComments span.addComment {
margin-left: -20px;
}
.span-9 .userComments span.addComment a {
text-decoration:none;
color:#000000;
}
.span-9 input[type=submit] {
margin:0px 10px 20px 20px;
width:106px;
text-align:center;
background:url(../images/search_btn.jpg) no-repeat center;
font-weight:700;
color:#FFFFFF;
font-family: Tahoma,Geneva,sans-serif;
font-size:14px;
height:24px;
line-height:24px;
padding-bottom:4px;
border:none;
}
/* ----------------- End of 9.html -------------- */
/* -------------------- 10.html ----------------- */
.span-15 input[type=submit] {
margin:0px 10px 20px 20px;
width:106px;
text-align:center;
background:url(../images/search_btn.jpg) no-repeat center;
font-weight:700;
color:#FFFFFF;
font-family: Tahoma,Geneva,sans-serif;
font-size:14px;
height:24px;
line-height:24px;
padding-bottom:4px;
border:none;
}
.span-15 {
margin: 25px 0 0 25px;
float:left;
}
.span-15 * {
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.span-15 h2 {
font-weight:bolder;
margin-top: 15px;
margin-bottom:0;
}
.span-15 p {
padding:0;
margin:0;
}
.span-15 form.description {
padding-top:10px;
}
.span-15 form.description input[type=radio] {
margin-left:15px;
}
.span-15 h3 {
padding-bottom:5px;
margin-bottom:0;
}
.span-15 form input[type=text] {
width:585px;
}
.span-15 form #select {
width:587px;
}
.span-15 form textarea {
width:575px;
height: 150px;
}
.span-15 form.newTopic {
padding:15px 25px;
margin:10px 0;
background:#F2F2F2;
border:#000000 1px solid;
}
.span-15 form.newTopic h5 {
font-size:13px;
font-weight:normal;
padding:3px 20px 0 5px;
}
.span-15 form.newTopic h6 {
font-size:13px;
font-weight:normal;
padding-top:3px;
}
.span-15 form.newTopic span.floatLeft {
padding:2px 0px;
}
.span-15 form.newTopic span a {
color:#000000;
}
.span-15 form.newTopic input[type=text] {
width:530px;
border:#000000 1px solid;
}
.span-15 form.newTopic textarea {
width: 525px;
height:60px;
font-size:12px;
border:#000000 1px solid;
}
.span-15 form.attend {
margin-bottom:15px;
}
.span-15 table {
border:#CCCCCC 1px solid;
}
.span-15 table td {
border: #CCCCCC 0.5px solid;
}
.span-15 input.value {
width:50px;
}
.span-15 table td.alLeft * {
text-align:left;
}
.span-15 table *{
border-color:#CCCCCC;
text-align:center;
}
.span-15 table span.price input[type=submit] {
width:70px;
text-align:center;
background:url(../images/add_price.jpg) no-repeat center;
font-weight:700;
color:#FFFFFF;
font-family: Tahoma,Geneva,sans-serif;
font-size:13px;
height:24px;
line-height:24px;
padding-bottom:4px;
border:none;
margin:0;
}
.span-15 table span.price {
margin:0;
padding:0;
}
.span-15 table span.price a {
color:#000000;
}
.span-15 table td.alLeft input #text {
text-align:left;
float:left;
margin-right:50px;
}
.span-15 span.addLocation {
padding:3px 12px;
margin:5px 0;
}
p.position {
padding-top:18px;
padding-left:10px;
}
.span-15 ul.tags {
padding:0 10px;
margin:10px;
width:200px;
float:left;
border:#000 1px solid;
}
.span-15 ul.tags li.gray {
color:#CCCCCC;
}
.span-15 ul.skills {
width:200px;
float:left;
margin-left:0;
padding-left:0;
}
.span-15 form.status h5 {
padding:5px 10px 0 0;
margin:0;
font-weight:normal;
}
.span-15 form.status span.preview {
padding:2px 40px;
}
.explanation {
width:250px;
float:left;
}
.descrName {
width:196px ;
height: 57px ;
background:url(../images/descr01.JPG) no-repeat left;
padding-left:4px;
padding-top:18px;
text-align:center;
margin-top:177px;
}
.sampleDescr {
width: 293px;
height: 72px;
background: url(../images/descr02.JPG) no-repeat left;
padding-left:8px;
padding-top:11px;
margin-top:136px;
}
.sampleDescr p {
padding:0;
margin:0;
line-height:1.2em;
font-size:12px;
}
.sampleDescr h5 {
font-size:11px;
font-weight:normal;
padding:0;
margin:0;
line-height:1.2em;
padding-left:2px;
padding-top:3px;
}
.seeSample {
width: 294px;
height: 65px;
background: url(../images/descr03.JPG) no-repeat left;
padding-left:8px;
padding-top:16px;
margin-top:682px;
}
.seeSample p {
padding:0;
margin:0;
line-height:1.2em;
}
/* -------------------- End of 10.html -------------- */
/* ---------------------- 11.html ---------------- */
.span-13 {
padding:25px 30px 0 30px;
}
.span-13 .left {
width: 555px;
}
.span-13 .right {
width: 300px;
padding-top:195px;
}
.span-13 h1 {
font-size:22px;
font-weight:bolder;
}
.span-13 h3 {
font-weight:bold;
padding-bottom:10px;
}
.span-13 p {
padding:8px 0;
}
.span-13 input[type=submit] {
margin:0px 10px 20px 20px;
width:106px;
text-align:center;
background:url(../images/search_btn.jpg) no-repeat center;
font-weight:700;
color:#FFFFFF;
font-family: Tahoma,Geneva,sans-serif;
font-size:12px;
height:24px;
line-height:24px;
padding-bottom:4px;
border:none;
}
.span-13 .left .speaker img.floatLeft {
padding:10px 10px 0 0;
}
.span-13 .left .speaker p {
padding:7px 0 0 0;
}
.span-13 .left .speaker h4 {
padding:7px;
margin:20px 0px 0px 10px;
float:left;
font-size:12px;
}
ul.ranking {
padding-top:5px;
margin-top:10px;
background-color:#F2F2F2;
height:20px;
}
ul.ranking li {
float:left;
padding-left: 15px;
margin-left:10px;
}
ul.ranking li.higher {
background: url(../images/up.JPG) left no-repeat;
}
ul.ranking li.lower {
background: url(../images/down.JPG) left no-repeat;
margin-left:30px;
}
.span-13 ul.disc {
margin:20px 0 1px 70px;
}
.span-13 ul.disc li {
padding-left:15px;
}
.span-13 ul.share {
padding-top:10px;
}
.span-13 ul.share li {
float:left;
padding-right:10px;
}
.span-13 ul.stars {
padding-left:10px;
margin-right:40px;
}
.span-13 .center h3 {
margin:13px 0 0 0;
}
.span-13 .center p {
padding-top: 0;
margin-top:0;
}
.span-13 .reviewtable {
height:380px;
float:left;
}
.span-13 ul.reviews {
margin:0;
padding:0;
height:30px;
border-top:#000000 2px solid;
border-bottom:#000000 2px solid;
}
.span-13 ul.reviews li {
width:380px;
float:left;
padding:0 30px;
}
.span-13 ul.reviews li h3 {
padding:7px 0 0 0;
margin:0 0 18px 0;
}
.span-13 ul.reviews li h4 {
margin-top:-15px;
font-size:13px;
}
.span-13 ul.reviews li h5 {
margin:0;
padding:0;
font-weight:normal;
font-size:11px;
}
.span-13 .review_selector {
height:28px;
border-bottom:#666666 2px solid;
border-top:#666666 2px solid;
padding-top:7px;
margin-top:20px;
margin-bottom:15px;
}
.span-13 .review_selector ul {
margin-left:0;
padding-left:0;
}
.span-13 .review_selector ul li {
float:left;
padding:0 7px;
}
.span-13 .reviews_list {
width:655px;
}
.span-13 .reviews_list ul {
padding-left:0;
}
.span-13 .reviews_list h5 {
margin:0;
padding:0;
font-weight:normal;
font-size:11px;
}
.span-13 .reviews_list h4 {
padding:0 10px 0 0;
margin:0;
float:left;
font-size:12px;
}
.span-13 .reviews_list h6 {
padding:8px;
margin:0;
float:left;
font-size:12px;
font-weight: normal;
}
.span-13 .reviews_list h4.gray {
color:#999999;
margin-top:-15px;
padding-bottom:15px;
}
.span-13 .reviews_list h4 a.under {
padding-top:10px;
}
.span-13 .reviews_list .answer {
float:left;
padding:8.5px;
}
.span-13 .reviews_list .answer a {
font-size:12px;
text-decoration:underline;
}
.span-13 .ads {
float:right;
width:220px;
}
.span-13 .ads h2 {
font-size:18px;
}
.span-13 .right ul {
border:none;
}
.span-13 .right h3 {
background:none;
}
.span-13 .right h6 {
padding:0;
margin:0;
}
.span-13 .right ul li img.floatLeft {
padding: 3px 8px 0 0 ;
}
/* ------------------ End of 11.html -------------- */
/* ------------------ 12.html --------------------- */
.span-9 .tableTop {
width:890px;
padding:20px;
}
.span-9 .tableTop h2 {
font-weight:bolder;
}
.span-9 .tableTop h4 {
padding-top:12px;
}
.span-9 table.info {
margin-bottom:70px;
}
.span-9 table.info * {
padding:0;
margin:0;
}
.span-9 table.info h3 {
font-size:17px;
font-weight:bolder;
}
.span-9 table.info td {
padding:5px 5px 5px 15px;
border-right:#666666 1px solid;
border-bottom:#666666 1px solid;
}
.span-9 table.info a {
text-decoration:underline;
}
.span-9 table.info a.nounder {
text-decoration:none;
}
.span-9 table.info td.middle * {
text-align:center;
}
.span-9 table.info td.middle {
padding-top:20px
}
.span-9 table.info td.middle h5 {
padding: 2px 8px;
}
.span-9 table.info td.noborr {
border-right:none;
}
.span-9 table.info td.noborb {
border-bottom:none;
}
/* ------------------ End of 12.html -------------- */
/* ------------------ 13.html --------------------- */
.span-13 .eventReviews {
float:left;
width:555px;
}
.span-13 .thisEvent {
float:right;
width:300px;
}
.span-13 .eventReviews h3 {
padding:0;
margin:0;
}
.span-13 .thisEvent h2 {
font-size: 18px;
font-weight:bolder;
padding:0;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.span-13 .thisEvent h3 {
font-size: 14px;
font-weight:bolder;
padding:0;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.span-13 .thisEvent h5 {
font-size: 11px;
font-weight:normal;
padding:5px 0 0 0;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.span-13 .thisEvent p {
font-size: 13px;
padding:0;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.span-13 .thisEvent h6 {
margin-left: -20px;
}
/* ----------------- End of 13.html --------------- */
.floatLeft {
float:left;
}
.floatRight {
float:right;
}
.clearLeft {
clear:left;
}
.clearRight {
clear:right;
}
ul.disc li {
list-style:disc;
}
p.results{
width:480px;
padding:13px 25px;
border-bottom:#017394 4px solid;
margin:0px;
}
.span-14 h1 {
line-height:46px;
font-weight:700;
font-size:18px;
font-family:Tahoma, Geneva, sans-serif;
padding-left:25px;
}
.signin {
height:33px;
width:490px;
line-height:33px;
text-align:center;
padding:0px 10px;
border:1px solid #017394;
margin-left:7px;
}
.signin a{
font-weight:700;
}
.savedheader, .eventsbuttons {
background:#e8f4f6;
line-height:30px;
width:511px;
margin-left:8px;
height:30px;
margin-top:12px;
}
.eventsbuttons {
background:#ebf6f7;
margin-bottom:13px;
}
.leftbuttons {
width:375px;
float:left;
height:30px;
padding:0px 15px;
}
.leftbuttons a {
padding:0px 15px;
float:left;
}
.leftbuttons a img {
margin-top:5px;
}
.savedheader h4 {
color:#000;
font-size:14px;
font-weight:700;
line-height:30px;
float:left;
width:375px;
padding:0px 15px;
margin:0px;
}
a.remove {
background:url(../images/removebtn.png) no-repeat;
float:left;
line-height:19px;
padding-left:27px;
margin-top:5px;
}
ul.savedevents {
padding:0px;
margin:0px;
list-style:none;
width:519px;
}
ul.savedevents li {
width:492px;
border-bottom:1px solid #edecec;
padding-left:25px;
padding-top:12px;
position:relative;
padding-bottom:22px;
}
ul.savedevents li h5 {
width:370px;
padding-right:10px;
margin:0px;
}
a.view {
color:#FFF;
background:url(../images/viewbg.jpg) no-repeat;
width:82px;
padding-left:34px;
height:29px;
font-weight:700;
font-size:11px;
line-height:29px;
display:block;
position:absolute;
right:0px;
top:12px;
text-align:left;
}
ul.eventlinks {
background:url(../images/eventslinksbg.jpg) no-repeat #f7f7f7;
width:458px;
padding-left:34px;
height:19px;
line-height:19px;
list-style:none;
margin-bottom:15px;
margin-top:15px;
}
ul.eventlinks li {
padding:0px 6px;
border-right:1px solid #dfdfdf;
float:left;
border-bottom:none;
width:auto;
}
ul.eventlinks li a {
font-size:10px;
font-weight:700;
line-height:19px;
height:19px;
float:left;
}
ul.savedevents p {
margin:0px;
}
ul.savedevents span {
float:left;
}
ul.savedevents span.navlinks {
float:right;
}
ul.savedevents span.navlinks a {
font-size:11px;
color:#006699;
}
ul.savedevents span.navlinks a.prev {
background:url(../images/prev.jpg) no-repeat center left;
padding-left:16px;
padding-right:10px;
line-height:11px;
border-right:1px solid #006699;
}
ul.savedevents span.navlinks a.next {
background:url(../images/next.jpg) no-repeat center right;
padding-right:16px;
padding-left:10px;
}
p.notification {
background:url(../images/next.jpg) no-repeat;
padding-left:16px;
}
ul.savedevents p.notification {
margin-left:30px;
line-height:10px;
}
.span-14 p {
clear:left;
}
.article p {
padding-left:24px;
}
.article, .location {
border-top:1px solid #f6f6f6;
}
.article h3 {
float:left;
}
.article h6 {
float:right;
line-height:40px;
font-family:Tahoma, Geneva, sans-serif;
font-size:13px;
font-weight:400;
}
.article h6 a {
font-family:Tahoma, Geneva, sans-serif;
}
ul.images {
float:left;
clear:left;
padding:0px;
margin:0px;
width:100%;
}
ul.images li {
float:left;
padding:23px 20px;
list-style:none;
text-align:center;
}
.location ul {
width:100%;
padding:0px;
margin:0px;
}
.location ul li {
list-style:none;
padding-left:24px;
line-height:25px;
}
.location ul li span {
width:80px;
text-align:right;
padding-right:24px;
float:left;
font-family:Tahoma, Geneva, sans-serif;
}
ul.agenda {
list-style:none;
padding-left:24px;
}
ul.bottomevents li {
border:none;
}
span.date {
font-family:Tahoma, Geneva, sans-serif;
font-size:11px;
}
.ViewEvents {
width:119px;
position:absolute;
right:0px;
top:12px;
}
.bidend {
background:url(../images/bell.jpg) no-repeat;
padding-left:20px;
}
.ViewEvents a.view {
position:relative;
top:0px;
}
.hours {
padding-left:20px;
font-size:11px;
font-family:Tahoma, Geneva, sans-serif;
}
.ViewEvents span {
clear:left;
position:relative;
width:100%;
}
.ViewEvents a {
font-size:11px;
}
.show {
float:left;
width:100%;
}
.show ul.page_number {
margin:25px 0 15px 15px;
float:left; list-style:none;
}
.show ul.page_number li {
float:left;
padding:0 8px;
}
.show ul.page_number li.current a {
text-decoration:underline;
font-weight:bold;
font-size:15px;
line-height:10px;
}
.show ul.page_number li img {
margin-top:-3px;
}
.show h5 {
float:right;
font-size:12px;
padding:25px 0 0 15px;
font-weight:400;
}
.show h6 {
float:right;
font-size:11px;
padding:25px 0 0 15px;
font-weight:400;
}
.show h6 img {
margin-bottom: -5px;
padding-left:5px;
}
/* --------------- Footer --------------- */
#FooterWrapper {
border-top:#C1DEE4 2px solid;
margin-top:40px;
position:relative;
}
#FooterWrapper .container {
position:relative;
}
#FooterWrapper ul, #FooterWrapper ol{
margin:0px;
}
#FooterWrapper ul ol {
float:left;
padding:33px 22px;
list-style:none;
margin:0px;
}
#FooterWrapper ul ol li h3 {
font-size:14px;
font-weight:bolder;
padding-bottom:5px;
}
#FooterWrapper ul ol li a {
font-weight:400;
line-height:1.5em;
font-size:12px;
}
#FooterWrapper ul.bottom_menu {
padding:0 0 30px 20px;
border-bottom:#CCCCCC 1px solid;
margin:0px;
}
#FooterWrapper ul.bottom_menu li {
float:left;
padding: 0 10px;
border-right:#7FB3CB 2px solid;
line-height:1em;
list-style:none;
}
#FooterWrapper h6 {
float:left;
padding:15px 30px;
font-size:11px;
font-weight:400;
}
#FooterWrapper h5 {
float:right;
padding:20px 30px 0 0;
}
.feedback{
position:absolute;
top:-27px;
text-align:center;
line-height:27px;
right:0px;
width:280px;
height:27px;
background:url(../images/feedback.jpg) no-repeat;
font-size:11px;
}