/* --- Start default.css --- */

/* default.css - LR */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,
s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    margin: 0px;
    padding: 0px;
    border: 0px;
    outline: 0px;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

html, body {
    line-height: 100%;
    font-family: Helvetica Neue, Arial, sans-serif;
}

ol, ul { 
    list-style: none;
}

a { 
    text-decoration: none;
    color: #660000;
}

a.more {
    font-weight: bold;
    white-space: nowrap;
}

a:hover { 
    text-decoration: underline;
}

:focus { 
    outline: 0px;
}

.hidden {
	display: none;
}

.pagecontainer { 
    width: 978px;
    text-align: left;
    margin: 5px auto 0;
    z-index: 0;
}

.backbox { 
    background: #f0f0f0;
    border: 1px solid #ababab;
    border-bottom:none;
    padding: 0px;
    margin: 0px auto;
    position: relative;
    overflow: hidden;
}

.content_area { 
    width: 584px;
    overflow: hidden;
    background-color: #fcfcfc;
    margin: 5px 5px 10px 5px;
    float: left; 
}

.ls_content_area {
    width: 778px;
    overflow: hidden;
    background-color: #fcfcfc;
    margin: 5px 5px 10px 5px;
    float: right; 
}


.webSubTitle {
    clear: left;
    color: #615F5F;
    font-size: 32px;
    font-weight: normal;
    line-height: 32px;
}

h2 { 
    font-size: 26px;
    line-height: 26px;
    color: #717171;
    border-bottom: 1px solid #c3c3c3;
    padding: 5px 10px;
    margin: 0px 0px 10px 0px;
    font-family: Helvetica Neue, Arial, sans-serif;
    font-weight: normal; 
}

h1.headline {
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 32px;
    font-weight: normal;
    line-height: 35px;
    margin: 0 0 5px;
    padding: 0;
    color: #000;
    border: none;
}

.col1 {
    width: 180px;
    float: left;
}

.col1 #clubAds {
    margin: 0px auto;
}

.full_content_area { 
    overflow: hidden;
    background-color: #fcfcfc;
    margin: 5px 5px 10px 5px;
}

.binTitle {
    font-size: 26px;
    line-height: 26px;
    color: #717171;
    border-bottom: 1px solid #c3c3c3;
    padding: 5px 10px;
    margin: 0px 0px 10px 0px;
    font-family: Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    overflow: hidden; 
}

.binTitle h2 {
    display: inline;
    margin: 0px;
    padding: 0px;
    border: none;
}

h3 { 
    font-size: 18px;
    line-height: 18px;
    color: #aaa;
    border: none;
    padding: 0;
    margin: 10px 0px 0px;
    font-family: Impact, Arial, Helvetica, sans-serif;
    font-weight: normal; 
}
h4 {
	font-size:16px;
	line-height:16px;
	color:#aaaAAA;
	border:none;
	font-family:  Helvetica Neue, Arial, sans-serif;
	font-weight:bold;
}

/* standardized aligns and floats */
.textright {
    text-align: right;
}

.textcenter {
    text-align: center;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

/* right content area (it's the rail) */
.right_content { 
    width: 370px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    position: relative;
    top: 5px;
    right: 5px;
    float: right; 
}

.right_content .r_box { 
    background-image: url('http://assets.dallasobserver.com/img/gridtile.png');
    padding: 15px;
    font-family: Helvetica Neue, Arial, sans-serif;
    font-size: 11px;
    margin-bottom: 10px;
}

.right_content .r_ad_box { 
    background-image: url('http://assets.dallasobserver.com/img/gridtile.png');
    padding: 20px 15px;
    margin-bottom: 10px;
    text-align: center; 
    clear: none;
    overflow: hidden;
}

.right_content .r_ad_box .right {
    float: right;
    background: #fff;
}

.right_content .r_ad_box .left {
    float: left;
    background: #fff;
}

.right_content .gray { 
    background-color: #f6f6f6;
    padding: 0px;
    border: 1px solid #cecece; 
}

.right_content .white { 
    background-color: #ffffff; 
}

.right_content .gray .white { 
    margin: 10px;
    padding-top: 5px;
}

.right_content h2 { 
    font-size: 26px;
    line-height: 26px;
    font-weight: normal;
    color: #717171;
    border-bottom: 1px solid #c3c3c3;
    padding: 5px 10px;
    margin: 0px 0px 5px 0px; 
    text-align: left;
}

.right_content h3 { 
    margin: 0px;
    padding: 0px 0px 0px 10px;
    text-align: left;
}

.right_content ul { 
    margin: 0px;
    padding: 0px 10px 5px 10px;
    list-style-type: none; 
}

.right_content li { 
    border-bottom: 1px solid #e4e4e4;
    padding: 5px 0px; 
}

.right_content li.last { 
    border-bottom: none; 
}

.right_content li.more { 
    border: none;
    text-align: right;
    padding-bottom: 0px; 
}

.right_content li.more a { 
    font-weight: bold; 
}

.right_content .r_box form { 
    margin: 8px;
}

.right_content .r_box form h3 { 
    margin: 5px 0px;
    padding: 0px;
}

.right_content .r_box input.input { 
    border: 1px solid #c3c3c3;
    color: #c3c3c3;
    width: 244px;
    height: 18px;
    margin-right: 5px;
    padding-left: 3px;
}

.right_content .r_box input.submit { 
    height: 23px;
    vertical-align: bottom; 
}

.right_content .r_box .advanced { 
    border-top: 1px solid #c3c3c3;
    margin: 10px;
    padding-top: 5px;
    text-align: right; 
}

.right_content .r_box .advanced a { 
    font-weight: bold; 
}

/* border styles */
.chisel_u { 
    border: 1px solid #c3c3c3;
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    border-bottom: 2px solid #c3c3c3;
}

.chisel_d { 
    border: 1px solid #e4e4e4;
    border-top: 2px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
}

.chisel_t { 
    border: 1px solid #e4e4e4;
    border-left: 1px solid #c3c3c3;
    border-top: 2px solid #660000;
}

/* generic image border */
.framed {
    border-style: solid;
    border-color: #ddd #bababa #4c4c4c #d5d5d5;
    border-width: 1px 1px 2px 1px;
}

/* button styles */
.button { 
    border: 2px solid #aaa;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    font-size: 11px;
    line-height: 12px;
    padding: 3px;
    background:#fafafa; 
}

.button:hover { 
    border: 2px solid #aaa;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background:#f3f3f3;
    text-decoration: none;
}

.button a {
    text-decoration: none;
}

.browsebutton { 
    width: 70px;
    float: right;
}

/* text sizes for adjustable content view */
.sm { 
    font-size: 13px;
    line-height: 24px;
}

.med { 
    font-size: 16px;
    line-height: 23px;
}

.lg { 
    font-size: 19px;
    line-height: 26px;
}

/* dividers */
.singlebar { 
    margin: 0px;
    padding: 0px;
    border-top: 1px solid #ababab;
    clear: both;
}

.triplebar { 
    margin: 5px 0px;
    padding: 0px;
    height: 5px;
    line-height: 5px;
    background-image: url('http://assets.dallasobserver.com/img/tripleline.png');
    clear: both;
}

.nomargin {
     margin: 0;   
}

.ClearIt, .clearit {
    clear: both; 
    display: block;
    padding-bottom: 1px;
    margin-bottom: -1px;
}


/* head stuff */
.leaderboard { 
    height: 100px;
    margin-bottom: 0px;
    position: relative;
    overflow: visible;
}

.leaderboard .logo { 
    float: left;
    clear:left;
    display: block;
    width: 245px;
    overflow: hidden;
}

.leaderboard h1 { 
    clear: left;
    color: #615f5f;
    font-size: 32px;
    line-height: 32px;
    font-weight: normal;
    width: 245px;
    overflow: hidden;
    white-space: nowrap;
}

.sitenav { 
    margin-bottom: 10px;
}

.copyright { 
    color: #dbdbdb;
    font-size: 10px;
    padding: 10px;
    text-align: center;
    clear: both;
}

.copyright a { 
    color: #dbdbdb;
}

/* tab style */
ul.tabs { 
    margin: 0px 0px 0px 1px;
    padding: 0px;
    z-index: 1;
    height: 26px;
}

ul.tabs li.tab {
    float: left;
    text-align: center;
    background-color: #e4e4e4;
    padding: 5px 10px 4px;
    border: 1px solid #c3c3c3;
    border-bottom: 2px solid #660000;
    cursor: pointer;
    margin-right: 2px; 
    color: #666;
}

ul.tabs li.active { 
    background-color: #660000;
    cursor: auto;
    color: #fff;
    border: 1px solid #660000;
    border-bottom: 2px solid #660000;
}  

/* likeme constants */
.LikemeLike { 
    color: #1999ce;
    font-weight: bold;
}

.LikemeMe { 
    color: #ef4c23;
    font-weight: bold; 
}

.LikemeNet { 
    color: #659a42;
    font-weight: bold; 
}

.likeme_badge {
    height: 82px;
    width: 55px;
    background: transparent url(http://assets.dallasobserver.com/img/likeme-counter.png) no-repeat scroll 0 0;
    cursor: pointer;
    text-align:center;
    font-weight: bold;
    color: #444;
    font-size: 28px;
    line-height: 52px;
}

.likeme_badge .bigCount {
    font-size: 22px;
}

.likeme_doodad {
    height: 42px;
    width: 96px;
    float: right;
    background: transparent url(http://assets.dallasobserver.com/img/likeme-counter4.png) no-repeat scroll 0 0;
    margin: 10px 5px; 
    cursor: pointer;
    text-align:left;
}

.likeme_doodad .bigCount {
    font-size: 13px !important;
}

.likeme_doodad span {
    display: block;
    width: 40px;
    text-align: center;
    font-weight: bold;
    margin-top: 14px;
    color: #444;
}

.likeme_doodad_nada {
    height: 40px;
    width: 96px;
    float: right;
    background: transparent url(http://assets.dallasobserver.com/img/likeme-counter-horiz-0.png) no-repeat scroll 0 0;
    margin: 10px 5px; 
    cursor: pointer;
    text-align:left;
}

.likeme_doodad_nada span {
    display: none;
}



/* section link colors */
.art a { color: #330870; } 
.bestof a { color: #d66b28; }
.film a { color: #005e68; }
.music a { color: #3817bc; }
.news a { color: #3f1020; }
.promotions a { color: #9e1869; }
.theads a { color: #9e1869; }
.readerrecommendations a { color: #d35b12; }
.restaurants a { color: #0d88eb; }
.slideshow a { color: #994ab1; }
.city a { color: #660000; }
.afterdark a { color: #660000; }

/* calendar popup */
/* new datepicker style */
.ui-datepicker-trigger {
    cursor: pointer;
}

#ui-datepicker-div,
.hasDatepicker {
    border: 1px solid #660000;
    background: #eee;
    font-size: 10px;
    width: 162px;
    position: relative;
    text-align: center;
    border-bottom: 1px solid #660000;
    z-index: 1000;
}

#ui-datepicker-div table,
.hasDatepicker table {
    margin: 3px;
    border-collapse: separate;
}

#ui-datepicker-div thead,
.hasDatepicker thead {
    background: #eee;
    text-transform: uppercase;
}

#ui-datepicker-div td,
.hasDatepicker td {
    width: 20px;
    height: 18px;
    background: #fff;
    text-align: center;
    font-weight: bold;
}

td.ui-datepicker-unselectable {
    background: #eee;
}

#ui-datepicker-div td a,
.hasDatepicker td a {
    display: block;
    height: 18px;
    width: 20px;
    line-height: 16px;
    text-decoration: none;
}

#ui-datepicker-div td a:hover,
.hasDatepicker td a:hover {
    background: #660000;
    color: #fff;
}

.ui-datepicker-prev,
.ui-icon-circle-triangle-w {
    background-color: #660000;
    background-image: url('http://assets.dallasobserver.com/img/arrow-left-tiny.png');
    background-position: 0px 2px;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 20px;
    width: 15px;
    cursor: pointer;
}

.ui-datepicker-next,
.ui-icon-circle-triangle-e {
    background-color: #660000;
    background-image: url('http://assets.dallasobserver.com/img/arrow-right-tiny.png');
    background-position: 1px 2px;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 20px;
    width: 15px;    
    cursor: pointer;
}

.ui-datepicker-today a {
    color: #fff;
    background: #660000;    
}

.ui-datepicker-current,
.ui-datepicker-close,
.ui-datepicker-clear {
    display: none;
}
.ui-datepicker-new-month,
.ui-datepicker-new-year {
    font-size: 9px;
}

.ui-datepicker-group {
    float: left;
}

.smallSpan {
	font-size:9px;
}

.emSpan {
	font-style:italic;
}
.IMGLeft, .imgleft{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.IMGRight, .imgright{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
.SubHead{
	border-bottom:0px;
	border:0px;
	padding:0px;
	margin:10px 0px 10px 0px;
	font-size:18px;
	color:#717171;
	display:block;
}

.PencilAd
{
	text-align: center;
	margin-bottom: 5px;
}

.PencilAd img
 {
    border:none;
    margin:0 auto 5px auto;
 }

.nobg, .nobg p, .nobg ul, .nobg li, .nobg span{
	background:transparent !important;
}
.noborder, .noborder p, .noborder ul, .noborder li, .noborder span{
	border:none !important;
}


.debugDiv{
	padding:10px;
	background-color:blue;
	width:100px;
	height:300px;
	overflow:auto;
	position:fixed;
	top:5px;
	right:5px;
}
.debugLine{
	display:block;
	font-size:10pt;
	font-family:courier;
	color:#a3a3a3;
	line-height:15px;
}
/* Container Classes */
.borderedContainer {
	border:1px solid #aaa;
}
.shadedContainerHeader{
	background-color:#E0E0E0;
	border-bottom:1px solid #aaa;
}
.paddedContainer{
	padding:10px;
}

.besocial { 
    float: right;
    text-align: center;
    font-size: 10px;
    color: #c3c3c3;
}

.besocial table { 
    border-collapse: collapse;
    margin: 0px auto 5px;
} 

.besocial table td { 
    border: 1px solid #c3c3c3;
    padding: 2px 2px 0 2px;
}

.besocial table td.label { 
    border: none;
    vertical-align: middle;
    padding-right: 5px;
} 

.besocial table td img { 
    border: none;
}


/* disqus style overrides */
.dsq-options {
    position: relative;
}

.dsq-options .dsq-subscribe-email {
    background-image: url('/img/dq-sub-hdr.png') !important;
    height: 54px !important;
    overflow: hidden !important;
    width: 100px;
    position: absolute;
    top: -35px;
    right: 0;
    z-index: 5000;
}

.dsq-subscribe-email .dsq-subscribe-rss {
    height: 62px !important;
    width: 32px !important;
    overflow: hidden !important;
    position: absolute;
    left: 58px;
    top: 0;
}

.dsq-subscribe-email span#dsq-subscribe a,
.dsq-subscribe-email span.dsq-subscribe-rss a {
    height: 62px !important;
    display: inline-block !important;
    padding-top: 42px !important;
    line-height: 100%;
}

.dsq-subscribe-email span#dsq-subscribe a {
   background-image: url('/img/dq-env.png');
   width: 38px !important;
   position: absolute;
   top: 20px;
   left: 11px; 
}

.dsq-subscribe-email .dsq-subscribe-rss a {
   background-image: url('/img/dq-rss.png') !important;
   position: absolute;
   width: 30px !important;
   top: 20px;
   left: 0;
}

.dsq-subscribe-email {
    float: right;
}

#dsq-content .dsq-options span.dsq-subscribe-rss,
#dsq-content .dsq-options span.dsq-subscribe-email
 {
    margin-right: 0;
}

#dsq-content .dsq-options span#dsq-subscribe {
    margin-right: 10px;
}

#dsq-content .dsq-options span.dsq-subscribe-email img {
    display: none;
}

#dsq-content .dsq-post-footer {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

#dsq-content #dsq-global-toolbar table {
    width: auto !important;
    float: right !important;
}

#dsq-content .dsq-global-toolbar-likes {
    width: auto !important;
}

#dsq-content .dsq-global-toolbar-likes .dsq-group {
    float: right !important;
}

#dsq-content h3 {
    width: 300px;
    height: auto !important;
    margin-bottom: 5px;
    font-family: Helvetica Neue, Arial, sans-serif;
    font-size: 24px;
    line-height: 26px;
    font-weight: normal;
    color: #717171;
}

#dsq-comments-title {
    width: 450px;
}

#dsq-comments-title h3 {
    width: 440px !important;
}

h3.dsq-h3-reactions {
    width: auto !important;
}

#dsq-authenticate .signIn {
    font-size: 13px;
    font-weight: bold;
    color: #333;
}

#dsq-authenticate .orIf {
    font-size: 12px;
    font-weight: normal;
    color: #717171;
}

ul.dsq-login-buttons {
    width: 460px !important;
    padding: 0;
    height: 24px;
    overflow: hidden;
}

ul.dsq-login-buttons li.dsq-login-button-disqus {
    float: right !important;
}

/* --- End default.css --- */
/* --- Start /home/httpd/public/app_frame2/webroot/css/Ads.css --- */

.Ads {
    margin: 0px auto;
 }

.Ads#Medium {
    height: 250px;
    width: 300px;
 }
 
.Ads#Medium1 {
    width: 300px;
 }

.Ads#false {
    height: 250px;
    width: 300px;
 }

.Ads#Middle {
    height: 250px;
    width: 300px;
 }

.Ads#Top {
    height: 90px;
    width: 728px;
    float: right;
    margin: 0px;
 }

.Ads#TopLeft {
    height: 100px;
    width: 300px;
    float: left;
    margin: 0px;
 /*   border: 1px solid #000; */
    position: absolute;
    top: 0px;
    left: 0px;
 }
.Ads#TopRight {
    height: 100px;
    width: 300px;
    float: right;
    margin: 0px;
/*    border: 1px solid #000; */
    position: absolute;
    top: 0px;
    right: 0px;
 }
 
 
.Ads#Left {
    height: 600px;
    width: 160px;
    margin: 10px auto;
 }
 
.Ads#Bottom {
    margin: 0px auto;
    height: 90px;
    width: 728px;
    clear: both;
 }

.bottomAd { 
    background: #f0f0f0;
    border-left: 1px solid #ababab;
    border-right: 1px solid #ababab;
    padding: 0px 0px 10px;
    margin: 0px;
    overflow: hidden;
    text-align: center;
} 

.r_ad_box .Ads#Middle,
.r_ad_box .Ads#Middle1 {
    margin-left: auto;
    margin-right: auto;
}

.Ads#x11,
.Ads#x12,
.Ads#x13,
.Ads#x14,
.Ads#x15,
.Ads#x16 {
    height: 90px;
    width: 728px;
    margin: 15px auto 10px;
    padding: 0px;
    float: none;
    display: block;
    clear: both;
 }

/* --- End /home/httpd/public/app_frame2/webroot/css/Ads.css --- */
/* --- Start /home/httpd/public/app_frame2/webroot/css/Footer.css --- */

/* foot stuff */
.footer { 
    background: #e3e3e3; 
    text-align: center;
    color: #656565;
    border: 1px solid #ababab;
    border-top:1px solid #ccc;
    text-align: center;
    padding: 5px 0px;
    font-size: 10px;
    clear: both;
}

.footer a { 
    font-weight: normal;
    color: #353535;
}

.footer img { 
    border: none;
    vertical-align: text-top;
}

/* home version */
.home .footer { 
    border: 1px solid #ababab;
    font-size: 9px;
    padding: 5px 0px;
    float: right;
    width: 100%;
}


/* --- End /home/httpd/public/app_frame2/webroot/css/Footer.css --- */
/* --- Start /home/httpd/public/app_frame2/webroot/css/NavigationIndex.css --- */

#nav {
    width: 978px;
    position: relative;
    z-index: 99;
}

/* top nav area */
#navMain{
    height: 40px;
    text-indent: -1000em;
    width: 100%;
}
#navMain ul.nav {
    float: left;
    width: 100%;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    height: 40px;
}
#navMain li.topMenu {
    float: left;
    position: relative;
    z-index: 1000;
    height: 40px;
}
li.menuLi:hover ul {
    display: block;   
}
#navMain a.top {
    background: url(/img/nav_template_both.jpg) no-repeat;
    display: block;
    height: 40px;
    text-indent: -1000em;
    outline: none;
}
#navMain form {
    text-indent: 0;
    position: absolute;
    left: 0px;
    top: 0px;
}
#navMain form input.searchInput {
    height: 20px; 
    width: 284px;
    font-size: 16px;
    background: url( /img/nav_search_background.jpg ) top left no-repeat;
    border: 1px solid #515151;
    padding: 5px 2px 2px 5px;
    font-family: Helvetica Neue, Arial, sans-serif;
    float: left;
    margin: 4px 0px 4px 2px;
}
#navMain form input#searchSubmit {
    float: left;
    margin: 4px 0px 4px 6px;
}
#navMain form input.invalid {
    color: red;
    font-weight: bold;
}

/* News Menu Item */
#nav-news {
    width: 64px;
}
#nav-news a.top{
    background-position: 0px 0px;
}
#nav-news:hover a.top,
#nav-news a.top:hover,
#nav-news.navHover a.top,
#nav-news a.navHover {
    background-position: 0 -40px;   
}

/* Music Menu Item */
#nav-music{
    width: 68px;
}
#nav-music a.top{
    background-position: -64px 0px;
}

#nav-music:hover a.top,
#nav-music a.top:hover,
#nav-music.navHover a.top,
#nav-music a.navHover {
    background-position: -64px -40px;   
}

/* Calendar Menu Item */
#nav-calendar{
    width: 82px;
}
#nav-calendar a.top{
    background-position: -132px 0px;
}

#nav-calendar:hover a.top,
#nav-calendar a.top:hover,
#nav-calendar.navHover a.top,
#nav-calendar a.navHover  {
    background-position: -132px -40px;   
}

/* Restaurant Menu Item */
#nav-restaurants{
    width: 108px;
}
#nav-restaurants a.top{
    background-position: -214px 0px;
}

#nav-restaurants:hover a.top,
#nav-restaurants a.top:hover ,
#nav-restaurants.navHover a.top,
#nav-restaurants a.navHover  {
    background-position: -214px -40px;   
}

/* Search Area */
#nav-search{
    width: 340px;
}
#nav-search a.top{
    background-position: -322px 0px;
}


/* Arts Menu Item */
#nav-arts{
    width: 60px;
}
#nav-arts a.top{
    background-position: -662px 0px;
}

#nav-arts:hover a.top,
#nav-arts a.top:hover,
#nav-arts.navHover a.top,
#nav-arts a.navHover {
    background-position: -662px -40px;   
}

/* Film Menu Item */
#nav-films{
    width: 70px;
}
#nav-films a.top{
    background-position: -722px 0px;
}

#nav-films:hover a.top,
#nav-films a.top:hover,
#nav-films.navHover a.top,
#nav-films a.navHover {
    background-position: -722px -40px;   
}

/* Movies Menu Item */
#nav-movies{
    width: 70px;
}
#nav-movies a.top{
    background-position: -722px 0px;
}

#nav-movies:hover a.top,
#nav-movies a.top:hover,
#nav-movies.navHover a.top,
#nav-movies a.navHover {
    background-position: -722px -40px;   
}

/* The Ads Menu Item */
#nav-the_ads{
    width: 84px;
}
#nav-the_ads a.top{
    background-position: -792px 0px;
}

#nav-the_ads:hover a.top,
#nav-the_ads a.top:hover,
#nav-the_ads.navHover a.top,
#nav-the_ads a.navHover {
    background-position: -792px -40px;   
}

/* Classifieds Menu Item */
#nav-classifieds{
    width: 102px;
}
#nav-classifieds a.top{
    background-position: -876px 0px;
}

#nav-classifieds:hover a.top,
#nav-classifieds a.top:hover,
#nav-classifieds.navHover a.top,
#nav-classifieds a.navHover {
    background-position: -876px -40px;   
}

/* Top Nav submenu contents */
ul.subNav {
    position: absolute;
    display: none;
    z-index: 999999;
    margin: 0px;
    margin-left: 1px;
    margin-top: -1px;
    padding: 0px;
    list-style-type: none;
    font-size: 11px;
    white-space: nowrap;
    border: 2px solid #e2e2e2;
    border-top: 1px dotted #e2e2e2;
    padding: 2px 8px 4px;
    text-indent: 0px;
    background-color: white;
    z-index: 999999;
}
ul.subNav li {
    border-bottom: 1px solid #e3e3e3;
    margin: 1px 0px;
    padding: 4px 5px 3px 5px;
    font-family: Helvetica Neue, Arial, sans-serif;
    font-size: 11px;
    line-height: 13px;
    z-index: 999999;
}
ul.subNav li a{
    text-decoration: none;
    background-color: #ffffff;
    color: #8b8b8b;
    z-index: 999999;
    display: block;
}

ul.subNav li:hover a,
ul.subNav li:hover,
ul.subNav li a:hover {
    text-decoration: underline;
    background-color: #a2a2a2;
    color: white;
    z-index: 999999;
}
#sub-nav-news {
    left: 0px;
}
#sub-nav-music {
    left: -20px;
}
#sub-nav-calendar {
    left: -30px;
}
#sub-nav-restaurants {
    right: -10px;  
}
#sub-nav-arts {
    left: -40px;   
}
#sub-nav-films {
    left: -20px;   
}
#sub-nav-the_ads {
    right: -5px;
}
#sub-nav-classifieds {
    right: -1px;   
}
/* end top nav */

/* bottom nav */
#navBottom{
    height: 18px;
    text-indent: -1000em;
    width: 100%;
    margin-left: 1px;
}
#navBottom ul.nav {
    float: left;
    width: 100%;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    height: 18px;
}
#navBottom li.bottomMenu {
    float: left;
    position: relative;
    height: 18px;
    z-index: 999;
}
#navBottom a.bottom {
    background: url(http://assets.dallasobserver.com/img/nav_bottom_template_both.jpg) no-repeat;
    display: block;
    height: 18px;
    text-indent: -1000em;
    outline: none;
}

/* Blogs Menu Item*/
#nav-blogs {
    width: 97px;
}
#nav-blogs a.bottom{
    background-position: 0px 0px;
}
#nav-blogs:hover a.bottom,
#nav-blogs a.bottom:hover,
#nav-blogs.navHover a.bottom,
#nav-blogs a.navHover {
    background-position: 0px -18px;   
}

/* Columns Menu Item*/
#nav-columns {
    width: 109px;
}
#nav-columns a.bottom{
    background-position: -97px 0px;
}
#nav-columns:hover a.bottom,
#nav-columns a.bottom:hover,
#nav-columns.navHover a.bottom,
#nav-columns a.navHover {
    background-position: -97px -18px;   
}

/* Best Of Menu Item*/
#nav-best_of {
    width: 128px;
}
#nav-best_of a.bottom{
    background-position: -206px 0px;
}
#nav-best_of:hover a.bottom,
#nav-best_of a.bottom:hover,
#nav-best_of.navHover a.bottom,
#nav-best_of a.navHover {
    background-position: -206px -18px;   
}

/* Bars & Clubs Menu Item*/
#nav-barsclubs {
    width: 127px;
}
#nav-barsclubs a.bottom{
    background-position: -334px 0px;
}
#nav-barsclubs:hover a.bottom,
#nav-barsclubs a.bottom:hover,
#nav-barsclubs.navHover a.bottom,
#nav-barsclubs a.navHover {
    background-position: -334px -18px;   
}

/* Archives Menu Item*/
#nav-archives {
    width: 101px;
}
#nav-archives a.bottom{
    background-position: -461px 0px;
}
#nav-archives:hover a.bottom,
#nav-archives a.bottom:hover,
#nav-archives.navHover a.bottom,
#nav-archives a.navHover {
    background-position: -461px -18px;   
}

/* Reader Recommendations Menu Item*/
#nav-reader_recommendations {
    width: 146px;
}
#nav-reader_recommendations a.bottom{
    background-position: -562px 0px;
}
#nav-reader_recommendations:hover a.bottom,
#nav-reader_recommendations a.bottom:hover,
#nav-reader_recommendations.navHover a.bottom,
#nav-reader_recommendations a.navHover {
    background-position: -562px -18px;   
}

/* Promotions Menu Item*/
#nav-promotions {
    width: 141px;
}
#nav-promotions a.bottom{
    background-position: -708px 0px;
}
#nav-promotions:hover a.bottom,
#nav-promotions a.bottom:hover,
#nav-promotions.navHover a.bottom,
#nav-promotions a.navHover {
    background-position: -708px -18px;   
}

/* Site Map Menu Item*/
#nav-coupons {
    width: 129px;
}
#nav-coupons a.bottom{
    background-position: -850px 0px;
}
#nav-coupons:hover a.bottom,
#nav-coupons a.bottom:hover,
#nav-coupons.navHover a.bottom,
#nav-coupons a.navHover {
    background-position: -850px -18px;   
}

/* Bottom Nav submenu contents */
ul.bottomSubNav {
    position: absolute;
    display: none;
    z-index: 999998;
    margin: 0px;
    margin-left: 1px;
    margin-top: -1px;
    padding: 0px;
    list-style-type: none;
    font-size: 11px;
    white-space: nowrap;
    border: 2px solid #e2e2e2;
    border-top: 1px dotted #e2e2e2;
    padding: 2px 8px 4px;
    text-indent: 0px;
    background-color: white;
    z-index: 999998;
}
ul.bottomSubNav li {
    border-bottom: 1px solid #e3e3e3;
    margin: 1px 0px;
    padding: 3px 5px;
    font-family: Helvetica Neue, Arial, sans-serif;
    font-size: 11px;
    line-height: 13px;
    z-index: 999998;
}
ul.bottomSubNav li a{
    text-decoration: none;
    background-color: #ffffff;
    color: #8b8b8b;
    z-index: 999998;
    display: block;
}
ul.bottomSubNav li:hover,
ul.bottomSubNav li:hover a,
ul.bottomSubNav li a:hover {
    text-decoration: underline;
    background-color: #a2a2a2;
    color: white;
    z-index: 999998;
}

/* bottomSubNav content display area */
#bottom-sub-nav-blogs {
    left: 0px;   
}
#bottom-sub-nav-columns {
    left: 15px;
}
#bottom-sub-nav-best_of {
    right: -10px;   
}
#bottom-sub-nav-barsclubs {
    left: 15px;
}

#bottom-sub-nav-promotions {
    left: 16px;   
}


/* AutoSuggest */


div.autoSuggestResults {
    width: 293px;
    border: 1px solid #000;
    border-top: none;
    background-color: #fff;
    color: black;
    font-style: italic;
    font-size: 12px;
    position: absolute;
    display: none;
    z-index: 999999;
    left: 0px;
}

div.autoSuggestResults div {
    border-bottom: 1px solid #ccc;
    text-indent: 10px;
    margin: 1px 4px 2px;
    font-weight: bold;
    padding: 6px 0px;
}

div.autoSuggestResults div.selected {
	background-color: #ccc;
	color: #660000;
	
	border-bottom: 1px solid #666;	
}

div.autoSuggestResults div a {
    color: #666;
    font-size: 17px;
    text-decoration: none;
	display: block;
	width: 282px;
}

div.autoSuggestResults div.selected a {
    color: #660000;
}



/* --- End /home/httpd/public/app_frame2/webroot/css/NavigationIndex.css --- */
/* --- Start /home/httpd/public/app_frame2/webroot/css/RMToolbar.css --- */

.rmbar {
    background: #FFFFFF;
    color: #660000;
    height: 24px;
    margin: 0 auto;
    z-index: 98;
    background: url("/img/grade24.png");
}

.rmbar a {
    text-decoration: none;
}

.rmbar .main {
    font-family: Helvetica Neue, Arial, sans-serif;
    font-size: 11px;
    height: 22px;
    margin: 0 auto;
    position: relative;
    width: 978px;
    color:#aaaaaa;
    line-height:22px;
    z-index: 99;
}

.rmbar .left {
    float: left;
}

.rmbar .right {
    float: right;
    z-index: 100;
}

.rmbar .left .weather {
    height: 20px;
    overflow: hidden;
}

.rmbar .left a.weather img {
    border: none;
    background: transparent;
}

.rmbar .link {
    cursor: pointer;
    padding: 0 10px;
    color: #660000;
    background: transparent;
    display: inline-block;
    /*
    height:15px;
    margin-top:3px;
    border-left:1px solid #cccccc;
    */
}

.rmbar .link:hover {
    text-decoration: underline;
}

.rmbar .right .signUp {
    border: none;
}


/* hidden forms ---------------*/

.rmbar #login {
	background: #efefef url('/img/grade76.png');
	border: 1px solid #C0C0C0;
	border-top: none;
	display: none;
    padding: 0 5px 2px 5px;
    position: absolute;
    right: 38px;
    top: 23px;
    z-index: 101;
    color: #660000;
    width: 390px;
	height: 74px;
}

.rmbar #login .forgot-password {
    cursor: pointer;
    text-align: right;
}

.rmbar #signUp {
    background: #efefef url('/img/grade57.png');
	border: 1px solid #C0C0C0;
	border-top: none;
    display: none;
    padding: 0 5px 2px 5px;
    position: absolute;
    right: 95px;
    top: 23px;
    z-index: 101;
    color: #660000;
    width: 390px;
	height: 55px;
}

.rmbar input.submit {
    background-color: #660000;
    border: none;
    color: #FFFFFF;
    cursor:pointer;
    height: 22px;
    width: 45px;
}

.rmbar #login input#ReaderEmailLogin {
    margin-right: 5px;
    width: 160px;
    height: 18px;
}

.rmbar #login input#ReaderPassword {
    width: 160px;
    height: 18px;
}

.rmbar #signUp input#ReaderEmailSignUp {
    margin-right: 5px;
    width: 160px;
    height: 18px;
}

.rmbar #signUp input#ReaderVericode {
    margin-right: 5px;
    width: 40px;
    height: 18px;
}

.rmbar #signUp img {
    margin-right: 5px;
}

div.rm660000 a {
    color: #660000;
}

div.rm253c87 a {
    color: #253c87;
}

.iframed {
    font-family: Helvetica Neue, Arial, sans-serif;
}

.rmbar .help {
    padding-right: 3px;
}

/* --- End /home/httpd/public/app_frame2/webroot/css/RMToolbar.css --- */


/* Generated at 2011-02-09 14:28:05 */