/* Layout specific styles */

/* main page container */
#page_container { 
margin:0 auto;
width:935px;
padding:0;
}

.homebg, .intbg, #header h1, #flashcontent, #homecontent, #columndividers, .leftnav li{
padding:0;
margin:0;
}

/* unique background for home */
.homebg{
background:#f1faff url(../images/page_bg.gif) left top repeat-x;
}

/* unique background for internal */
.intbg{
background:#f1faff url(../images/page_bg_i.gif) left top repeat-x;
}

/* styles for homepage banner */
#homebanner{
background:url(../images/banner_bg.gif) 0 0 repeat-y;
font-family: Arial, Helvetica, sans-serif;
color: #999;
padding:0 0 0 14px;
margin:1px 0 0 0;
height:320px;
}

.homebg img.print{
display:none;
}

/* styles for utility bar for homepage */
ul.supportnav{
list-style-type: none;
float:right;
margin: 0 0 8px 0;
padding: 12px 12px 8px 0;
text-align:right;
height:80px;
}

ul.supportnav li{
margin:2px 0;
padding:0 8px 0 0;
background:url(../images/red_arrow.gif) 100% 8px no-repeat;
}

ul.supportnav li a{
text-decoration: none;
color: #ccc;
font-size: 11px;
margin: 0 3px;
padding: 0;
}

.supportnav a:hover, #register ul.supportnav li a:hover{
color: #ed1c24;
}

/* registration box on homepage */
#registerhome{
padding:0;
margin:7px 0 7px 0px;
float:left;
padding:0px 0 0 0;
width:228px;
height:306px;
text-align:center;
background:url(../images/registerhome_bg.gif) 0 0 repeat-x;
}

#registerhome h2{
background: none;
color: #ccc;
font-size:1em;
padding-bottom:0px;
height:69px;
width:228px;
margin-bottom:30px;
margin-top:20px;
background:url(../images/wirelessandyou.gif) 0 0 no-repeat;
}

#registerhome h2 span{
display:none;
}

#registerhome h3, #register h3{
color:#c96;
font-size:13px;
margin-bottom:20px;
}

/* register box on internal page */
#register{
background:url(../images/registerbg_i.gif) 0 0 no-repeat;
position:relative;
margin-left:-10px;
padding:10px 0px 10px 10px;
text-align:center;
color:#b6aba4;
}

#register h3{
clear:both;
padding-top:19px;
margin-bottom:10px;
}

#register ul.supportnav li a{
color:#fff;
font-size:12px;
}

#register  ul.supportnav li{
margin:6px 5px 6px 0;
padding:0 8px 0 0;
background:url(../images/red_arrow.gif) 100% 3px no-repeat;
}

#register p{
line-height:16px;
}

#register #flashcontent{
margin-top:38px;
}

/* right side of home banner */
#homebanner_right{
float:left;
padding:0;
margin:7px 0 0 0;
width:214px;
height:306px;
background:#dddfe5 url(../images/rightheader_bg.gif) 0 0 repeat-y;
}

#registerhome p{
font-size: .7em;
color: #999;
margin-bottom:40px;
}

.grey{
color: #999;
}

.red{
color:#ed1f29;
}

.brown{
color: #c93;
}

.blue{
color: #69c;
}

.black{
color:#000;
}

/* header styles */
#header {
width:920px;
overflow: hidden;
padding: 0;
margin:0 0 0 6px;
font-size: 11px;
height:60px;
}

/* place for logo */
#header h1 {
width: 30%;
display: inline;
background:none;
float: left;
}

/* link for logo  - usually links to index page */
#header h1 a {
display: block;
height: 60px;
padding:0;
}

.rightheader{
float:right;
width:auto;
margin-top:.5em;
}

.rightheader img{
top:4px;
margin-right:5px;
position:relative;
}

/* search field */
#search {
display:inline;
margin: 0 1em 0 0em;
padding: 0 0 0 0 ;
}

#search label {
display: inline;
margin: 0;
padding: 0 2px 0 0px;
}

#search input.search {
width: 12em;
border: 1px solid #acb8c4;
padding: 0.2em;
font-size:0.9em;
background:#f1faff !important;
background:#f1faff;
margin:0;
}

input.submit {
border: 0px;
background: url(../images/submit.gif) no-repeat 0 100%;
color: #333; 
width:33px;
font-size:.8em;
height:19px;
margin:0;
padding:0;
}

/* utility bar */
ul.utilbar{
list-style-type:none;
color: #999;
display:inline;
padding-top: 1.3em;
margin:0 0em 0 0;
}

ul.utilbar li{
display:inline;
background:none;
padding: 0em 0em;
}

ul.utilbar li a{
color: #888;
text-decoration: none;
padding:0em .3em;
margin:0;
font-size:10px;
}

ul.utilbar li a:hover{
text-decoration:underline;
}

.intbg .utilbar{
color:#fff;
}

.intbg .utilbar a{
color:#fff;
}

/* styles for main navigation */
#nav {
width:915px;
overflow: hidden;
padding: 0 0 0 5px;
margin:0 0 0 6px;
background:url(../images/nav_bg.gif) 0 0 repeat-x;
font-size:.6em;
list-style-type: none;
}

#nav li{
padding:0;
margin:0;
background:url(../images/nav_divider.gif) 100% 0 no-repeat;
float: left; 
}

#nav a {
display:block;
margin:0 .5em;
padding: 10px 9px 11px 9px; 
text-decoration: none;
font-size:10px;
text-transform:uppercase;
}

#nav a:link, #nav a:visited {
color: #fff; 
}

#nav a:hover, #nav a:focus {
color: #fff; 
background:url(../images/nav_bg_over.gif) 0 0 repeat-x;
}

#nav a.menuover {
color: #fff; 
background:url(../images/nav_bg_over.gif) 0 0 repeat-x;
}

/* last navigation item */
#nav li.nobg{
background:none;
}

/* begin drop down styling */
table.subnav { 
background-color: #c96;
width:8em;
margin:0;
border-left:1px solid #fff;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}

table.subnav td {
white-space: nowrap;
border-top: 1px solid #fff;
}

#page_container table.subnav td a {
display: block;
padding: 3px 5px; 
color: #fff; 
text-decoration: none; 
font-size: 0.7em;
}

#page_container table.subnav td a:hover {
background-color: #906a23; 
color: #fff; 
width: auto;
text-decoration: none; 
}

/* styles for drop downs */
#navinfo, #navexhibitor, #navhotel, #navnews, #navcontact, #navschedule, #navsponsors{
position:absolute;
z-index:1000;
visibility:hidden;
text-align:left;
padding:0;
}

#navinfo{
margin-left: 214px;
}

#navschedule{
margin-left: 69px;
}

#navexhibitor{
margin-left: 348px;
}

#navhotel{
margin-left: 553px;
}

#navnews{
margin-left: 463px;
}

#navcontact{
margin-left: 699px;
}

#navsponsors{
margin-left: 670px;
}

/* end drop down styling */

/* flash slidehsow on homepage */
#flash{
float:left;
padding:0;
padding:7px 0 0 0;
}

/* content container for internaln with botom gradient */
#internalcontent{
clear:both;
width: 920px;
padding:13px 0 0 0;
margin:0 0 0 7px;
border-collapse:collapse;
background:url(../images/internalbottomgradient.gif) 0 100% no-repeat;
}

/* content container for homepage with botom gradient */
#homecontent{
clear:both;
width: 920px;
border-collapse:collapse;
background:url(../images/homebottomgradient.gif) 0px bottom no-repeat;
}

/* column dividers on internal */
.intbg #columndividers{
background:url(../images/columndividers_i.gif) -1px 0 repeat-y;
}

/* column dividers on homepage */
#columndividers{
background: url(../images/columndividers.gif) 0px 0 repeat-y;
width: 935px;
}

/* top shadow on homepage in the content area */
#topshadow{
background: url(../images/hometopshadow.gif) 0px 0 no-repeat;
width: 920px;
padding:13px 0 0 0;
margin:0 0 0 7px;
}

/* bok with blue gradient */
.bluebox{
background:url(../images/leftcolint_bg.gif) 0 0 repeat-x;
min-height:500px;
width:198px;
}

/* used to add a right side border to objects usually placed on the left */
.rightborder{
border-right:1px dotted #999;
}

/* left column styles for internal pages */
#leftcol_internal{
clear:both;
width: 198px;
padding:0px 0 0 8px;
margin:0;
font-size:11px;
border-top:18px solid #fff;
}

/* left column styles for homepage */
#leftcol_home{
clear:both;
width: 234px;
padding:9px 0px 0 2px;
margin:0px 0 0 0px;
font-size:.7em;
}

/* container for left column - homepage with background */
.leftcolumn_bg{
background:url(../images/leftcolumn_bg.gif) 0 100% no-repeat;
width:211px;
margin:7px 0 0 0px;
padding:20px 10px 63px 4px;
}

#leftcol_home h3{
padding-top:0;
margin-top:0;
margin-bottom:10px;
}

#leftcol_internal h2{
background: #cfa557;
color: #fff;
margin:0;
padding:.7em .5em .5em 1em;
font-size: 13px;
height:20px;
}

/* styles for left navigation */
.leftnav{
list-style-type:none;
padding: 0 0 5px 0;
margin: 0;
background:#cfa557;
border-bottom:6px solid #fff;
}

.leftnav li{
display:inline;
background:none;
}

.leftnav li a{
display:block;
text-decoration: none;
color: #000;
font-weight:bold;
font-size: 11px;
padding: .5em .5em .5em 1.3em;
margin:0;
border-bottom:1px solid #cfa557;
border-top:1px solid #cfa557;
}

.leftnav a:hover, .leftnav .active a{
background: #af873d;
border-bottom:1px solid #ddcdae;
border-top:1px solid #ddcdae;
color:#fff;
}

/* styles for center column where #centercol - for internal template and #middlecol_home - for  homepage */
#centercol{
padding: 20px 25px 25px 30px;
color: #666;
font-size:10pt;
width:470px;
}

#middlecol_home{
padding:25px 15px 0 30px;
margin:0;
width:419px;
color: #666;
font-size:10px;
}

#centercol ul, #middlecol_home ul{
margin-left:0em;
padding:0;
}

/* right column for home with background */
.rightcolumn_bg{
background:url(../images/rightcol_bg.gif) 0 0 repeat-x;
width:200px;
margin:7px 1px 0 10px;
padding:0px 0 0 13px;
}

/* container for right column with gradient background for internal */
.rightbox_blue{
background:url(../images/rightbox_blue_i.gif) 0 0 repeat-x;
width:190px;
margin:1px 1px 0 0px;
padding:5px 0 20px 7px;
margin-left:-4px;
}

/* right column  - home */
#rightcol_home{
font-size:10px;
padding:0px 0 0 0;
margin:0px 0 0 0;
}

/* right column - internal */
#rightcol_internal{
width:195px;
font-size:.7em;
padding:0;
margin:0;
}

#rightcol_internal p, #leftcol_home p{
padding:0;
margin:.5em 0;
}

/* ad box */
.ads{
text-align:center;
}

.ads img{
margin-bottom:25px;
}


/* main headfer with solid line and a half */
.headerwithline{
color: #c93;
background: url(../images/headerwithline.gif) 0 100% no-repeat;
padding: .3em .5em .4em 0;
font-size: 1em;
margin-bottom:.2em;
font-family:Arial, Helvetica, sans-serif;
}

/* grey header with red arrow */
.redarrow{
background:url(../images/redarrow_h.gif) 0 2px no-repeat;
border-bottom:1px dashed #c3c6ce;
padding-left:15px;
padding-bottom:5px;
margin-top:20px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
}

/* 1-2 column table */
.data{
font-size: 0.9em;
margin-bottom:0.5em;
}

.data td{
margin:0;
padding:.2em .5em;
}

/* vertical dotted divider */
.leftdivider{
border-left: 1px dotted #666;
margin: 0 10em;
}

/* horizontal solid divider */
.divider{
height:1px;
border-bottom:1px dotted #ccc;
margin: 0;
padding:0;
line-height:1px;
clear:both;
}


/* list with blue bullets */
.bluelist li{
background:url(../images/bluebullet.gif) 0 .4em no-repeat;
}

/* list with brown bullets */
.brownlist li{
background:url(../images/brownbullet.gif) 0 .4em no-repeat;
}

/* used to add solid border around objects */
.border{
border:2px solid #dbd8d5;
}

/* floating image to the left */
.imgleft{
float:left;
margin-right:1.5em;
margin-bottom:.5em;
}

/* floating image to the right */
.imgright{
float:right;
margin-left:1.5em;
margin-bottom:.5em;
}

/* used to make text smaller */
.smalltext{
font-size:85%;
}

/* show update header - homepage */
.showhome{
padding-top:10px;
}

/* questions header */
.questions, .questions_home{
background: #7f9fd3 url(../images/questions.gif) 0 0 no-repeat;
height: 24px;
margin-bottom:15px;
}

.questions{
width:198px;
}

.questions_home{
width:191px;
}

/* Keynote speakers header - home */
.speakers{
background: url(../images/pastkeynotespeakers.gif) 0px 0 no-repeat;
width:191px;
height:51px;
}

/* show updates header */
.showupdates{
background:  #7f9fd3 url(../images/showupdates.gif) 0 0 no-repeat;
height: 24px;
margin-bottom:15px;
width:198px;
margin-top:15px;
}

/* used for indenting objects to the right various elements within the layout */
.leftindent {
padding:0;
margin:0 0 0 1.3em;
}

/* used for indenting objects to the left various elements within the layout */
.rightindent{
padding:0;
margin-right:1.5em;
}

/* used for indenting welcome message on the homepage starting with big WirelesAndYou */
.welcome_msg {
line-height:18px;
margin-right:15px;
margin-left:15px;
margin-bottom:15px;
}

#middlecol_home h1{
margin-top:34px;
}

/* footer navigation */
.footer{
background: #7f9fd3;
padding:0;
text-align:center;
margin:0;
color:#fff;
}

.footer_nav{
list-style-type:none;
padding:55px 0 15px 0;
margin:0 auto;
width:935px;
}

/* footer background for home */
.footer_home{
background:url(../images/footer_bg.gif) 0 0 no-repeat;
}

/* footer background for internal */
.footer_int{
background:url(../images/footer_bg_i.gif) 0 0 no-repeat;
}

/* footer navigation */
.footer li{
display:inline;
background:none;
font-size:.7em;
padding:0;
}

.footer li a{
text-decoration: none;
color: #fff;
padding: 0 .9em;
margin:0;
font-weight:bold;
}

.footer li a:hover{
color: #d0e0f6;
}


/* styles for copyright and other info located at the bottom of the page */
.copyright {
text-align: center;
font-size:.7em;
color: #fff;
padding:0 0 .5em 0;
margin:0;
line-height:1.5em;
}

.copyright a:link{
color: #fff;
}