@import url(colours.css);
@import url(form.css);

* { margin: 0; padding: 0; font-family: Tahoma, Arial, Helvetica, sans-serif; }
body { font-size: 0.7em; }
img { border: 0; }
h1, h2, h3, h4, h5, h6, p { margin-bottom: 0.5em; line-height: 1.5em; }
h1 { font-size: 1.3em; margin-bottom: 0.2em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1em; }
h5 { font-size: 1em; font-weight: normal; }
h6 { font-size: 1em; font-weight: normal; }
ol, ul { margin-left: 1em; padding-left: 1em; margin-bottom: 0.5em; }
input, select, textarea { font-size: 1em; }
a:link { color: #202020; }
a:visited { color: #404040; }
a:hover { color: #e20079; }
a:active { color: #404040; }

#root { width: 970px; padding: 20px 0px; margin: 0px auto; }
#header { padding-bottom: 8px; }
#header-logo { float: left; padding-left: 15px; }
#header-dates { float: right; padding-right: 15px; padding-top: 55px; }
#navigation { height: 1%; }
#navigation ul { list-style: none; margin: 0; padding: 0; }
#navigation li { display: inline; }
#navigation a { font-size: 1.1em; display: block; float: left; text-decoration: none; text-transform: uppercase; padding: 8px 10px; border-left-width: 2px; border-left-style: solid; }
#navigation li#navigation-pinkbox, #navigation li#navigation-redbox, #navigation li#navigation-bluebox { display: block; float: left; width: 33px; padding: 8px 0px 9px; border-left-width: 2px; border-left-style: solid; }

#body { margin-top: 10px; }
#left { float: left; width: 187px; margin-right: 15px; display: inline; }
#main { float: left; width: 614px; }
#right { float: right; width: 136px; margin-left: 15px; display: inline; }

#login { background-image: url(../images/login-bg.gif); background-repeat: no-repeat; height: 94px; background-position: bottom left; position: relative; margin-bottom: 10px; }
#login-username { position: absolute; top: 40px; left: 10px; width: 122px; border: 0; }
#login-password, #login-password-mock { position: absolute; top: 69px; left: 10px; width: 122px; border: 0; }
#login-go { position: absolute; top: 71px; right: 14px; width: 19px; height: 11px; }

.bigbutton { background-repeat: no-repeat; display: block; width: 187px; height: 75px; background-position: 0 0; margin-bottom: 10px; }
.bigbutton span { display: none; }
.bigbutton:hover, .bigbutton:active { background-position: 0 -75px; }
#bigbutton-buyer { background-image: url(../images/register-buyer.gif); }
#bigbutton-exhibitor { background-image: url(../images/register-exhibitor.gif); }
#bigbutton-buyersarea { background-image: url(../images/buyers-area.gif); }
#bigbutton-exhibitorsarea { background-image: url(../images/exhibitors-area.gif); }

.smallbutton { background-image: url(../images/button-bg.gif); font-size: 1.2em; text-decoration: none; background-repeat: no-repeat; display: block; width: 153px; height: 18px; background-position: 0 0; margin-bottom: 10px; text-align: right; padding: 4px 26px 4px 8px; color: #222222; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; }
.smallbutton:hover, .smallbutton:active { background-position: 0 -26px; }

#supporters { font-size: 1em; text-align: center; }
#supporters div { padding: 16px 0px; }
#sponsors { background-image: url(../images/sponsors-bg.gif); background-repeat: repeat-y; }
#sponsors h5 { background-image: url(../images/sponsors.gif); background-repeat: no-repeat; height: 22px; padding: 4px 10px; }
#sponsors div.sponsor { padding: 16px 0px; text-align: center;  }

#footer { background-image: url(../images/footerbg.gif); background-repeat: repeat-x; height: 125px; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.valign-top { vertical-align: top; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }
.clear { clear: both; font-size: 0; line-height: 0; height: 0px; }
.float-left { float: left; }
.float-right { float: right; }
.text { padding: 1px; color: #222222; }
.text-ghosted { padding: 1px; color: #888888; }
.error { text-align: center; font-weight: bold; color: red; }
.ok { text-align: center; font-weight: bold; color: green; }

div.form { width: 450px; margin: 0px auto 10px; }
div.form table { width: 100%; }
div.form table td { padding: 4px; }

.greyrounded { background-color: #ccc6cc; position: relative; margin-bottom: 10px; }
.greyrounded .tlcorner { font-size: 0; line-height: 0; position: absolute; top: 0; left: 0; width: 6px; height: 6px; background-image: url(../images/greytl.gif); background-repeat: no-repeat; }
.greyrounded .trcorner { font-size: 0; line-height: 0; position: absolute; top: 0; right: 0; width: 6px; height: 6px; background-image: url(../images/greytr.gif); background-repeat: no-repeat; }
.greyrounded .blcorner { font-size: 0; line-height: 0; position: absolute; bottom: 0; left: 0; width: 6px; height: 6px; background-image: url(../images/greybl.gif); background-repeat: no-repeat; }
.greyrounded .brcorner { font-size: 0; line-height: 0; position: absolute; bottom: 0; right: 0; width: 6px; height: 6px; background-image: url(../images/greybr.gif); background-repeat: no-repeat; }
.greyrounded .content { padding: 7px 10px; }

#buyerbenefits { float: left; width: 300px; }
#exhibitorbenefits { float: right; width: 300px; }
.halfwidthbox { position: relative; }
.halfwidthbox .content { background-image: url(../images/home-boxbg.gif); background-repeat: repeat-y; padding: 10px; height: 280px; }
.halfwidthbox .bottomrightbutton { position: absolute; bottom: 12px; right: 12px; }
.fullwidthbox { position: relative; }
.fullwidthbox .content { background-color: #ebecec; background-image: url(../images/fullwidthboxbg.gif); background-repeat: repeat-y; padding: 10px; }
.fullwidthbox .bottomrightbutton { position: absolute; bottom: 12px; right: 12px; }

.countryselector { width: 150px; }

.profilerow, .meetingrow { padding: 10px; background-image: url(../images/fullwidthboxbg.gif); background-repeat: repeat-y; }
.alt0 { background-color: #FFFFFF; }
.alt1 { background-color: #ebecec; }

.profilelogo { float: left; width: 80px; }
.profiletext { float: right; width: 500px; }

.profiledetailtext { float: left; width: 430px; }
.profiledetaillogo { float: right; width: 150px; }

.profilerow dt { clear: both; float: left; width: 130px; font-weight: bold; }
.profilerow dd { margin-left: 140px; padding-bottom: 10px; }

.profiledownloadrow { margin-bottom: 16px; }
.profiledownloadicon { float: left; width: 36px; }
.profiledownloadtext { float: right; width: 550px; }

.meetingrow dt { clear: both; float: left; width: 80px; font-weight: bold; }
.meetingrow dd { margin-left: 90px; padding-bottom: 10px; }

.calendardate { float: left; width: 53px; }
.calendartimeslots { float: right; width: 540px; }
.calendartimeslots dt { clear: both; float: left; width: 80px; text-align: center; padding: 2px 1px; }
.calendartimeslots dd { margin-left: 90px; padding: 2px 1px 10px 1px; }
.calendarmeetinginfo { float: right; width: 540px; }

.accepted { background-color: #DDFFDD; }
dt.accepted, dt.pending, dt.tentative { border: 1px solid #808080; }
.tentative { background-color: #FFD7C0; }
.pending { background-color: #CCCCFF; }

.freeslot { font-weight: bold; color: #ea008c; }

#colourcodingkey { margin-top: 10px; }
#colourcodingkey dt { float: left; width: 16px; margin-right: 4px; display: inline; }
#colourcodingkey dd { float: left; padding-bottom: 4px; padding-right: 24px; }

.tabs { border-bottom: 1px solid #808080; margin-bottom: 10px; }
.tabs ul { list-style: none; margin: 0; padding: 0; }
.tabs li { display: inline; }
.tabs li a { float: left; padding: 0px 10px 4px 0px; text-decoration: none; }