/* CSS styles for "Vacation Villas Costarica" skin for dotNetNuke CMS system */
/* Design copyright 2006 by Impression Design */
Body
{
  background-color: #F7F3E7;
  color: black;
  margin-top: 0px;  
  margin-left: 0px;
  background-image: url(graficos/golden_bg.gif); 
  background-repeat: repeat;
}
/* Layout areas */
.flashHeader{
	background-color: black;
	color: #F7F3E7;
}
.linksBar{
	height: 30px;
	line-height: 30px;
	background-image: url(graficos/gradient_links.gif);
	background-repeat: repeat-x;
}
.footerBar {
	background-color: black;
	color: #E7CF94;
	height: 20px;
}
/* Search and Copyright */
.skinclass1 {
	COLOR: white;
	font-family: Arial, Helvetica, Tahoma;
   font-size: 9px;
	text-transform: capitalize;
	text-decoration: none;
}
A.skinclass1:link {
	COLOR: white;
	font-family: Arial, Helvetica, Tahoma;
   font-size: 9px;
	text-transform: capitalize;
	text-decoration: none;
}
A.skinclass1:visited {
	COLOR: white;
	font-family: Arial, Helvetica, Tahoma;
   font-size: 9px;
	text-transform: capitalize;
	text-decoration: none;
}

A.skinclass1:hover {
	COLOR: white;
	font-family: Arial, Helvetica, Tahoma;
   font-size: 9px;
	text-transform: capitalize;
   text-decoration: underline;
}
A.skinclass1:active {
	COLOR: white;
	font-family: Arial, Helvetica, Tahoma;
   font-size: 9px;
	text-transform: capitalize;
	text-decoration: none;
}
/* Links Token */
.skinclass2 {
   font-family: Arial, Helvetica, Tahoma;
   font-size: 9px;
	text-decoration: none;
	color: #6c571e;
}
A.skinclass2:link {
	font-family: Arial, Helvetica, Tahoma;
   font-size: 9px;
	text-decoration: none;
	color: #6c571e;
}
A.skinclass2:visited {
	font-family: Arial, Helvetica, Tahoma;
   font-size: 9px;
	text-decoration: none;
	color: #6c571e;
}
A.skinclass2:hover {
	font-family: Arial, Helvetica, Tahoma;
   font-size: 9px;
   text-decoration: none;
	color: black;
}
A.skinclass2:active {
	font-family: Arial, Helvetica, Tahoma;
   font-size: 9px;
	text-decoration: none;
	color: #6c571e;
}
/* hidden login link */
.skinclass3 {
	COLOR: black;
	font-family: Arial, Helvetica, Tahoma;
   font-size: 9px;
	text-decoration: none;
}
A.skinclass3:link {
	COLOR: black;
	font-family: Arial, Helvetica, Tahoma;
   font-size: 9px;
	text-decoration: none;
}
A.skinclass3:visited {
	COLOR: black;
	font-family: Arial, Helvetica, Tahoma;
   font-size: 9px;
	text-decoration: none;
}
A.skinclass3:hover {
	COLOR: navy;
	font-family: Arial, Helvetica, Tahoma;
   font-size: 9px;
   text-decoration: none;
}
A.skinclass3:active {
	COLOR: black;
	font-family: Arial, Helvetica, Tahoma;
   font-size: 9px;
	text-decoration: none;
}
/* Login Graphic (deleted)*/
.LogIn {
  background-image: url(graficos/admin_login.gif);
  background-repeat: no-repeat;
  height: 23px;
  width: 128px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  color: black;
  padding-top: 2px;
  text-decoration: none;
}
A.LogIn:link {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  color: black;
  padding-top: 2px;
  text-decoration: none;
}
A.LogIn:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  color: black;
  padding-top: 2px;
  text-decoration: none;
}
A.LogIn:active {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  color: black;
  padding-top: 2px;
  text-decoration: none;
}
A.LogIn:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  color: black;
  padding-top: 2px;
  text-decoration: underline;
}
/* Misc styles */
.WhiteLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	font-style: normal;
	white-space: nowrap;
}
.WhiteSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	font-style: normal;
	white-space: nowrap;
}
SMALL   {
    font-size:  8px;
}
BIG {
    font-size:  14px;
}

/* Skin content pane styles */
.TopPane  {
   background-color: black;
	width: 780px;
}
.LeftPane  {
   background-color: #D9D1BA;
	width: 200px;
}
.ContentPane  {
   background-color: white;
	width: 580px;
}
.CenterPane  {
   background-color: white;
	width: 380px;
}
.RightPane  {
   background-color: #E2CE94;
	width: 200px;
}
/* text style for the selected tab */
.SelectedTab {
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
}
/* hyperlink style for the selected tab */
A.SelectedTab:link {
    text-decoration:    none;
}
A.SelectedTab:visited  {
    text-decoration:    none;
    color:#eeeeee;
}
A.SelectedTab:hover    {
    text-decoration:    none;
    color:#cccccc;
}
A.SelectedTab:active   {
    text-decoration:    none;
    color:#eeeeee;
}
/* text style for the unselected tabs */
.OtherTabs {
 font-family: Arial, Helvetica, Tahoma, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: white;
 text-decoration: none;
}
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
    text-decoration:    none;
    color:white;
}
A.OtherTabs:visited  {
    text-decoration:    none;
    color:#eeeeee;
}
A.OtherTabs:hover    {
    text-decoration:    none;
    color:#cccccc;
}
A.OtherTabs:active   {
    text-decoration:    none;
    color:#eeeeee;
}
/* style for module titles */
.Head   {
    font-family: Arial, Helvetica, Tahoma;
    font-size:  11px;
    font-weight: bold;
	 background-color: #F7F3E7;
    color: #6c571e;
}
/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Arial, Helvetica, Tahoma;
    font-size:  11px;
    font-weight: bold;
    color: #6c571e;
}
/* module title style used instead of Head for compact rendering by Signin modules */
.SubSubHead {
 font-family: Arial, Helvetica, Tahoma, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #6c571e;
}
/* text style used for most text rendered by modules */
.Normal
{
 font-family: Arial, Helvetica, Tahoma, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: black;
 text-decoration: none;
}
A.Normal:link {
 font-family: Arial, Helvetica, Tahoma, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #6c571e;
 text-decoration: none;
}
A.Normal:visited {
 font-family: Arial, Helvetica, Tahoma, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #6c571e;
 text-decoration: none;
}
A.Normal:hover {
 font-family: Arial, Helvetica, Tahoma, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #6c571e;
 text-decoration: underline;
}
A.Normal:active {
 font-family: Arial, Helvetica, Tahoma, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #6c571e;
 text-decoration: none;
}
.NormalRed
{
 font-family: Arial, Helvetica, Tahoma, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #ff0000
}
.NormalBold
{
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  font-size: 11px;
  font-weight: bold
}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  font-size: 10px;
  font-weight: normal;
}
/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
	 color: #6c571e;
}
A.CommandButton:link {
    text-decoration: underline;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
	 color: #6c571e;
}

A.CommandButton:visited  {
    text-decoration: underline;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
	 color: #6c571e;
}

A.CommandButton:active   {
    text-decoration: underline;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
	 color: #6c571e;
}

A.CommandButton:hover    {
    text-decoration: underline;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
	 color: #6c571e;
}
/* Generic HTML styles */
H1  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  20px;
    font-weight: normal;
    color: #6B5518;
}

H2  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  20px;
    font-weight: normal;
    color: #a58e52;
}

H3  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight: normal;
    color: #6B5518;
}

H4  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight: normal;
    color: #a58e52;
}

H5, DT  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight: bold;
    color: #6b5518;
}

H6  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight: bold;
    color: black;
}

TFOOT, THEAD    {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    color: #6b5518;
}

TH  {
    vertical-align: baseline;
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    bold;
    color: #6b5518;
}
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: olive;
    height:1pt;
    text-align: center;
}

/* Module Title Menu */
.ModuleTitle_MenuContainer {
	border-bottom: #F7F3E7 0px solid; 
	border-left: #F7F3E7 0px solid; 
	border-top: #F7F3E7 0px solid; 
	border-right: #F7F3E7 0px solid; 
}
.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16;
	background-color: Transparent;
}
.ModuleTitle_MenuItem {
	cursor: pointer; 
	cursor: hand; 
	color: #6B5518; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	border-left: #F7F3E7 0px solid; 
	border-bottom: #F7F3E7 0px solid; 
	border-top: #F7F3E7 0px solid; 
	border-right: #F7F3E7 0px solid;
	background-color: #E7CF94;
}
.ModuleTitle_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #E7CF94; 
	border-left: #F7F3E7 0px solid; 
	border-bottom: #F7F3E7 0px solid; 
	border-top: #F7F3E7 0px solid; 
	text-align: center; 
	width: 15; 
	height: 21;
}
.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #E7CF94;
	color: #6c571e; 
	border-bottom: #F7F3E7 0px solid; 
	border-left: #F7F3E7 0px solid; 
	border-top: #F7F3E7 0px solid; 
	border-right: #F7F3E7 0px solid;
}
.ModuleTitle_MenuBreak {
	border-bottom: #F7F3E7 0px solid; 
	border-left: #F7F3E7 0px solid; 
	border-top: #F7F3E7 0px solid;  
	border-right: #F7F3E7 0px solid; 
	background-color: #E7CF94; 
	height: 1px;
}
.ModuleTitle_MenuItemSel {
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	background-color: #E7CF94;
}
.ModuleTitle_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
	border-right: #F7F3E7 0px solid; 
	border-bottom: #F7F3E7 0px solid; 
	border-top: #F7F3E7 0px solid;
}
.ModuleTitle_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}

/* Main menu styles */
.MainMenu_MenuContainer {
height: 45px;
background-color: transparent;
background-image: url(graficos/menu_repeat.gif);
background-repeat: repeat-x;
}
.MainMenu_MenuBar {
cursor: pointer; 
cursor: hand; 
height:16px; 
background-color: transparent;
}
.MainMenu_MenuItem {
cursor: pointer; 
cursor: hand; 
color: #6c571e; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight: bold; 
font-style: normal;
text-decoration:none;
background-color: transparent; 
border-bottom: black 0px solid; 
border-top: black 0px solid; 
border-right: black 0px solid;
border-left: black 0px solid;
height: 16px;
line-height: 16px;
}
.MainMenu_MenuIcon {
display: none;
}
.MainMenu_MenuItemSel {
cursor: pointer; 
cursor: hand; 
background-color: #a58e52;
color: white; 
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; 
font-weight: bold; 
font-style: normal; 
text-decoration:none;
border-right: black 0px solid;
border-left: black 0px solid;
border-bottom: black 0px solid;
border-top: black 0px solid;
padding: 0px;
height: 16px;
line-height: 16px;
}
.MainMenu_MenuBreak {
height: 5px;
}
.MainMenu_SubMenu .MainMenu_MenuItem {
height: 16px;
line-height: 16px;
z-index: 1000; 
cursor: pointer; 
cursor: hand; 
background-color: #A58E52;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; 
font-weight: bold; 
font-style: normal; 
text-decoration:none;
border-right: black 0px solid;
border-left: black 0px solid;
border-bottom: #A58E52 1px solid;
border-top: #A58E52 1px solid;
padding: 0px;
}
.SubMenuSel {
height: 16px;
line-height: 16px;
z-index: 1000; 
cursor: pointer; 
cursor: hand; 
background-color: #6B5518;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; 
font-weight: bold; 
font-style: normal; 
text-decoration:none;
border-right: black 0px solid;
border-left: black 0px solid;
border-bottom: #6B5518 1px solid;
border-top: #6B5518 1px solid;
padding: 0px;
}

.MainMenu_MenuArrow {
border-right: black 0px solid;
border-bottom: black 0px solid;
border-top: black 0px solid;
}
.MainMenu_RootMenuArrow {
font-family: webdings; 
font-size: 10pt; 
cursor: pointer; 
cursor: hand;
}