@charset "UTF-8";
/* CSS Document */
body{
  background-color:#FFFFFF;
  margin:0px;
  padding:0px;
  background-repeat: no-repeat;
  background-position:center top;
  background-attachment:fixed;
  text-align:center;
  position:static;
  text-align:-moz-center;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}
#msg{
	width:250px;
	background-color:#000000;
	color:#FFFFFF;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
}
#msg2{
	width:600px;
	background-color:#000000;
	color:#FFFFFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#container{
  	border-collapse:collapse;
	margin-top:0px;
	padding:0px;
	border:0px;
	position:relative;
	margin:0px auto 0px auto;
	width:1024px;
	height:auto;
	text-align:left;
}
#contentBg{
background-image:url(Hawaii01/container.png);
background-repeat:no-repeat;
background-color:#FFFFFF;
}

#banner{
	width:1024px;
	background-image:url(Hawaii01/BannerWestcoast2_01.png);
	height:125px;
}

#banner h1{
	margin:0px;
	padding-top:60px;
	padding-left:650px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;	
}
#globallinks{

	width:1024px;
	height:30px;
	background-image:url(Hawaii01/GlbLinkBackground.png);
	background-repeat:no-repeat;
	
}
#globallinks ul{
	margin:0px;
	padding-left:24px;
	list-style:none;
}
#globallinks li{
	background-position:0px;
	float:left;
	height:30px;
	background-image:url(Hawaii01/button.png);
	text-align:center;
}
#globallinks li a{
	padding:6px;
	text-decoration:none;
	font-weight:500;
	text-transform:uppercase;
	color:#003300;
	font-size:14px;
	
}
#globallinks li p{
	font-weight:500px;
	text-decoration:none;
	margin-top:9px;
	margin-bottom:3px;
	font-weight:500;
	text-transform:uppercase;
	color:#003300;
	font-size:14px;
	
}
#globallinks li a:hover{
	background-image:url(Hawaii01/button_hover.png);
	color:#CCFF00;
}
#globallinks li:hover ul{
display:block;
	
}
#globallinks li p:hover{
}
#globallinks li p:visited{
	color:#0000FF;
	text-decoration:none;
}
#globallinks li ul{
padding-top:0px;
padding-left:0px;
margin-top:0px;
	display:none;
	position:absolute;
	
	z-index:100
}
#globallinks li ul li{
border:#006600 thin solid;
height:auto;
padding:6px;
float:none;
background-image:url(Hawaii01/GlbLinkBackground.png);
background-position:center;
background-color:#999999;

}
#globallinks li ul li a{
padding:0px;
background-image:none;
}
#globallinks li ul li: hover{
background-image:;
background-color:#FFFFFF;
}
#globallinks li ul li a: hover{
background-image:;
background-color:#666666;
}
#globallinks span{
	padding-top:0px;
	padding-left:200px;
}

#bgbox{
height:900px;
background-color:#FFFFFF;

background-repeat:repeat;
background-position:bottom;
}
#left{
	margin:0px;
	width:200px;
	float:left;
	height:auto;	
}
#infoblock{
	width:190px;
	margin:0px;
	height:auto;
}
#infoblock h1{
	margin:0px;
}
#infoblock p{
margin:0px;
}

#infoblock .weather h1{
	
	margin:0px;
	font-size:16px;
}
#infoblock .weather .top{
padding-left:12px;
height:27px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
margin-top:0px;
background-image:url(Hawaii01/WeatherBox_01.png);

}
#infoblock .weather .body{
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
margin-top:0px;
padding-left:12px;
background-image:url(Hawaii01/WeatherBox_03.png);
height:auto;
}



#infoblock .weather .bom{
padding-right:20px;
margin-top:0px;
background-image:url(Hawaii01/WeatherBox_02.png);
height:59px;
}

#infoblock .traffic .top{
padding-left:12px;
font-size:2px;
line-height:.5px;
height:27px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
margin-top:0px;
background-image:url(Hawaii01/TrafficBox_01.png);
}
#infoblock .traffic h1{
	padding-top:12px;
	margin:0px;
	font-size:16px;
}
#infoblock .traffic .body{
padding-left:12px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
margin-top:0px;
background-image:url(Hawaii01/TrafficBox_03.png);
height:auto;
}

#infoblock .traffic .bom{
padding-right:20px;
margin-top:0px;
background-image:url(Hawaii01/TrafficBox_02.png);
height:59px;
}

#middle{
	width:600px;
	height:auto;
	float:left;
	padding-top:2px;
}
#middle h1{
	margin:2px 2px 2px 12px;
	color:#FFFFFF;	
}
#bigbox{
	width:560px;
	height:auto;
	margin:0px 8px 0px 8px;
	padding:0px 5px 5px 5px;
	color:#000000;
	position:relative;
	font-family:arial, "helvetica", sans-serif;
	
}
#bigbox h1{
margin:0px;
	text-transform:capitalize;
	font-size:16px;
	color:#003333;
}
#bigbox h2{
margin:0px;
	font-size:16px;
	color:#003333;
}
#bigbox p{
	margin:0px;
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
	color:#000000;	
}
#bigbox p span{
margin:0px;
padding-right:20px;
}
#bigbox .top{
background-image:url(Hawaii01/BigBox/bigBox_01.png);
background-repeat:no-repeat;
height:35px;
}
#bigbox .top h1{
padding-left:12px;

}
#bigbox .body{
height:auto;
background-image:url(Hawaii01/BigBox/bigBox_03.png);
}
#bigbox .body h1{
margin:0px;
}
#bigbox .body h2{
color:#003300;
line-height:24px;
padding-left:5px;
margin:0px;
}
#bigbox .body p{
color:#000000;
padding-left:5px;
padding-right:12px;
margin:0px;
}
#bigbox .body span{
text-transform:none;
}
#bigbox .bom{
background-image:url(Hawaii01/BigBox/bigBox_05.png);
background-repeat:no-repeat;
height:45px;
padding-top:5px;
}
#bigbox .bom p{
padding-top:15px;
}

#slideshow {
border-style:solid;
color:#669900;
margin:5px;
width:400px;
height:282px;
}
#top {
	position:absolute;
	width:400px;;
	height:282px;
	z-index:1;
}
#bot {
position:absolute;
width:400px;
height:282px;
z-index:0;
}

#paragraph{
	width:120px;
	vertical-align:top;
	border:0px double #4682b4;
	padding:0px;
}

#smallbox{
	float:left;
	margin:1px 0px 0px 12px;
	width:270px;
	height:auto;
}

#smallbox .top{
padding-left:15px;
background-image:url(Hawaii01/SmallBox/smallBox_01.png);
background-repeat:no-repeat;
height:22px;
}
#smallbox .body{
height:auto;
background-image:url(Hawaii01/SmallBox/smallBox_03.png);
padding-left:7px;
}
#smallbox .bom{
background-image:url(Hawaii01/SmallBox/smallBox_05.png);
background-repeat:no-repeat;
height:27px;
padding-right:20px;
padding-top:2px;
}
#smallbox .img{
color:#666666;
width:82px;
height:82px;
}
#smallbox .text{
vertical-align:text-top;
width:160px;
height:auto;

}

#smallbox h1{
	text-transform:capitalize;
	text-align:left;
	margin:0px;
	font-size:16px;
		color:#999999;
}
#smallbox p{
color:#666666;
margin:0px;
font-family:"Times New Roman", Times, serif;
font-size:12px;
color:#000000;
}
#smallbox p span{
font-family:Arial, Helvetica, sans-serif;
color:#999999;
margin:0px;
}
#smallbox ol{
margin:0px;
}
/* Make this not interfere with other pages, then uncomment
#artist{
text-align:right;
color:# CCCCCC;
}*/
#smboximg{

border-style:solid;
width:80px;
height:80px;
}
#right{
	width:224px;
	height:inherit;
	float:left;
}
#right p{
	
	font-size:18px;
}
#ads{
margin:4px 2px 2px 2px;
}
#mediumbox{
	width:560px;
	height:auto;
	float:left;
	margin:0px 8px 8px 8px;
	padding:0px 5px 5px 5px;
	color:#000000;
	background-color:#99CC33;
	position:relative;
	font-family:arial, "helvetica", sans-serif;
	
}
#mediumbox h1{
margin-top:0px;
text-transform:capitalize;
color:#003300;
}
#topMCTlist{
float:left;
width:100px;
}
#TopMCTimag{
width:80px;
height:80px;
}
#thumbnail{
	width:100px;
	vertical-align:top;
}
#thumbnail h2{
	font-size:12px;
}
#thumbnail a{
	font-size:12px;
}
.thumbnail{
	width:80px;
	vertical-align:top;
	text-align:center;
	float:none;
	padding-left:1px;
	margin-top:0px;
	list-style:none;
}
.thumbnail img{
width:80px;
height:80px;
}
.title{
font-family:"Times New Roman", Times, serif;
	color:#FFFFFF;
	font-size:12px;
}
.thumbnail h2{
	margin:0px;
	text-transform:capitalize;
	font-size:12px;
	line-height:0px;
}
.thumbnail a{
	margin:0px;
	line-height:0px;
	color:#006600;
}
.thumbnail a:hover{
	color:#33FF00;
}
.thumbnail p{
	color:#006600;
}
.thumbnail p:hover{
	color:#33FF00;
}

div#category{
width:180px;
height:auto;
margin-left:12px;
margin-top:0px;
margin-bottom:5px;
padding:0px;
float:left;

}
#category .top{
	background-image:url(Hawaii01/Category/category_06.png);
	height:35px;
	background-repeat:no-repeat;
}
#category h1{
text-transform:capitalize;
line-height:12px;
margin:0px;
font-size:14px;
color:#663333;
}

#category p{
margin:0px;

}
#category .body{
	background-image:url(Hawaii01/Category/category_05.png);
}
#category .bom{

	height:24px;
	background-image:url(Hawaii01/Category/category_07.png);
	background-repeat:no-repeat;
}

#category a:hover{
color:#FFFFFF;
}
#searchbar{
padding-top:5px;
padding-left:20px;
margin:0px;
background-repeat:no-repeat;
width:570px;
height:auto;
} 
#searchbar p{
font-size:12px;
} 
#searchbar p span{
color:#660000;
font-size:16px;
font-family:arial, "helvetica", sans-serif;
}
table.search_results {
	width: 100%;
}
#audioBox{

}
#audioBox .audioImg {
	
	border:2px solid #006600;
	width:70px;
	height:200px;
}
#audioBox .audioImg:hover {
	border:2px solid #66CC00;
	width:100px;
	height:250px;
}
#audioBox .audioImg:visited {
	border:2px solid #006600;
	width:100px;
	height:250px;
}

#footer{
	width:1024px;
	height:172px;
	float:left;
	background-image:url(Hawaii01/footer.png);
	background-repeat:no-repeat;
}

#footer p{
margin-top:60px;
text-align:center;
font-size:14px;
}
#footer a:hover {
text-align:center;
font-size:14px;
color:#CC0033;
}
#footer a:visited {
text-align:center;
font-size:14px;
color:#CCCCCC;
}

#caption{
	text-align:left;
	padding-top:12px;
	font-family:arial, "helvetica", sans-serif;
	font-size:16px;
}
#caption h1{
padding-left:0px;
text-align:left;
color:#000000;
font-size:14px;
}
#caption p{
padding-left:12px;
text-align:left;
color:#000000;
font-size:12px;
}
/* style for slideshow*/
#gallery { position: relative; width:400px; height:282px; margin:0; 
padding:0; }
#gallery li { display: block; }

#slidebox{
margin-left:20px;
border-style:solid;
border-color:#669900;

}

#slidebox .thumb{
	background-color: #669900;
}
#slidebox .thumb img{
border:solid 2px #669900;
margin-top:5px;
margin-bottom:5px;
}
#slidebox .thumb img:hover {
border:solid 2px #66FF00;
}
#b{
	background-color:#669900;
	margin:0px;
}
#b ul{
margin:0px;
}
#cap{
padding-left:25px;
margin-left:25px;
width:485px;
margin:0px;
}
#cap h1{
	background-color:#669900;
	padding-left:5px;
	color:#003300;
	margin:0px;
}
#cap p{
background-color:#669900;

color:#003300;
margin:0px;
}
/*style for CTplayer here*/
#player_menu{
background-image:url(Hawaii01/Player/Player_menu.png);

}
#Player_footer{
height:39px;
margin:0px;
margin-bottom:10px;
background-image:url(Hawaii01/Player/Player_footer.png);
background-repeat:no-repeat;
}
#Player_footer p{
margin:0px;
}
#playerContainer{
width:800px;
height:400px;
}
#playerContainer .banner{
height:90px;
}
#playerContainer .ads{
float:left;
text-align:left;
}
#playerContainer .player{
margin:0px;
padding:0px;
float:left;
width:400px;
height:282px;
background-color:#000000;

}

#videoPlayer{
	margin:0px;
	margin-bottom:0px;
	background-image:url(Hawaii01/Player/Player_Background.png);
	background-color:#669900;
	width:600px;
	height:auto;
	line-height:15px;
}
#videoPlayer p{
margin:0px;
}
#videoPlayer h1{
margin:0px;
}
#videoPlayer .left{
	margin-right:5px;
	width:400px;
	float:left;
	
}
#player{
height:400px;
}
#video_by_same_user{
background-color:#FFFFFF;
overflow:auto;
width:185px;
height:60px;
}
#related_video{
background-color:#FFFFFF;
overflow:auto;
width:185px;
height:60px;
}
#video_description{
background-color:#FFFFFF;
overflow:auto;
width:185px;
height:80px;
}
#video_comments{
background-color:#FFFFFF;
overflow:auto;
width:185px;
height:150px;
}
#playerInfo{
	height:100%;
	background-color:#999999;
}
#playerInfo p{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;


}
#playerInfo h1{
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;


}
#playerUserInter{
	background-color:#CCCCCC;
	
}

/*global links 2 style*/
#globallinks2{
	z-index:5;
	width:1024px;
	height:49px;
	background-image:url(Hawaii01/images/Hawaii01_02.png);
	background-repeat:no-repeat;
	position:fixed;
	top:0px;
		
}
#globallinks2 ul{
	margin:0px;
	padding-left:38px;
	list-style:none;
}
#globallinks2 li{
	background-position:0px;
	float:left;
	height:49px;
	background-image:url(Hawaii01/button.png);
	text-align:center;
}
#globallinks2 li a{
	padding:15px;
	text-decoration:none;
	font-weight:500;
	text-transform:uppercase;
	color:#003300;
	font-size:14px;
	
}
#globallinks2 li p{
	text-decoration:none;
	margin-top:15px;
	margin-bottom:15px;
	font-weight:500;
	text-transform:uppercase;
	color:#003300;
	font-size:14px;
	
}
#globallinks2 li a:hover{
	background-image:url(Hawaii01/button_hover.png);
	color:#CCFF00;
}
#globallinks2 li:hover{
	
}
#globallinks2 li p:hover{
}
#globallinks2 li p:visited{
	color:#0000FF;
	text-decoration:none;
}
#globallinks2 span{
	padding-top:0px;
	padding-left:200px;
}
#loginbox{
	background-color:#6FA300;
	height:400px;
}
#loginleft{
padding-top:12px;
margin:0px;
width:224px;
float:left;
}
#loginleft p{
margin:0px;
}
#loginmiddle{
text-align:center;
float:left;
width:576px;
}
#loginmiddle p{
margin:0px;
}
#loginright{

}

/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	
	clear: none;
	width:570px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.YPTabbedPanels {
	margin: 0px;
	padding: 0px;
	
	clear: none;
	width:190px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {

	margin: 0px;
	padding: 0px;
}

.YPTabbedPanelsTabGroup {

	margin: 0px;
	padding: 0px;
}
/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	background-image:url(Hawaii01/tab_02.png);
	text-align:center;
	position: relative;
	float: left;
	padding-top: 3px;
	margin: 0px 0px 0px 0px;
	font:12px arial, "helvetica", sans-serif;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	width:95px;
	height:22px;
}

.YPTabbedPanelsTab {
	background-image:url(Hawaii01/tab_02.png);
	text-align:center;
	position: relative;
	float: left;
	padding-top: 3px;
	margin: 0px 0px 0px 0px;
	font:10px Arial, Helvetica, sans-serif;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	width:95px;
	height:22px;
}


/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	
}
.YPTabbedPanelsTabHover {

}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-image:url(Hawaii01/tab_01.png);
	
}
.YPTabbedPanelsTabSelected {


}
/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
.YPTabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	
}
.YPTabbedPanelsContentGroup {
	clear: both;

}
/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 0px;
}
.TabbedPanelsContent p{
	margin: 0px;
}
.TabbedPanelsContent .body{
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
margin-top:0px;
padding-left:12px;
background-image:url(Hawaii01/tab_05.png);
height:auto;
}
.TabbedPanelsContent .bom{
	padding-right:20px;
margin-top:0px;
margin-bottom:5px;
background-image:url(Hawaii01/tab_06.png);
height:36px;
}
.YPTabbedPanelsContent {
	padding: 0px;
}
.YPTabbedPanelsContent .body{
	padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
margin-top:0px;
padding-left:12px;
background-image:url(Hawaii01/tab_03.png);
height:auto;
}
.YPTabbedPanelsContent .bom{
	padding-right:20px;
margin-top:0px;
margin-bottom:5px;
background-image:url(Hawaii01/tab_04.png);
height:36px;
}
/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}
.YPTabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	
}
.YPVTabbedPanels .YPTabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	
}


/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}
.YPVTabbedPanels .YPTabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}
/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	
	
}
.YPVTabbedPanels .YPTabbedPanelsTabSelected {

	
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}
.YPVTabbedPanels .YPTabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

/* Style for advertising
*/
.Ad_banner{
border:solid 2px;
margin-bottom:7px;
width:590px;
height:90px;
background-color:#999999;

}
.Ad_MediumRectangular{
border:solid 2px;
margin-top:7px;
width:214px;
height:100px;
background-color:#999999;
}
.Ad_square{
margin-top:7px;
width:200px;
height:200px;
background-color:#999999;
}
.Ad_skyscraper{
border:solid 2px;
margin-top:7px;

width:214px;
height:500px;
background-color:#999999;
}
/*
Tourist Map Style
*/
#touristMap{
margin-left:10px;
width:430px;
float:left;
}
#mapTumbnail{

height:400px;
}
#mapTumbnail ul{
margin-top:0px;
list-style:none;

}
#mapTumbnail ul li{
margin-bottom:5px;
list-style:none;

}
/* upload page style
*/
form .error_msg {
	color:#FF0000;
	
}
form p .requirement {
color:black;
}
#contentBg #middle #bigbox .body .formtab .error_msg {
	color: #FF0000;
}
/* the login box at the header
*/
#login{
position:absolute;
top:5px;
left:650px;
}
/* Searchbox 
*/
#searchbox .top{
height:70px;

background-repeat:no-repeat;
background-image:url(Hawaii01/searchbox/searchbar_01.png);
}
#search_results{
background-image:url(Hawaii01/searchbox/searchbar_03.png);
}
#search_results p{
padding-left:5px;
margin:0px;
}
#searchbox .bom{
height:25px;
background-repeat:no-repeat;
background-image:url(Hawaii01/searchbox/searchbar_04.png);
}