/*
 * STYLESHEET FOR GEOTEX
 */

body
{
    margin: 0;
    padding: 0;
    background: #a8b9cc url("../images/body_bg.gif") repeat-y center;
    color: #ffffff;
    font-family: "Trebuchet MS", Helvetica, Sans-Serif;
    font-size: 13px;
}
img{
	behavior: url("/scripts/png.htc");
	vertical-align: top;
}
a
{
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

img
{
    border: none;
}

h1, h2, h3, h4, h5, h6
{
    color: #f2d94f;
    margin: 0;
}

h1 { font-size: 22px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 10px; }
h6 { font-size: 8px; }

h2 a:link, h2 a:visited {
	text-decoration: underline;
}

h2 a:hover {
	text-decoration: none;
}

/* This div contains the entirety of the page */
div#pageContent
{
    position: relative;
    width: 950px;
    margin: 0px auto;
    border-left: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    text-align: left; /* Undo the IE6 text align fix on the body tag */
}

/* The header area at the top of every page */
div#header
{
    height: 167px;
    background: #9dacbe url("../images/header_bg.gif") repeat-x center bottom;
    position: relative;
}

/* The company logo in the header */
div#logo
{
    position: absolute;
    background: url("../images/head_logo.jpg");
    top: 16px;
    left: 16px;
    width: 213px;
    height: 135px;
}

div#logo a
{
    display: block;
    width: 213px;
    height: 135px;
}

/* The company picture at the top right of the header */
div#picture
{
    position: absolute;
    background: url("../images/montage.jpg");
    top: 15px;
    right: 16px;
    width: 522px;
    height: 134px;
}

/* The navigation bar between the page header and the main content */
div#navbar
{
    height: 232px;
    background: url("../images/nav_bg.gif") repeat-x center;
    position: relative;
    overflow: visible;
}

/* The register button on the right side of the navbar */
a#register
{
    background: url("../images/register.gif");
    display: block;
    position: absolute;
    left: 694px;
    top: 167px;
    width: 230px;
    height: 37px;
    z-index: 15;
}

/* The horizontal list of links in the navigation bar */
ul#links
{
    position: absolute;
    width: 950px;
    display: block;
    background: url("../images/navbar.gif") no-repeat;
    list-style-type: none;
    padding: 0;
    margin: 0;
    z-index: 10;
}

ul#links li
{
    float: left;
    position: relative;
}

ul#links li a
{
    display: block;
    height: 32px;
}

a#navHome          { width: 71px; }
a#navSeminars      { width: 82px; }
a#navGallery       { width: 71px; }
a#navTestimonials  { width: 99px; }
a#navContactUs     { width: 87px; }

/* Second level menus */
ul#links li ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 32px;           /* Top and left are supplied to fix positioning bug in IE6 */
    left: 0;
    z-index: 999;
    background: #cf9700;
    border: solid 1px #ffffff;
    border-top: none;
}

ul#links li > ul /* This selector is ignored in IE6 and is used to fix the positioning bug */
{
    top: auto;
    left: auto;
}

ul#links li:hover ul, ul#links li.mouse ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
}

ul#links li ul li
{
    float: none;
}

ul#links li ul li a
{
    display: block;
    width: 210px;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    font-size: 12px;
    padding: 1px 5px;
}

ul#links li ul li a:link, ul#links li ul li a:visited
{
    color: #ffffff;
}

ul#links li ul li a:hover
{
    text-decoration: none;
    background: #284668;
}

/* The main content area of the page */
div#page
{
    background: #335882 url("../images/drill_bg.jpg") no-repeat;
    padding-bottom: 32px;
    min-height: 1000px;
}

div#page a, div#page a:link, div#page a:visited { color: #b9c9db; }
div#page a:hover { color: #ffffff; text-decoration: underline; }

/* The text content area inside the main content div */
div#innerBody
{
    margin: 32px 0px 0px 69px;
    padding: 40px 0px 0px 0px;
    width: 624px;
}

/* Area for text within the main content area */
div#textContent, div#wideContent
{
    margin: 6px 0px 0px 0px;
}

div#textContent { width: 350px; }
div#wideContent { width: 624px; }

/* Paragraph text in the main text area */
div#textContent p, div#wideContent p
{
    margin: 20px 0px 0px 0px;
    line-height:17px;
}

/* List of exhibitors for the exhibitors list page */
ul#contentList
{
    list-style-type: none;
    margin: 30px 0px 0px;
    padding: 0;
}

ul#contentList li
{
    border-bottom: dashed 1px #cccccc;
}

ul#contentList h2
{
    margin: 20px 0px 0px;
}

ul#contentList h2 a:link, ul#contentList h2 a:visited {
	color: #f2d94f;
	text-decoration: underline;
}

ul#contentList h2 a:hover {
	color: #ffffff;
	text-decoration: none;
}

ul#contentList p
{
    margin: 0px 0px 10px;
}

ul#contentList img
{
    float: right;
    margin: 0px 0px 0px 12px;
    border: solid 1px #ffffff;
}

/* The content for the gallery page */
ul#gallery
{
    list-style-type: none;
    margin: 20px 0px 0px;
    padding: 0;
}

ul#gallery li
{
    float: left;
    margin: 5px;
}

ul#gallery img
{
    border: solid 1px #ffffff;
}

/* Styles for the forms */
form fieldset
{
    margin: 20px 0px 0px;
    border: none;
}

fieldset#delegates,
fieldset#contactDetails
{
    display: none;
}

table#eventTable
{
    width: 540px;
}

table#eventTable td
{
    font-size: 13px;
    line-height: 25px;
}

/* We have to set these widths because we're collapsing table rows
   on the form by altering their display property - without these
   widths, Firefox gets 'confused' and mangles the table */
td.tdEventName     { width: 300px; }
td.tdEventLocation { width: 130px; }
td.tdEventDate     { width: 110px; }

table#eventTable a,
table#eventTable a:link,
table#eventTable a:visited
{
    font-weight: bold;
    color: #f0c31f;
    text-decoration: underline;
}

table#eventTable a:hover
{
    color: #ffe27a;
    text-decoration: none;
}

div#eventCancel
{
    margin: 12px 0px 0px;
    display: none;
}

form legend
{
    color: #f2d94f;
    font-size: 17px;
    font-weight: bold;
}

form label,
form input
{
    float: left;
}

form input
{
    width: 160px;
    margin: 5px 18px 5px 0px;
    background: none;
    border: solid 1px #cccccc;
    font-family: "Trebuchet MS", Helvetica, Sans-Serif;
    color: #ffffff;
    padding: 0px 3px;
}

form textarea
{
    width: 570px;
    background: none;
    border: solid 1px #cccccc;
    font-family: "Trebuchet MS", Helvetica, Sans-Serif;
    color: #ffffff;
    margin: 10px 0px 0px;
    clear: both;
}

form label
{
    width: 100px;
    margin: 5px 8px 5px 0px;
}

form #reqTour input
{
	width: 20px!important;
}

form #reqTour label
{
	width: 400px!important;
}

form input#submit
{
    border: solid 1px #ffffff;
    background: #004677;
    width: 85px;
    margin: 15px 0px 0px 470px;
    font-size: 14px;
    font-weight: bold;
    padding: 3px;
}

div#addDelegateBox
{
    padding: 8px 70px 0px 0px;
}

div#plusButton,
div#minusButton
{
    float: right;
    width: 18px;
    height: 18px;
    margin-left: 4px;
    cursor: pointer;
}

div#plusButton  { background: url('../images/btn_plus.gif');  }
div#minusButton { background: url('../images/btn_minus.gif'); }

/* Hide the seven lower delegate boxes, leaving two showing */
div#delegateBox3,
div#delegateBox4,
div#delegateBox5,
div#delegateBox6,
div#delegateBox7,
div#delegateBox8,
div#delegateBox9
{
    display: none;
}

/* A div that can be used at the bottom of block elements with floats to one side, to stretch the block to
   the height of the float. */
div.clear
{
    clear: both;
    height: 12px;
}

/* The events listings from the front page are positioned inside here */
div#eventContent
{
    float: right;
    width: 245px;
}

/* Used for headings in the event area */
.eventHeading
{
    color: #ffffff;
    text-align: center;
    margin: 4px 0px 6px 0px;
}

/* Div classes for event areas */
div.event
{
    width: 245px;
}

div.top, div.bottom
{
    height: 5px;
    line-height: 1px;
    font-size: 1px;
    clear: both;
}

div.bottom
{
    margin: 0px 0px 2px 0px;
}

div.roundtop     { background: url("../images/event_top_round.gif"); }
div.roundbottom  { background: url("../images/event_bottom_round.gif"); }
div.squaretop    { background: url("../images/event_top_square.gif"); }
div.squarebottom { background: url("../images/event_bottom_square.gif"); }
div.middle       {
	background: url("../images/event_center.gif") repeat-y;
	position: relative;
}

/* The style for the "PAST EVENT" stamp on top of past events */
div.stamp {
	position: absolute;
	width: 139px;
	height: 48px;
}

p.eventVenue
{
    color: #000000;
    padding: 8px 0px;
    margin: 0px 0px 0px 16px;
    font-size: 12px;
    line-height: 14px;
    width: 120px;
}

p.eventVenue a, p.eventVenue a:link, p.eventVenue a:visited
{
	color: #000000 !important;
	text-decoration: underline;
}

p.eventVenue a:hover
{
	color: #000000 !important;
	text-decoration: none !important;
}

p.eventDate
{
    float: right;
    display: inline; /* Fix IE6 double margin bug */
    color: #6984a1;
    font-weight: bold;
    margin: 9px 16px 0px 0px;
    font-size: 12px;
    width: 69px;
    line-height: 14px;
}

/* The list of errors that appears to let the user know a form hasn't been filled in correctly */
div.ErrorList {
	color: #ee3333;
	margin: 12px 0px 0px 0px;
}

/* Sponsors area on the right side */
div#sponsors
{
	float: right;
	margin: 70px 20px 0px 0px;
    width: 202px;
}

* html div#sponsors /*IE 6 margin correction*/
{
    margin-top:102px;
}
*+html div#sponsors /*IE 7 margin correction*/
{
    margin-top:102px;
}

div#sponsors p
{
    margin: 0px 0px 8px 0px;
    text-align: center;
}

div#sponsorsPanelTop
{
    background: url("../images/sponsors_top.gif") no-repeat center top;
    width: 202px;
    height: 4px;
    line-height: 1px; /* For earlier IEs, so they don't break the box */
    font-size: 1px;
}

div#sponsorsPanel
{
    width: 202px;
    background: #ffffff;
    text-align: center;
}

div#sponsorsPanel ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div#sponsorsPanel ul li
{
    margin-top: 10px;
    display: block;
    width: 200px;
    text-align: center;
    
}

div#sponsorsPanel ul li a
{
    display: inline;
    margin: 0px auto 0px auto;
}

div#sponsorsPanelBottom
{
    background: url("../images/sponsors_bottom.gif");
    width: 202px;
    height: 28px;
}

/* Styles for the footer area */
div#footer
{
    margin: 76px 0px 0px 0px;
}

ul#footerLinks
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul#footerLinks li
{
    display: inline;
    padding: 0px 1px 0px;
}

ul#footerLinks li a:visited, ul#footerLinks li a:link { color: #b9c9db; }
ul#footerLinks li a:hover { color: #ffffff; text-decoration: underline; }

div#footer p
{
    margin: 3px 0px 0px 0px;
}

/* The CMA Awards logo in the right sidebar beneath the advertisers */
p#cma,
p#cpd
{
    display: inline;
}

p#cma img,
p#cpd img
{
    margin-top:30px;
}

p#cpd img
{
    margin-left:19px;
}