html, body
{
    margin: 0;
    padding: 0;
}


.padleft 
{
	width : 230px;
}

#black
{
	color : #058;
	/*background-color : #FFF;
	/*border-style : solid;*/
}


.invisTable
{
	text-align:left;
	
}

body
{
    font: 11px/1.3em Arial, Helvetica, sans-serif;
    color: #000;
    background-color: #fff;
}
h1, h2, h3, h4, h5{margin: 0 0 1em;}
h2
{
    font: bold 16px Arial, Helvetica, sans-serif;
    margin: 0 0 12px;
}
h3
{
    font: 14px Arial, Helvetica, sans-serif;
    color:#0094DC;
    margin: 0 0 12px;
}
p{margin: 0 0 12px;}
a,
a:link,
a:visited{color: #0094DC;}
a:hover,
a:active{color: #F7C302;}
a img{border: none;}
form{margin: 0;}
hr
{
    height: 1px;
    border: none;
    color: #999;
    background-color: #999;
    margin-bottom: 1em;
}
dl dt{font-weight: bold;}
dl dd{margin-left: 0;}
ul{list-style-type: square;}


/* ~~~ === POSITIONING SELECTORS =================================== ~~~ */ 
#wrapper
{
    width: 762px;
    margin: 27px auto;
}
#masthead
{
    position: relative;
    height: 215px;
    background: url(../images/mainbanner.gif) no-repeat 0 100%;
}
#findAnEvent
{
    Position: absolute;
    top: 114px;
    left: 40px;
    color: #fff;
}

#findAnEventSub
{
    Position: absolute;
    top: 150px;
    left: 40px;
    color: #fff;
}

#logo
{
    position: absolute;
    top: 1px;
    left: 0;
    width: 219px;
    height: 66px;
    /*background: url(../images/logo_stream.gif) no-repeat 0 0;*/
    background: url(../images/Stream-website-Logo.jpg) no-repeat 0 0;    
    margin: 0;
}
    #logo a
    {
        display: block;
        width: 219px;
        height: 66px;
        text-indent: -9999px;
        outline: none;
    }
    #frmFindAnEvent
    {
        position: absolute;
        top: 153px;
        left: 38px;
    }
    #frmFindAnEvent p input{vertical-align: middle;}
    #frmFindAnEvent p input.button
    {
        position: relative;
        top: -1px;
        left: 0;
    }
    
    /* absolute pathing - lazy */
    #exibitorsButton
    {
        position: absolute;
        width: 300px;
        top: 114px;
        left: 440px;
        /* border-style : solid;*/
    }
    
    #loggedinButton
    {
        position: absolute;
        width: 240px;
        top: 114px;
        left: 490px;
        /* border-style : solid;*/
    }

    /*#loggedinButton h2
    {
        padding: 0 0 3px;
        color: #fff;
        background: url(../images/horizontal_dotted_line.gif) repeat-x 0 100%;
    }*/
    
     /*h2
    {
        padding: 0 0 3px;
        color: #fff;
        background: url(../images/horizontal_dotted_line.gif) repeat-x 0 100%;
    }*/
    
    #publicButton
    {
        position: absolute;
        width: 120px;
        top: 214px;
        left: 490px;
        /*border-style : solid;*/
    }
    
	.underText   
	{
		float:right;
		color: #fff;
	}
	
	.underText  a
	{
		float:right;
		color: #fff;
	}
    
    /*#exibitorsButton, #publicButton, #loggedinButton*/
    .headingH2
    {
    	clear:both;
    	float:left;
        padding: 0 0 3px;
        width: 120px;
        color: #fff;
        /*border-style:solid;*/
        background: url(../images/horizontal_dotted_line.gif) repeat-x 0 100%;
    }
    
    .headingH22
    {
    	clear:both;
    	float:left;
        padding: 0 0 3px;
        width: 240px;
        color: #fff;
        /*border-style:solid;*/
        background: url(../images/horizontal_dotted_line.gif) repeat-x 0 100%;
    }
    
    .floatBtn
	{
    	     	float:right;
    	     	font: bold 12px Arial, Helvetica, sans-serif;
				
    	     	/*position: absolute;
        width: 120px;
        top: 214px;
        left: 490px;*/
    }
    
#nav
{
    position: absolute;
    top: 43px;
    right: 0;
    width: 100%;
    height: 37px;
    background: url(../images/topstrip_bg.gif) no-repeat 0 100%;   
}
#userArea
{
   position:absolute;
   top:114px;
   left:500px;
}   
    #userArea h2
    {
        margin: 0 0 8px;
        padding: 0 0 3px;
        color: #fff;
        background: url(../images/horizontal_dotted_line.gif) repeat-x 0 100%;
    }
    #userArea a{color: #fff;}
    #userArea p
    {
        margin: 0 0 12px;
        line-height: 1.5em;
    }
#main,
#content
{
    margin: 4px 0;
    padding: 4px 0;
    border-width: 1px 0;
    border-style: solid;
    border-color: #C2C2C2;
}
#main
{
    font-size: 12px;
   /* overflow: auto;
    height: 100%;*/
}
div.copy{padding: 12px;}
#content
{
    clear: both;
    border-top: none;
    padding-top: 0;
}
#footer
{
    clear: both;
    height: 16px;
    background-color: #000;
}
#copyright
{
    margin-top: 28px;
    font-size: 11px;
    text-align: center;
    color:#6F6F6F;
}
#copyright a
{
    font-size: 11px;
    text-decoration: none;
    color:#6F6F6F;
}
#copyright img{vertical-align: middle;}

/* ~~~ === TOP NAVIGATION ========================================== ~~~ */
#nav ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: right;
}
#nav ul li{float: left;}
#nav ul a
{
    display: block;
    float: left;
    text-align: center;
    line-height: 22px;
    width: 82px;
    background-color: #0094DC;
    color: #fff;
    text-decoration: none;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 1px 0 0;
}

/* ~~~ === HOME PAGE =============================================== ~~~ */
#events
{
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #E3E3E3;
    background: url(../images/stream_pattern.jpg);
}
#events thead th
{
    background-color: #0094DC;
    text-align: left;
    padding: 3px 0;
}
#events thead th img{display: block;}
#events tbody th
{
    background-color: #99D6F2;
    color: #fff;
    font-weight: bold;
    text-align: left;
    padding: 3px 12px;
    border-right: 1px solid #65C1EC;
}
#events tbody td
{
    width: 25%;
    vertical-align: top;
    padding: 2px 0;
    border-right: 1px solid #E3E3E3;
    text-align: center;
    font-size: 11px;
    background-color: #fff;
}
#events tbody td p
{
    margin: 12px;
    text-align: left;
}
#events tbody tr.footer td
{
    background-color: #0094DC;
    border-right: 1px solid #65C1EC;
    padding: 3px 12px;    
}
#events tbody tr.footer td p
{
    margin: 0;
    padding: 0;
}
#events tbody tr.footer td a
{
    color: #fff;
    text-decoration: none;
    margin-right: 12px;
}
#events tbody tr.footer td p img
{
    margin-right: 4px;
    vertical-align: middle;
}
#events tbody tr.footer td a:hover{text-decoration: underline;}
#events tbody th.noborder,
#events tbody td.noborder,
#events tbody tr.footer td.noborder{border: none;}
#events tbody td.noborder{ background-color: transparent;}

dl.eventItem
{
    margin: 0;
    width: 25%;
    float: left;
}
dl.eventItem dt
{
    background-color: #99D6F2;
    color: #fff;
    padding: 5px 12px;
}
dl.eventItem dd img
{
    display: block;
    margin: 0 auto;
}
dl.eventItem dd p
{
    width: 187px;
    margin: 0 auto 12px;
}

#content table
{
    width: 100%;
    border-collapse: collapse;
}
#content table tbody td
{
    padding: 22px;
    vertical-align: top;
}
#content table tbody td.left
{
    width: 50%;
    background-color: #C2C2C2;
    border-right: 4px solid #fff;
}
#content table tbody td.right
{
    width: 50%;
    background-color: #0094DC;
    color: #fff;
    text-align: left;
    border-left: 4px solid #fff;
}
#content table tbody td.left h3
{
    font-weight: bold;
    font-size: 17px;
    color: #FDD63B;
}
#content table tbody td.right h3{color: #fff;}
#content table tbody td.right a{color: #000;}

/* ~~~ === EVENT INFORMATION ====================================== ~~~ */
#eventInformation{padding: 4px 12px 4px 0;}
#eventPricingDetails
{
    width: 198px;
    padding: 12px;
    background-color: #C2E5F6;
}
#eventPricingDetails table.bordered{width: 100%;}
#eventPricingDetails h3{font-weight: bold;}
#eventImages
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#eventImages li
{
    width: 126px;
    height: 126px;
    float: left;
    display: inline;
    margin: 3px;
    text-align: center;
    overflow: hidden;
}
#eventImages img
{
    display: block;
    margin: 0 auto;
}
/* ~~~ === TICKET PURCHASE ========================================= ~~~ */
/*STEP ONE */
#ticketPurchaseStep1 td,
#exhibitorTicketPurchaseStep1 td{width: 50%;}
#exhibitorTicketPurchaseStep1 td.right,
#ticketPurchaseStep1 td.tdRight{}
#exhibitorTicketPurchaseStep1 td p input,
#ticketPurchaseStep1 td p input{vertical-align: middle;}
#streamAccountDetails{vertical-align: bottom;}
#newUsers{height:120px;}
#newUsers p{margin-top: 12px;}

/* ~~ ~ STEP TWO ~~~ */
#ticketSummary
{
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #C2E5F7;
}
#ticketSummary thead th
{
    background-color: #CCEAF8;
    color:#0094DC;
    padding: 2px 12px;
} 
#ticketSummary thead th.totals
{
    text-align: right;
}
#ticketSummary tbody td.total
{
    text-align: right;
}
#ticketSummary tfoot tr.odd{background-color: #EDF7FD;}
#ticketSummary tbody td{border-bottom: 1px solid #C2E5F7;}
#ticketSummary tbody td,
#ticketSummary tfoot td
{
    text-align: center;
    padding: 2px 12px;
}

#ticketSummary tfoot td{color: #0094DC;}
#ticketSummary thead th.left,
#ticketSummary tbody td.left,
#ticketSummary tfoot td.left{text-align: left;}
#ticketSummary tfoot td.right{text-align: right;}
.nowrap
{
    width: 100px;
    white-space: nowrap;
}
#cartTotal{font-weight: bold;}

/* ~~~ DIV LAYER (Proccessing Payment ~~~ */


#winPaymentProcessing div.copy
{
	position: relative;
    font-size: 12px;
    text-align: center;
}
#winPaymentProcessing a.modalCloseLine
{
    position: absolute;
    top: -22px;
    right: 12px;
    color: #fff;
}
#winPaymentProcessing div.copy p img{vertical-align: middle;}

/* ~~~ === EXIBITORS =============================================== ~~~ */
 /* ~~~ EXHIBITOR LOGIN FORM ~~~ */
#exhibitorLoginForm dl.formlist dt{width: 6em;}
#exhibitorLoginForm dl.formlist dd{margin: 0 0 4px 6em;}

/* ~~~ === EXHIBITORS HOME ========================================= ~~~ */
table.tablePricing
{
    width: 100%;
    border-collapse: collapse;
}
#exhibitorTickets td
{
    vertical-align: top;
    padding: 4px;
}
#exhibitorTickets td.nopad table.tablePricing tbody td
{
    border-bottom: none;
    padding: 2px 4px;
}
/* ~~ === CUSTOMERS ================================================ ~~~ */
#signIn table.tableForm{margin-bottom: 14px;
                         }
#formRegistrationInformation table.tableForm tbody th{width: 120px;}

/* ~~~ === FORMS =================================================== ~~~ */
fieldset
{
    padding: 0 2em;
    border: 1px solid #E3E3E3;
    margin: 0 0 12px;
}
fieldset div.copy{padding: 12px 0;}
legend
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #0094DC;
}
.input
{
    font: 12px Arial, Helvetica, sans-serif;
    border: 1px solid #A5ACB2;
}
.button{font: bold 12px Arial, Helvetica, sans-serif;}
fieldset p input{vertical-align: middle;}
input.required,
select.required
{
    border: 1px solid #A5ACB2;
    background-color: #DCF2FC;
}
div.formWrapper
{
    border: 1px solid #E3E3E3;
    padding: 1em;
    margin-top: 7px;
    background-color: #99D4F2;
}
p.buttonHolder
{
    background-color: #99D4F2;
    line-height: 44px;
    margin:0;
    height: 44px;
    overflow: hidden;
}
p.buttonHolder img,
p.buttonHolder input{vertical-align: middle;}

/* ~~~ === LISTS =================================================== ~~~ */
dl.formlist{margin: 1em 0;}
dl.formlist dt
{
    clear: both;
    width: 9em;
    float: left;
}
dl.formlist dd{margin: 0 0 4px 9em;}
dl.formlist dt span{font-size: 10px; font-style: italic;}

/* ~~~ === TABLES ================================================== ~~~ */
table.layout
{
    width: 100%;
    border-collapse: collapse;
}
table.layout td{vertical-align: top;}
table.layout td.padTop{padding-top: 12px;}
.tdLeft{padding-right: 12px;}
.tdRight{padding-left: 12px;}

/* ~~~ BORDERED TABLE ~~~ */
table.bordered
{
    border-collapse: collapse;
    margin: 0 0 12px;
    background-color: #fff;
}
table.bordered td
{
    border: 1px solid #E3E3E3;
    padding: 2px 4px;
}

/* ~~ FORM TABLE ~~~ */
table.tableForm
{
    border-collapse: collapse;
    margin: 1em 0 1.5em;
}
table.tableForm tbody th
{
    text-align: left;
    padding: 2px 4px;
    width: 1%;
    white-space: nowrap;
    font-weight: normal;
    text-align: right;
}
table.tableForm tbody th span{font: italic 10px Arial, Helvetica, sans-serif;}
table.tableForm tbody th label span{color: #ff0000;}
table.tableForm tbody td{padding: 2px 4px;}
table.tableForm tfoot td{padding: 8px 4px 0;}
table.tableForm tbody td input.required
{
    border: 1px solid #A5ACB2;
    background-color: #DCF2FC;
}
table.tableForm tbody td input.error{background-color: #F1CACA;}

/* ~~~ Records Table ~~~ */
table.tableRecord
{
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #C2E5F7;
}
table.tableRecord thead th
{
    color: #0094DC;
    padding: 2px 4px;
    background-color: #CCEAF8;
}

table.tableRecord thead th.left{text-align: left;}
table.tableRecord thead th.right{text-align: right;}

table.tableRecord tbody td
{
    padding: 2px 4px;
    border-bottom: 1px solid #C2E5F7;
}

table.tableRecord tbody td.nopad{padding: 0;}

/* ~~~ === CLASSES ================================================= ~~~ */
.mainHeading
{
    font: bold 11px/24px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    background: #0094DC url(../images/main_heading_bg.gif) no-repeat 12px 50%;
    border-bottom: 2px solid #fff;
    padding: 0 0 0 28px;
    color: #fff;
    margin: 0;
}

.hide{display: none;}
.divider{color: #C2C2C2;}
.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}
.clear{clear: both;}
.blue{color: #0094DC;}
.small{font-size: 10px;}
.address{font: 14px/1.4em Arial, Helvetica, sans-serif;}
.error
{
    color: #ff0000;
    font-weight: bold;
}

/* ~~~ === SIMPLEMODAL ================================================= ~~~ */
#modalOverlay 
{
  background-color:#000;
  cursor:wait;
}

#modalContainer 
{
    height:200px;
    width:400px;
    left:50%;
    top:15%;
    margin-left:-200px;
    background-color:#fff;
    border:1px solid #E3E3E3;
}

#multipleEmailNotice div.copy{position: relative;}
#multipleEmailNotice a.modalClose
{
    position: absolute;
    top: -22px;
    right: 12px;
    color: #fff;
}
/* ~~~ === JAVASCRIPT GALLERY ============================================== ~~~ */
#jImageOverlay
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: .5;
}
#jImageOuterContainer
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    text-align: center;
}
#jImageContainer
{
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background: #fff url(../images/ajax-loader.gif) no-repeat 50% 50%;
    z-index:2;
}
#jImageCurrentImage{border: 10px solid #fff;}
#jImageTextContainer
{
    position: relative;
    bottom: 2px;
    left: 0;
    background-color: #fff;
    color: #000;
    height: 50px;
}

#jImageTextContainer p
{
    margin: 0;
    text-align: left;
}

#jImageTextContainer p.stats{font-size: 11px;}
#jImageTextContainer p.title{font-weight: bold;}
#jImageTitle
{
    position: absolute;
    top: 0;
    left: 10px;
}
#jImageClose
{
    position: absolute;
    top: 0;
    right: 10px;
}
#jImagePrevious
{
    padding: 0 12px;
}
#jImageNext{padding: 0 12px;}

p.pdfInstall
{
    background: url(../images/icon_pdf.gif) no-repeat 0 0;
    padding-left: 31px;
}

table.tableDetails
{
    width: 100%;
    border-collapse: collapse;
}
table.tableDetails thead th
{
    text-align: left;
    padding: 8px;
    border-bottom: 1px solid #ccc;
    font-size: 16px;    
}

table.tableDetails tbody th
{
    padding: 2px 8px;
    text-align: left;
    width: 1%;
    white-space: nowrap;
    border-bottom: 1px solid #ccc;
}

table.tableDetails tbody td
{
    padding: 2px 4px;
    border-bottom: 1px solid #ccc;
}

table.tableForm.tablepadding
{
	border-left-style : none;
	border-right-style: none;
	
}

table.tableForm.right
{
	text-align: right;
}

th.colspace
{
	width: 16%;
	/*border-style : solid;*/
}

th.bigspace
{
	width: 25%;
}