/* NEW STYLES */

body {background: #4A4A4A; font-family: Lucida Sans, Arial, sans-serif; margin: 0;}
#canvas {margin: 0 auto; width: 772px; position: relative;}
#wrapper {background: url(/rockcity/_images/rcm_content_bkgrd.gif) repeat-y 0 160px; width: 772px; overflow: hidden;}
.top {background: url(/rockcity/_images/rcm_hdr_nav_bar.gif) no-repeat; width: 772px; color: #fff;}
h1 {padding: 0; margin: 0; background: url(/rockcity/_images/rcm_hdr_photo_fiber.jpg) no-repeat; width: 772px; height: 139px; text-indent: -9999px;}

.tab-bar {background: url(/rockcity/_images/rcm_tab_bar.gif) no-repeat; width: 772px; height: 48px; margin: 0; color: #fff;}
.tab-bar .welcome {font-size: .75em; width: 294px; padding: 10px 0 20px 60px;}
.tab-bar .loginbox {float: right; width: 348px; padding: 0 70px 0 0;}

.main {margin: 0 50px 0 50px; width: 672px;}
.content { width: 492px; max-width: 492px; padding: 10px 0 0 0;}
.content p, .p {font-size: .8em;}
.content h2 {padding: 0; margin: 0; font-size: 16px; font-weight: bold; color: #102586;}
.content ul li {font-size: .8em; margin-bottom: 10px; list-style-type: disc;}
.left {width: 180px}

.quicklinks {background: url(/rockcity/_images/rcm_quick_links.gif) no-repeat; font-size: 12px; width: 148px; height: 160px; margin: 15px;}
.quicklinks-list {margin: 35px 15px 15px 35px; padding: 0;}
.quicklinks-list li {margin-bottom: 5px;}

.top a:link {color: #fff; font-size: 12px; text-decoration: none;}
.top a:visited {color: #fff; font-size: 12px; text-decoration: none;}
.top a:hover {color: #982223; font-size: 12px; text-decoration: none;}

.footer {background: #d0d0d0; text-align: center; color: #3d3d3d; padding: 15px 0 0 0; margin: 0 0 0 44px; width: 683px; height: 100px;}
.footer p { font-size: .65em;}
.footer a:link {color: #3d3d3d; font-size: .65em; font-weight: bold; text-decoration: underline;}
.footer a:visited {color: #3d3d3d; font-size: .65em; font-weight: bold; text-decoration: underline;}
.footer a:hover {color: #3d3d3d; font-size: .65	em; font-weight: bold; text-decoration: none;}

.bottom {background: url(/rockcity/_images/rcm_footer_bar.gif) no-repeat; margin: 0; padding: 0; width: 772px; height: 36px; clear: both;}

#nav, #nav ul {
	float: left;
	width: 762px;
	list-style: none;
	line-height: 1;
	height: 20px;
	padding: 17px 0 0 10px;
	margin: 0;
}

#nav a {
	display: block;
	/*width: 10em;
	w\idth: 6em;*/
	color: #fff;
	text-decoration: none;
	padding: 0 8px 0 8px;
}

#nav a.daddy {
	
}

#nav li {
	float: left;
	padding: 0;
	list-style: none;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	margin: 0;
	list-style: none;
	display: block;
	margin-top: -10px;
	font-weight: bold;
}

#nav li li {
	padding-right: 1em;
	width: 13em;
}

#nav li ul a {
	width: 13em;
	w\idth: 9em;
	border: 1px solid #161616;
	padding: 4px;
	background: #102586;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
	
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	/*background: #eda;*/
}

.welcome {position: absolute; margin: 205px 0 0 -610px; font-weight: bold; font-size: 12px;}


/* ================================
    CSS STYLES FOR Rock City
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
    background-color: darkred;
}

/* background color for the content part of the pages */

/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle {
    font-family: Verdana Bold, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color:  white;
}

/* background/border colors for the selected tab */
.TabBg {
    background-color: white;
    border-color: white;
}

/* background/border colors for the unselected tabs */
.OtherTabsBg {
    background-color: dimgray;
    border-color: black;
}

/* text style for the selected tab */
.SelectedTab {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color:DarkRed;
    font-weight: bold
}

/* text style for the unselected tabs */
.OtherTabs {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color:gainsboro;
    text-decoration:none;
    font-weight: bold
}

/* hyperlink styles of the unselected tabs */
A.OtherTabs:link    {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:visited {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:active  {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:hover   {
    text-decoration:    underline;
    color:white;
}
    
/* text style for the site links (at extreme top-right of header) */
.SiteLink {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
}   

/* hyperlink style for the site links */
A.SiteLink:link {
    text-decoration:  none;
    color:white;
}

A.SiteLink:visited  {
    text-decoration:    none;
    color:#eeeeee;
}

A.SiteLink:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.SiteLink:hover    {
    text-decoration:    underline;
    color:white;
}

/* style for separator between site links */
.Accent
{
    color: #fff;
}



/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-size: 11px;
    background-color: #eeeeee
}

.CompanyMessage    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align:center;
    color:darkred;
    
}     

/* style of item titles by Announcements and events */
.ItemTitle    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: darkred;
}



/* GENERAL */
/* style for module titles */
.PageHead   {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: darkred;
}

.Head   {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: darkred;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: black;
}

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px    
}

/* MAIN CONTENT BLUE HEADER BAR */

.content-hdr-bar-bg 
{
	background: #336699;
	color:White
}

/* MAIN CONTENT DarkRED HEADER BAR */
.content-hdr2-bar-bg 
{
	background: #6699CC;
	color:White
}

.lighttableheader
{
	font-size: x-small;
	color: white;
	font-family: verdana;
	background-color: #FFF1C0;
}

.matrix-bg { background: #FFFFCC; }
.matrix-top-bevel 
{ 
  background-image: url('/images/ui/sr_top_bevel.gif'); 
  background-repeat: repeat-x 
}
.matrix-left-bevel 
{ 
  background-image: url('/images/ui/sr_left_bevel.gif'); 
  background-repeat: repeat-y 
}
.matrix-right-bevel 
{ 
  background-image: url('/images/ui/sr_right_bevel.gif'); 
  background-repeat: repeat-y 
}
.matrix-bottom-bevel 
{ 
  background-image: url('/images/ui/sr_bott_bevel.gif'); 
  background-repeat: repeat-x 
}

.results-property-number { color: black; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.results-hotel-description { color: #666666; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
.results-image-border { background: white; }

.city-dest-name { color: black; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.property-name-link { color: black; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
A.property-name-link { color: black; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
.property-address { color: black; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }

/* MAIN CONTENT AREA */
.content-title-1 { color: #CC3333; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, sans-serif; }
.content-title-2 { color: #CC3333; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }

.content-normal-txt { color: #666666; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
.content-normal-link { color: #CC3333; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
A.content-normal-link { color: #CC3333; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; }
.content-bold-txt { color: #000000; font-weight: bold; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
.content-hdr { color: #336699; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.content-mini-msg-link { color: #336699; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; }
A.content-mini-msg-link { color: #336699; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; }
.content-special-alert { color: #CC3333; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
.content-special-alert-big { color: #CC3333; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.content-links-on-click { color: black; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
A.content-links-on-click { color: black; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; }
.content-bold-link { color: #CC3333; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
A.content-bold-link { color: #CC3333; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
A.content-country-link { color: black; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }

.content-rate { color: black; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.content-rate-bold { color: black; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.content-promo-rate { color: #339933; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.content-promo-rate-bold { color: #339933; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.content-promo-link { color: #339933; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }

.main-header
{
	background: #999966;
}
.main-header-menu1 { color: #FFCC66; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
A.main-header-menu1:hover { color: white; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; }
.main-header-menu2 { color: #666666; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
A.main-header-menu2 { color: #666666; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; }
A.main-header-menu2:hover { color: black; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; }
.main-header-top-bevel { background-image: url('/images/ui/nav_top_bevel.gif'); background-repeat: repeat-x }
.main-header-bottom-bevel { background-image: url('/images/ui/nav_bot_bevel.gif'); background-repeat: repeat-x }
.main-header-welcome { color: black; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.main-header-hotelscom { color: #CC3333; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.main-header-users-name { color: black; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }

.leftnav-top-cities-hdr { color: #FFFFFF; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.leftnav-top-cities-link { color: #FFFFFF; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
A.leftnav-top-cities-link { color: #FFFFFF; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }

/* COMMON LEFT NAV AREA */
.leftnav-background { background: #6699CC; }
.leftnav-panel-bg { background: white; }

.leftnav-hdr-bar { color: white; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
.leftnav-panel-hdr { color: black; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.leftnav-panel-text { color: #666666; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
A.leftnav-panel-link { color: #336699; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; }
.leftnav-input { color: black; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.leftnav-panel-special-alert { color: #CC3333; font-size: 10px; font-family :Arial, Helvetica, sans-serif; }
.leftnav-panel-link-on-click { color: #336699; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
A.leftnav-panel-link-on-click { color: #336699; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; }

/* BLUE PANEL HEADER */
.leftnav-panel-hdr-bg { background: #336699; }
.leftnav-panel-hdr-top-bevel { background-image: url('/images/ui/ls_top_bevel.gif'); background-repeat: repeat-x }
.leftnav-panel-hdr-bottom-bg { background: #003366; }
.leftnav-panel-hdr-tl-bevel { background-image: url('/images/ui/ls_top_left_bevel-11x1.gif'); background-repeat: repeat-y }
.leftnav-panel-hdr-tr-bevel { background-image: url('/images/ui/ls_top_right_bevel-11x1.gif'); background-repeat: repeat-y }

A.leftnav-featured-link { color: #336699; font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.leftnav-featured-offers-from { color: #336699; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }

.Text-High-Light
{
	border-right: black thin solid;
	border-top: black thin solid;
	font-weight: bold;
	font-size: 11px;
	border-left: black thin solid;
	color: black;
	border-bottom: black thin solid;
	font-family: Arial, Helvetica, sans-serif;
	background-color: yellow;
}


.NormalSelectBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    border-style:solid;
    border-color: Black
    
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.BoldTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
    font-weight: normal;
}

.NoTextBox
{
    font-size: 2px;
    font-weight: 100;
    color: White;
    Font-Size:xx-small;
    border-color:White;
    border-style:none
}

.NoBorderTextBox
{
    border-color:White;
    border-style:none
}

.NormalRed
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: red
}

.NormalDarkRed
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: darkred
}

.NormalGray
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #666666
}

.NormalBlue
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #336699
}

.NormalBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}
  

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: darkred;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: darkred;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: darkred;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: red;
}

/* Tab Style */

default
{
	border-bottom:solid 1px #000000;
}
SelectedStyle
{
	border:solid 1px black;
	border-bottom:none;
	background:white;
	padding-left:5px;
	padding-right:5px;
}
HoverStyle
{
	color:red;
}
DefaultStyle
{
	border:solid 1px black;
	background:#6699CC;
	padding-left:5px; 
	padding-right:5px;
}
    
/* Grid Styles */

/* text style used for Datagrid Items */
.GridListSelectedItemStyle
{
    background-color: #d3d3d3;
    border-bottom: #FFF1C0;
    border-left: #FFF1C0 1px solid;
    color: black;
    font-family: Comic Sans MS, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 20pt;
    padding-left: 5px
}

.GridListHead
{
    background-color:  #99A992;
    border-bottom: #FFF1C0;
    border-left: #FFF1C0 1px solid;
    color: Black;
    font-family: Comic Sans MS, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 20pt;
    padding-left: 5px
    
}

.GridListHeadBlue
{
    background-color:  #336699;
    border-bottom: #FFF1C0;
    border-left: #FFF1C0 1px solid;
    color: Black;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 20pt;
    padding-left: 5px
    
}

.GridListItem
{
    background-color: #ffffff;
    border-bottom: #FFF1C0;
    border-left: #FFF1C0 1px solid;
    color:      Black;
    font-family:  Verdana, Helvetica, sans-serif;
    font-size: 12px;
    padding-left: 5px
}

.GridListItemAlt
{
	padding-left: 5px;
	font-size: 12px;
	border-left: #FFF1C0 1px solid;
	color: black;
	border-bottom: #FFF1C0;
	font-family:  Verdana, Helvetica, sans-serif;
	background-color: #FFF1C0;
}

.GridListFooter
{
    background-color: #dddca3;
    line-height: 10pt
}

/* text style used for Datalist Items */
.DatalistItem
{
    font-family: Comic Sans MS, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    line-height: 12px    
}

.gridFirstItem {
	border-top: #696969 1px solid;
	border-right: #696969 1px solid;
	border-bottom: #696969 1px solid;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
	margin: 1px;
}


.gridItem {
	border-right: #696969 1px solid;
	border-top: #696969 1px solid;
	border-left: #696969 1px double;
	border-bottom: #696969 1px solid;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
	margin: 1px;
}


.gridLastItem {
	border-top: #696969 1px solid;
	border-left: #696969 1px solid;
	border-bottom: #696969 1px solid;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
	margin: 1px;
}



.gridHeader {
	border-bottom: #696969 1px solid;
	font-weight: bold;
	font-size: 0.8em;
	color: #696969;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



.gridHeader a:active {
	color: #696969;
	text-decoration: none;
}

.gridHeader a:link {
	color: #696969;
	text-decoration: none;
}

.gridHeader a:visited {
	color: #696969;
	text-decoration: none;
}

.gridHeader a:hover {
	color: darkred;
	text-decoration: none;
}


/* GENERIC */
H1  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H2  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H3  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: darkred;
}

H4  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: darkred;
}

H5, DT  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: darkred;
}

H6  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: darkred;
}

TFOOT, THEAD    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    color: darkred;
}

TH  {
    vertical-align: baseline;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: darkred;
}

A:link  {
    text-decoration:    none;
    color:  darkred;
}

A:visited   {
    text-decoration:    none;
    color:  darkred;
}

A:active    {
    text-decoration:    none;
    color:  darkred;
}

A:hover {
    text-decoration:    underline;
    color:  red;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}


UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    color: dimgrey;
    height:1pt;
    text-align:left
}