﻿/*** 1010 Vacations, Inc. copyright 2007 ***/
body {    margin: 15px 0px 0px 0px;
    background-image: url(images/bkgrdTan.jpg);
    text-align: center; padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 8.5pt;  
}

    h1{ text-align: center; font-weight: bold;
        margin: 20px 0px 5px 320px;
        font-size: 11pt;   
        width: 540px;}
        
    h2 {   padding: 15px 10px 0px 0px; margin-bottom: 0px;
        font-size: 11pt;
        color: #c00;
        font-weight:  bold;}
        
     h3 {
        line-height: 25px;
        background-color: #fd9;
        color: #333; 
        border-top: 2px #f60 solid;
        border-bottom: 1px #f60 dashed;
        margin-left: -3px; margin-top: 0px; width: 530px;
        padding-left: 15px; margin-bottom: 10px;
        font-size: 10pt;}
        
    h4{}
    
    h5  {
        line-height: 1.7em; 
        border-top: 2px #f60 solid;
        border-bottom: 1px #000000 dashed;
        padding-bottom: 5px;
        padding-left: 15px;
        font-size: 10pt;
        margin-bottom: 0px;}
    
    h6{}
    
       p{ 
        font-size: 8.5pt;   
        }

/*  Structural Elements */

		
#frame1010 {
    width: 989px; margin: 0px auto; padding: 0px 0px 0px 3px;
    background-image: url(images/bkgrdFrame.gif);
    background-repeat: repeat-y; text-align: left;
    min-width: 989px;        }
		
#navTop1010 {
    width: 996px;
    background-image: url(images/bkgrdTan.jpg);
    margin-right: -5px; 
    position: absolute; top: 15px; }
    
#mastHead1010 {    background-image: url(images/bkgrdMasthead.jpg); 
    background-repeat: repeat-x;
    position: relative; top: 20px;
    left: 0px; height: 170px;
	width: 980px; 
}       
    #mastHead1010 p {
        margin: 5px 0px 5px 320px;
        line-height: 1.4em;  
        letter-spacing: 0.1em; width: 560px;}
        
#logo1010 {position: absolute; top: 35px; margin-left: 20px;}

#search1010 {position: absolute; top: 155px; padding: 3px 0 0 0; 
        margin-left: 15px; line-height: 20px;}

#bread1010 {position: absolute; top: 165px; 
        margin-left: 220px; font-size: 11px;}

#register1010 {position: absolute; top: 164px; margin-left: 895px;
         }
						
    #register1010 a  {
        text-decoration: none;}

    #register1010 a:hover {
        color: #f09;}
        
#rss1010 {position: absolute; top: 55px; margin-left: 940px; margin-top: 0px;}


/* Content Elements - 2 Column */        
#content1010 {background-image: url(images/bkgrdNavSide.gif);
    background-repeat: repeat-y;
    width: 980px; 
    margin: 0px; 
    padding:0px;    }

#main1010 {
    width: 760px; float: right;  padding-left: 20px  }
    
#below1010{}

#Above { margin: 0px; background-color: #FFF;}
    
.aboveForm {margin: 20px 20px 5px 20px;}
.formAlignCenter{ }

    #main1010 p {
        margin: 0px;
        padding: 5px 10px 5px 0px; 
        line-height: 1.5em;
         }      

    #impactMedia1010 {float: right;
        padding-left: 10px; 
        padding-top: 15px; 
        padding-right: 15px;  }
        
    #impactMedia1010s {float: right;
        padding-left: 10px; 
        padding-top: 15px; 
        padding-right: 0px;  }

    p.pubDate { 
        line-height: 12px !important;
        padding:  0 0 0 0px !important;
        color: #999 !important;   }

    .gooAd1010 {
         
        padding: 0px; margin-top: 10px; margin-bottom: 0px;  }
    
    .gooAdSideBar {
         
        padding-left: 20px; margin: 0px;  }
               
    .content { 
        width: 555px; 
        margin: 0px 0px 10px 0px; padding-left: 0px;}
        
        .sidebar p {padding: 0px;}

    .sideBar  {
        float: right; margin: 0px; padding: 0px;
        background-color: #fd9;  
        width: 200px; height: 100%;}
        
        .sideBar p {padding: 0 10px 0 10px !important;}

    .clearRight {
        clear: right;}


/*  Featured Elements  */

.boxFeatured{ float: right; text-align: left; background:#feb;
  overflow: hidden; 
width: 150px; height: 200px; 
margin: 9px 11px 1px 0px; 
padding: 11px; 
border: 1px #999 solid;}

.boxSideBar{ float: right; text-align: left; background:#eee;
  overflow: hidden; 
width: 150px; height: 200px; 
margin: 9px 12px 5px 0px; 
padding: 11px; 
border: 1px #999 solid;}


.boxSky{ float: right; 
  overflow: hidden; 
width: 160px; height: 600px; 
margin: 0px 15px 12px 0px; 
padding: 5px 6px 5px 5px;
border: 1px #999999 solid;}

p.featured 
{ 
padding: 0px !important; line-height: 13px !important;
        text-align: left;
   
}

img.featured {
    margin-bottom: 5px; 
    border: 0px none; 
    text-align: center; }

h4.featured  {
    margin: 0px 0px 3px 0px;
    font-size: 8.5pt;
    font-style: normal;
    color: #06c;
    font-family: Verdana, Helvetica, sans-serif;
    text-align: center; }
				
.featured a:link, .featured a:visited {
color: #06c; 
text-decoration: underline;}

h4.featured  a:hover {
color: #f09;}


.clearBoth {clear: both; margin: 0px; line-height: 0px; padding: 0px; }


.listTabFeatured {
width: 757px;
    padding-left: 0px  }

/*  Tabbed Listing Elements  */
/* ------------------*/
    
.listTab {
width: 535px;  
margin-left: 0px; margin-top: 10px;
padding: 0px; border: solid 1px #999;  
}

.listTabHead { background-color: #DFECFC; margin: 0px;
font-weight: bold; padding: 0px 5px 0px 10px;  width: 520px; font-size: 10pt;
}
.listTabHead h4 { display: inline; line-height: 20pt;
}


.listTabHead a{  text-decoration: none; color:#06c; font-size: 10pt;
}

.listTabHead a:hover{  text-decoration: underline;
}

.listingTab { background-color: #FEB; margin: 0px; padding-left: 15px; width: 520px; padding-bottom: 10px;

}
.listingTab a:link{   color:#06c; }
.listingTab  a:visited{   color:#06c;}
.listingTab  a:hover{ color:#039;}

.listingTabImage { float: left; margin: 0px 0px 0px 0px; padding: 5px 10px 3px 0px;
}

.listingTabStars { float: right; margin: 5px 2px 5px 5px; padding: 0px;
}

a.listOut:link, a.listOut:visited, a.listOut:hover {  color: #000; text-decoration: none; font-weight: bold;
}

a.listMore:link, a.listMore:visited {  color: #ff0033; font-size: 0.8em; text-decoration: none; letter-spacing: 0.1em;
}

a.listMore:hover{text-decoration: underline;}


/*  Old Listing Elements  */
/* ------------------*/


.listingHeadRSS { background-color: #DFECFC;
font-weight: bold; padding: 5px 10px 5px 10px;  
letter-spacing: .04em; 
}
.listingHeadRSS a{  text-decoration: none;
}

.listingHeadRSS a:hover{  text-decoration: underline;
}

 .listingTextRSS { background-color: #FEB;  padding: 5px 10px 10px 10px; 

}

.listingImageRSS { float: right; margin: 5px 2px 5px 5px; padding: 0px;
}

/* Blog and Comments */


.post {
	margin: 0 0 1em 0;
	padding: 0.1em 0 18px 0;
	background: url(images/divider.gif) no-repeat 50% 100%;
}
.posttitle {
	margin: 0.6em 0 0 0;
	padding: 0 0 0.1em 0;
	background: url(images/underline.gif) no-repeat 0 100%;
}
.postdate {
	margin: 0.1em 0 1.2em 0;
	color: #7C7D66;
	font-size: 0.92em;
}
.postmeta {
	clear: both;
}
.commentlist {
	margin: 0 0 0 1.2em;
	padding: 0 0 0.4em 0;
}
#commentlist li {
	position: relative;
}
#commentlist li .avatar { 
	float: left;
	position: absolute;
	right: 150px;
	padding: 2px;
	border: 1px solid #c5c799; 		
}
.commentauthor {
	margin: 0;
	padding: 0 0 0.1em 0;
	background: url(images/underline.gif) no-repeat 0 100%;
	font-size: 1.1em;
}
.commentauthor a {
	text-decoration: none;
}
.commentdate {
	margin-top: 0.2em;
	color: #7C7D66;
	font-size: 0.92em;
}
#comment {
	width: 550px;
}

input, textarea, select {	
	background-color: #FFF;
	border: 1px solid #4E5706;
	color: #000;
	font:  "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
}
.submit {
	border: 1px solid #000;
	background-color: #4E5706;
	color: #FFF;
}


/*  Side Bar Navigation Elements  */
/* ------------------*/

#navSide1010 {      background-image: url(images/bkgrdNavSide.gif);
    background-repeat: repeat-y;
width: 200px; }

.nav { 	
margin: 0px 10px 0px 10px;
border-bottom: 2px #0770b4 solid;
padding-bottom: 15px;
padding-top: 3px;}
			
h6.navV {
line-height: 20pt; font-size: 11pt;
display: inline;
letter-spacing: 0px; 
color: #06c;
margin: 5px 0 0 10px;
font-family: Arial, Verdana, Helvetica, sans-serif;}

h6.navV a:link			{ text-decoration: none; text-align: center;color: #06c;}
h6.navV a:visited		{ text-decoration: none; text-align: center; color: #06c;}
h6.navV a:active		{ text-decoration: underline; text-align: center;color: #06c;}
h6.navV a:hover		    { text-decoration: underline; text-align: center;color: #06c;}

ul.navlistV {
text-align: left; 
list-style: none; 
padding: 0px 0px 0px 4px; 
margin: 0px; 
line-height: 12pt;}

ul.navlistV li {list-style-image: none;
display: block;
margin: 0;
padding: 0;
list-style-type: none;}

ul.navlistV li a {
display: block; 
width: 155px; 
padding: 1px 0 1px 15px;
font-size: 8pt; 
border-width: 1px;
list-style-type: none;
border-color: #ffe #fff #ccc #fff; 
border-style: solid; 
color: #004dcc; 
text-decoration: none;
background: #d4e6fa;}

ul.navlistV li a:hover { 
color: #f09;
background: #eff4fa;
border-color: #aaab9c #fff #fff #ccc;}

/* Vertical Nav Elements  */

.floatright		{ float: right;}
.floatleft		{ float: left; margin: 0px 10x 5px 10px; padding:  0 6px 0px 12px; clear: both;}


hr.navV 			{ width: 170px; color: #fece6f; height: 2px; clear: both; margin: 0px 15px 0px 15px; }

p.navV{margin-bottom: 0px;
margin-left: 13px; margin-right: 13px;
margin-top: 5px;}


p.navV a:link			{color:#888; background-color: transparent; text-decoration: none; font-weight: bold; }
p.navV a:visited		{color:#666; background-color: transparent; text-decoration: none; font-weight: bold; }
p.navV a:active		{color:#666; background-color: transparent; text-decoration: none; font-weight: bold; }
p.navV a:hover		{color:#06c; background-color: transparent; text-decoration: underline; font-weight: bold; }



#copyright1010 {  
    width: 989px; 
    margin: 0px auto; 
    text-align: center; 
    padding: 12px 0px 20px 3px;		
    background-image: url(images/bkgrdfooter.gif); 
    background-repeat:  no-repeat;
    min-width: 989px; 
 }
    
    
    
    
    
/*  navTop Elements  */
/* ------------------*/
.topNavMenu ul.AspNet-Menu  {
width: 998px;  line-height: 14px; font-size: 11px;}

.topNavMenu ul.AspNet-Menu ul   { line-height: 14px;
}

.topNavMenu ul.AspNet-Menu ul ul    {line-height: 14px;
top: 5px;
left: 130px;  }

.topNavMenu li  {border-right: solid 1px #777;
width: 130px; background: url(images/bkgrdNavTop.gif) repeat-x;
    }

.topNavMenu ul.AspNet-Menu ul li    {background: #fc6; border-top: solid 1px #777; border-right: none;
width: 180px;   }

.topNavMenu li:hover, /* list items being hovered over */
.topNavMenu li.AspNet-Menu-Hover
{  z-index: 2; background: url(images/bkgrdNavTopHover.gif) repeat-x !important;
    
}

.topNavMenu a, /* all anchors and spans (nodes with no link) */
.topNavMenu span
{
    color: white;
    padding: 3px 4px 3px 8px;
    background:  url(images/arrowRight.gif) right center no-repeat;
}

.topNavMenu li.AspNet-Menu-Leaf a, /* leaves */
.topNavMenu li.AspNet-Menu-Leaf span
{
    background-image: none !important;
}

/*.topNavMenu li:hover a,  hovered text 
.topNavMenu li:hover span,*/
.topNavMenu li.AspNet-Menu-Hover a,
.topNavMenu li.AspNet-Menu-Hover span,
.topNavMenu li:hover li:hover a,
.topNavMenu li:hover li:hover span,
.topNavMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.topNavMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.topNavMenu li:hover li:hover li:hover a,
.topNavMenu li:hover li:hover li:hover span,
.topNavMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.topNavMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    color: black; 
    background: #f90;
}

.topNavMenu li:hover li a, /* the tier above this one is hovered */
.topNavMenu li:hover li span,
.topNavMenu li.AspNet-Menu-Hover li a,
.topNavMenu li.AspNet-Menu-Hover li span,
.topNavMenu li:hover li:hover li a,
.topNavMenu li:hover li:hover li span,
.topNavMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.topNavMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
    color: Black;  
    background:  url(images/arrowRight.gif) right center no-repeat;
}

.topNavMenu .AspNet-Menu-Selected /* this tier is selected */
{ color: black;
    background: url(images/bkgrdNavTopSelect.gif) repeat-x; 
}

.topNavMenu .AspNet-Menu-ChildSelected /* a tier below this one is selected */
{
    background: url(images/bkgrdNavTopSelect.gif) repeat-x; 
    /*border: solid 1px #0000ff !important; */
}

.topNavMenu .AspNet-Menu-ParentSelected /* a tier above this one is selected */
{   background: #FEC34E !important;
    /*border: solid 1px #0000ff !important;  border: solid 1px #ff0000 !important;*/
}
    
    
#login1010 
{ margin: 0; padding: 0; width: 199px; background-color: #0065B4; font-family: Arial, Helvetica, Sans-Serif;
    }

.access {color: #FFF; font-size: 11px; padding-top: 10px; }
.getID
{ color: #FFF; font-size: 16px; font-weight: bold; 
    }

.loginText{padding-left: 30px;   
    }
    
.loginBox{padding-left: 40px;   
    }
    
.indentForm{margin-left: 40px;}
    
.loginRemember input
{border: none; background-color: #DFECFC !important; 
    } 
    
.loginRemember
{padding-left: 20px; height: 30px;
    } 
    
    input {border-color: #ccc;}
    
.registration li
{ margin-top: 0px;  color: #777;
    }
   
  .registration  ul
{ margin-top: 0px; padding-left: 20px; 
   }
  .fieldname
  {
    }
    
    h2.tabs  {   padding: 0px 10px 0px 0px; margin: 0px !important;
        font-size: 11pt;
        color: #c00;
        font-weight:  bold;}
        
        
 