/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/   

/* 
##############Using NOW!#####################
/Portals/_default/Skins/Dynnamite-Dynamic-Lime/skin.css
/Portals/_default//default.css
/Portals/0/portal.css


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

/* background color for the content part of the pages */
Body
{
font-size:12px;

}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.head{
font-size:12px;
color:#333;
font-weight:bold;
padding:0px;
margin:0px;
}

.shintitle{
padding: 4px 4px 4px 6px;
}
.shintitle1{
padding: 2px 0px 2px 5px;
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
font-size:12px;

}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:hover    {
}
    
A.CommandButton:active   {
}

/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:hover {
}

A:active    {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL LI   {
}

HR {
}



/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}



/***********General*********************/




.title{
font-size:12px; font-weight:bold;
}

.bgcolor-lightblue {
background-color:rgb(236, 241, 255);
}

.margin_top25 {margin-top:25px;}









/* #################### container ##################### */
/* #################################################### */
.container_wrap {margin-bottom:10px; clear:both;}
.container_wrap5 {margin:2px 0px 8px; clear:both;}
.container_left_wrap {margin:2px 6px 4px 0px; clear:both;}
.container_left_wrap5 {margin:2px 6px 8px 0px; clear:both;}
.container {border:1px solid #AACCEE; background:url(/Portals/0/index/tbar.png) repeat-x;}
.container2 {background:url(/Portals/0/index/tbar.png) repeat-x; }
.container_only {border-top:1px solid #AACCEE; border-left:1px solid #AACCEE; border-right:1px solid #AACCEE; background:url(/Portals/0/index/tbar.png) repeat-x; width:100%; margin:0px 0px 0px 0px;}
.container_bar { height:21px;}
.container_bar h2 {padding:0px 5px; margin:0px; font-size:12px;}
.container_bar h3 {padding:0px 5px; margin:0px; font-size:12px; font-weight:bold; color:#333;}
.container_bar h4 {padding:0px 5px; margin:0px; font-size:12px; font-weight:bold; color:#333;}


.pulumelia {background: url(/Portals/0/index/line/coupon_bar.jpg) no-repeat  top right;}
.pulumelia_l {background: url(/Portals/0/index/line/pulumelia_l.jpg) no-repeat  top right;}
.haibisukasu {background: url(/Portals/0/index/line/haibisukasu.jpg) no-repeat  top right;}
.surf_l {background: url(/Portals/0/index/line/surf_l.jpg) no-repeat  top right;}
.surf_s {background: url(/Portals/0/index/line/surf_s.jpg) no-repeat  top right;}
.palm {background: url(/Portals/0/index/line/palm.jpg) no-repeat  top right;}
.interview {background: url(/Portals/0/index/line/star.jpg) no-repeat  top right;}
.turtle {background: url(/Portals/0/index/line/turtle.jpg) no-repeat  top right;}
.star {background: url(/Portals/0/index/line/star.jpg) no-repeat  top right;}

.coupon-padding {padding: 15px 5px 15px 25px;}



.wrap-title{
font-size:16px; font-weight:bold; color:#99CC00; margin:0px 0px 3px 0px;
}

.menu-titlebar{
border: 1px solid rgb(170, 204, 238); 
background: transparent url(/Portals/0/index/tbar.png); 
height: 21px;
}

/* ###################### common ###################### */
/* #################################################### */


/*********************right col*******************/
/********120 x 120 *****/


.right_120_wrap {
border-bottom: 1px solid rgb(204, 204, 204); margin: 10px 10px 0px; clear: both; 
height: 130px;
}
.right_120_img {
float: left; width: 120px; margin-right: 10px;
}
.right_120_img img {
width: 120px; height: 120px;
}
.right_120_tit {
font-size: 12px; font-weight: bold; margin-bottom: 10px;
}
.right_120_body {
font-size: 10px; line-height: 16px;
}


/********* 50 x 50 *****/

.right_50_wrap {
border-bottom: 1px solid rgb(204, 204, 204); margin: 10px 10px 0px; 
clear: both; height: 60px;
}
.right_50_img {
border: 1px solid rgb(204, 204, 204); padding: 1px; float: left; 
width: 50px; margin-right: 10px; background-color: rgb(255, 255, 255);
}
.right_50_img img {
height:50px; width:50px; 
}
.right_50_tit {
font-size: 12px; font-weight: bold; line-height: 18px;
}
.right_50_body {
font-size: 10px; line-height: 14px;
}


.right_mobi_wrap {
border-bottom: 1px solid rgb(204, 204, 204); margin: 10px 10px 0px; 
clear: both; height: 140px;
}
.right_mobi_tit {
margin: 0px 0px 8px 10px;
}
.right_mobi_img {
margin: 0px 10px; float: left;
}
.right_mobi_img img {
height:99px; width:99px; border: 1px solid rgb(204, 204, 204);
}



















/* #############border-color################## */

.border_orange {border:1px solid #EF8B3B;}
.border_blue {border:1px solid rgb(138, 194, 255);}
.border_lime {border:1px solid #99CC33;}
.border_pink {border:1px solid FF3366;}
.border_gray {border:1px solid #ccc;}
.border_white {border:2px solid #fff;}



a.no-decoration:link, a.no-decoration:visited{text-decoration:none;}
a.no-decoration:hover, a.no-decoration:active{text-decoration:underline;}

.hover a:hover {position : relative; left:3px; top:3px}


.line-bar {height:20px; background: transparent url(/Portals/0/index/line/line02.jpg) repeat-x; }




/* #### container with title #### */









/* **** paging **** */
.bar_record {padding-right:65px; text-align:right; font-size:10px;}
.paging-wrap {margin:10px 0px 10px 5px;}
.paging-wrap-up {margin:0px 0px 10px 0px;}
.paging-bar {width:740px; background:url(/Portals/0/index/tbar.png) repeat-x; height:21px;border:1px solid #AACCEE;}
.paging-bar-up {width:750px; background:url(/Portals/0/index/tbar.png) repeat-x; height:21px;border:1px solid #AACCEE;}
.paging-bar-title {width:60%; padding-left:10px;}
.paging-bar-title h2 {margin:0px; padding:0px; font-size:12px;}
.paging-bar-record {width:40%; text-align:right; padding-right:10px;}
.paging-select {font-size:10px; width:55px;}
.paging-each {padding:10px;}
.paging-each a {text-decoration:none;}
.paging-each a:visited {text-decoration:none;}
.thispg {font-size:20px; color:red; font-weight:bold; text-decoration:underline}













/********** Advertorials*************/
#advertorial {
margin-top:20px;
width:640px;
}
#advertorial ul {
list-style-type: none;

	width: 95%;
	margin: 0;
	padding: 0; /* for firefox */
}
#advertorial li {
	width: 100%;
	margin: 0;
	list-style-type: none;
}
#advertorial li a {
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 6px;
	width: 100%; /* need for IE to work */
	display: block;
	font-size: 10px;
	line-height: 14px;
	color: #333;
	text-decoration: none;
}
#advertorial li a:visited {
	color: #333;
}
#advertorial li a:hover{
	background: #ffffcc;
}
#shop {
	clear:both;
	float: left;
	width: 200px;
	padding: 0px;
	border: 1px solid #E9E9E9;
	margin-right: 10px;
	text-align:left;
}
#hotel {
	float: left;
	width: 200px;
	padding: 0px;
	border: 1px solid #E9E9E9;
	margin-right: 10px;
    text-align:left;
}
#service {
	float: left;
	width: 200px;
	padding: 0px;
	border: 1px solid #E9E9E9;
	text-align:left;
}