/* Created by Design Studio skins.hohoyoo.com */
/* background color for the content part of the pages */

/*========================================================*/
/*  1. Universal                                          */
/*========================================================*/
/* Style For HTML PAGE                   */ html { height: 100%; }
/* Style For Body PAGE                   */ Body{ font-family: Verdana, Geneva, Arial, helvetica, sans-serif, Tahoma;font-size:12px;}/*margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;*/

/*========================================================*/
/*  2. Text                                               */
/*========================================================*/

/*-- most of the text on site          --*/ .normal, .Normal { font-family: tahoma; font-size: 11px; color: #2A8CD0; }
/*-- most of the bold text on site     --*/ .NormalBold { font-family: tahoma; font-size: 11px; font-weight:  bolder; color: #1E88CC; }
/*-- red text on site for errors       --*/ .NormalRed { color: #C50000; font-family: tahoma; font-weight: bold; font-size: 11px; }
/*-- subheadings - mostly in admin     --*/ .SubHead { font-family: tahoma; font-size: 11px; font-weight: bold; color: #FB3F00; } /*padding: 0;*/
/*-- headings - mostly in admin        --*/ .Head { font-size: 11px; color: #F73E00; background: transparent; font-weight: bold; } /*padding: 0;*/

/*========================================================*/
/*  3. Links                                          */
/*========================================================*/
/*-- default links visited and active  --*/ A:link{color: #2093DD;text-decoration: none;}A:visited{color: #2093DD ;text-decoration: none;}A:active{color: #2093DD;text-decoration: none;}
/*-- default links hover               --*/A:hover{ color:#2093DD;text-decoration: underline;}
/*-- normal  links visited and active  --*/ a.Normal:link, a.Normal:visited { color: #666; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; }
/*-- normal  links hover               --*/ a.Normal:hover { color: #444; font-family: tahoma; font-size: 11px;	text-decoration: none; }

/*========================================================*/
/*  4. Forms                                              */
/*========================================================*/
/*-- default form elements      --*/ select, input { font-family: tahoma; font-size: 11px; color: #2093DD; background: #E7F4FB;}
/*-- textbox                    --*/ .NormalTextBox { color: #2685C8;  line-height: 12px; font-family: tahoma; font-weight: normal; font-size: 11px; } /*padding-left: 0px;padding: 2px 0px 0px 3px;*/
/*-- textbox container          --*/ td.NormalTextBox {  background: #E7F4FB;  border: 0; color: #1F87BB; }/*padding: 0; margin: 0;padding: 0px 0px 0px 3px; visibility: invisible; */
/*-- textbox used for search    --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox { text-align: left; vertical-align: bottom;  height:18px; background:  #E7F4FB; width: 109px; color: #2193DC; border: 1px solid #FFFFFF; cursor:text;} /*padding: 2px 0px 0px 2px;*/
/*-- search button in search form      --*/ .SearchButton { background: transparent; cursor: hand; font-size:15px; }/*padding: 3px 0px 0px 24px; margin: 0 0 0 0px;*/

/*========================================================*/
/*  5. Design Elements                                    */
/*========================================================*/
.pagemaster {width: 800px; height: 100%;	}
.InsideTable{background: url(Body_bg.jpg);background-repeat: repeat-x;}
.OuterTable { background: url(Body_bottom.gif);background-repeat: repeat;}
.Heartofocean_menu_bg{background-image: url(menu_bg.gif);height: 110px;background-repeat: repeat-x;}
.Heartofocean_title_menu_bg{background-image: url(duang_menu_bg.gif);background-repeat: repeat-x;width: 100%;height: 33px;}
.Heartofocean_title_bottom{background-image: url(bottombg.gif);background-repeat: repeat-x;width: 100%;height: 76px;}
.Heartofocean_border_left{background-image: url(border_left.jpg);width: 31px;height: 100%;background-repeat: repeat-y;}
.Heartofocean_border_right{background-image: url(border_right.jpg);width: 34px;height: 100%;background-repeat: repeat-y;}

/*========================================================*/
/*  6. Tokens                                             */
/*========================================================*/
/*-- login  token idle         --*/.Login{color: #FF561E;font-family: Verdana, Tahoma, Arial, Helvetica;font-size: 11px;font-weight: normal;font-style: normal;padding-left: 1px;padding-right: 1px;}
/*-- login  token Link         --*/A.Login:link {text-decoration:none; color:#FF561E;}
/*-- login  token Visitedb     --*/A.Login:visited {text-decoration:none;color:#FF561E;}
/*-- login  token active       --*/A.Login:active {text-decoration:none; color:#FF561E;}
/*-- login  token hover        --*/A.Login:hover {text-decoration:underline;color:#FF561E;}
/*-- user  token  idle         --*/.USER{color:#FF561E;font-family: Verdana, Tahoma, Arial, Helvetica;font-size: 11px;font-weight: normal;font-style: normal;padding-left: 1px;padding-right: 1px;}
/*-- user  token  Link         --*/A.USER:link {text-decoration:none;color:#FF561E;}
/*-- user  token  visited      --*/A.USER:visited  {text-decoration:none;color:#FF561E;}
/*-- user  token  active       --*/A.USER:active   {text-decoration:none;color:#FF561E;}
/*-- user  token  hover        --*/A.USER:hover    { text-decoration:underline;color:#FF561E;}
/*-- Breadcrumb  token  idle   --*/.BREADCRUMB {color:#FFF;font-family: Verdana, Tahoma, Arial, Helvetica;font-size: 11px;font-weight: normal;font-style: normal;height: 13px;padding-left: 1px;padding-right: 1px;}
/*-- Breadcrumb  token  Link   --*/A.BREADCRUMB:link { text-decoration:none; color:#FFF;}
/*-- Breadcrumb  token  visitde--*/A.BREADCRUMB:visited  { text-decoration:none; color:#FFF;}
/*-- Breadcrumb  token  active --*/A.BREADCRUMB:active   { text-decoration:none; color:#FFF;}
/*-- Breadcrumb  token  Hover  --*/A.BREADCRUMB:hover    { text-decoration:underline; color:#FFF;}
/*-- SearchGeild  token  idle  --*/.SearchFeild{font-family: Verdana, Tahoma, Arial, Helvetica;font-size: 11px;font-weight: normal;font-style: normal;padding-left: 1px;padding-right: 1px;}
/*-- SearchGeild  token  Link  --*/A.SearchFeild:link {text-decoration:none;}
/*-- SearchGeild  token visited--*/A.SearchFeild:visited  {text-decoration:none;}
/*-- SearchGeild  token  active--*/A.SearchFeild:active   {text-decoration:none;}
/*-- SearchGeild  token  hover --*/A.SearchFeild:hover    {text-decoration:none;}
/*-- separator   token  idle   --*/.separatorcss{font-size: 11px;color: #A3B4C4;}
/*========================================================*/
/*  7. Content Panes                                      */
/*========================================================*/

/*Pane*/
.BannerPane{ width:100%;padding-top: 0px;padding-left: 1px;padding-right: 1px;}
.TopPane {width: 100%;background-color: transparent;padding-left: 2px;padding-right: 2px;padding-top: 2px;}
.LeftPane {width: 21%;background-color: transparent;padding-left: 2px;padding-right: 2px;padding-top: 2px;}
.ContentPane {width: 100%;background-color: transparent;padding-left: 2px;padding-right: 2px;padding-top: 2px;}
.RightPane {width: 190px;background-color: transparent;padding-left: 2px;padding-right: 2px;padding-top: 2px;}
.BottomPane {width: 100%;background-color: transparent;padding-left: 2px;padding-right: 2px;padding-top: 2px;}


/*========================================================*/
/*  8.top title                     */
/*========================================================*/
/* style for top titles */
.ControlPanel, .PagingTable {width: 100%;height: 64px;background-color: #85C4EC;color: #000;BORDER-RIGHT: #003366 1px solid; BORDER-TOP: #003366 1px solid; BORDER-LEFT: #003366 1px solid; BORDER-BOTTOM: #003366 1px solid; }
.StandardButton{padding-right: 5px;padding-left: 5px;font-weight: normal;font-size: 11px;background: #218DD1;color: #FFF;font-family: Verdana, sans-serif; cursor: hand;}


/*========================================================*/
/*  9. Main Menu and Module Menus                         */
/*========================================================*/
/* style for module titles */
.ModuleTitle_MenuContainer {

}

.ModuleTitle_MenuBar {
	cursor: hand;
	height:16px;
	background-color: Transparent;
}

.ModuleTitle_MenuItem {
	cursor: hand; 
	color: Black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 8pt; 
	font-weight: normal; 
	font-style: normal; 
	border-left: #FFFFFF 0px solid; 
	border-bottom: #7AD7E3 0px solid; 
	border-top: #7AD7E3 0px solid; 
	border-right: #FFFFFF 0px solid;
}

.ModuleTitle_MenuIcon {
	cursor: hand; 
	background-color: #FF561E; 
	text-align: center; 
	width: 16px; 
   color: #FFF;
	border-left: #7AD7E3 0px solid; 
	border-bottom: #7AD7E3 0px solid; 
	border-top: #7AD7E3 0px solid; 
}

.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #347FC6; 
	color: #000;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='DimGray' , Direction=135, Strength=3);
}

.ModuleTitle_MenuBreak {
	border-bottom: white 0px solid; 
	border-left: white 0px solid; 
	border-top: gray 0px solid;  
	border-right: gray 0px solid; 
	background-color: transparent; 
	height: 1px;
}

.ModuleTitle_MenuItemSel {
	background-color: #347FC6;
	cursor: hand; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 8pt; 
	font-weight: normal; 
	font-style: normal;
	height:16px;
	color: #FFF;
}

.ModuleTitle_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
	border-right: #7AD7E3 0px solid; 
	border-bottom: #7AD7E3 0px solid; 
	border-top: #FFFFFF 0px solid;
}

.ModuleTitle_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}

/* Main Menu */

.MainMenu_MenuContainer {
	background-color: Transparent;
}

.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand; 
	height:30px;
}

.MainMenu_TabRootMenuItem TD
{
	background-image: url(Heartofoceanwhite_back.gif);	
	height: 30px;
}

.MainMenu_TabRootMenuItemSel TD
{
	background-image: url(Heartofocean_back.gif);	
	height: 30px;
	color: #FFF;	
}

.MainMenu_TabMenuItemHover TD
{
	background-image: url(Heartofoceanwhite_back.gif);	
	color: #FFF;
	height: 30px;
}

.MainMenu_TabMenuItemSelHover TD
{
	background-image: url(Heartofocean_back.gif);	
	color: #FFF;
	font-weight: lighter; 
	font-style: normal; 
	height: 30px;
}
.MainMenu_MenuItem {
	cursor: hand; 
	color: #000000; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 8pt; 
	font-weight: normal; 
	font-style: normal; 
	border-left: #FFFFFF 0px solid; 
	border-bottom: #7AD7E3 0px solid; 
	border-top: #7AD7E3 0px solid; 
	border-right: #FFFFFF 0px solid;
}

.MainMenu_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #FF561E; 
	border-left: #7AD7E3 0px solid; 
	border-bottom: #7AD7E3 0px solid; 
	border-top: #7AD7E3 0px solid; 
	text-align: center; 
	width: 16px; 
	height: 16px;
}

.MainMenu_SubMenu {
	border-bottom: #FFFFFF 0px solid; 
	border-left: #FFFFFF 0px solid; 
	border-top: #FFFFFF 0px solid;  
	border-right: #FFFFFF 0px solid; 
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #347FC6; 
	filter: progid:DXImageTransform.Microsoft.Shadow(color='DimGray' , Direction=135, Strength=2);
}

.MainMenu_MenuBreak {
	border-bottom: transparent 0px solid; 
	border-left: transparent 0px solid; 
	border-top: transparent 0px solid;  
	border-right: transparent 0px solid; 
	background-color: transparent; 
	height: 1px;
}

.MainMenu_MenuItemSel {
	background-color: #347FC6;
	cursor: hand; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 8pt; 
	font-weight: normal; 
	font-style: normal;
	height:16px;
	color: #FFF;
}

.MainMenu_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
	border-right: #7AD7E3 0px solid; 
	border-bottom: #7AD7E3 0px solid; 
	border-top: #FFFFFF 0px solid;
}

.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}

.Main {
	border-right:  #AAAAAA 1px solid; 
	border-left:  #AAAAAA 1px solid; 
}
.tab {
 	background-image: url(menubot.gif);	
	background-repeat: repeat-x;
	background-position: left top;
}


.MenuContainer
{
	background-color: transparent;
	padding-left: 4px;
	height: 35px;
	border-bottom: #98AAB1 0px solid;
}


/* text and link style for SkinObjects */

.SkinObject
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 10px; /*1.2em;*/
	font-weight: normal;
	padding-left: 1px;
	padding-right: 1px;
	color: #FF561E;
}

A.SkinObject:link
{
	text-decoration: none;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 10px; /*1.2em;*/
	font-weight: normal;
	padding-left: 1px;
	padding-right: 1px;
	color: #FF561E;
}
A.SkinObject:visited
{
	text-decoration: none;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 10px; /*1.2em;*/
	font-weight: normal;
	padding-left: 1px;
	padding-right: 1px;
	color: #FF561E;
}
A.SkinObject:active
{
	text-decoration: none;
	color: #FF561E;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 10px; /*1.2em;*/
	font-weight: normal;
	padding-left: 1px;
	padding-right: 1px;
}
A.SkinObject:hover
{
	text-decoration: underline;
	color: #2A8DD6;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 10px; /*1.2em;*/
	font-weight: normal;
	padding-left: 1px;
	padding-right: 1px;
}

/* hyperlink and text style for the header links  */

.Small
{
	color: #FF561E;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	padding-left: 1px;
	padding-right: 1px;
}

A.Small:Link
{
	text-decoration: none;
	color: #FF561E;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	padding-left: 1px;
	padding-right: 1px;
}

A.Small:Active
{
	text-decoration: none;
	color: #FF561E;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	padding-left: 1px;
	padding-right: 1px;
}

A.Small:Visited
{
	text-decoration: none;
	color: #FF561E;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	padding-left: 1px;
	padding-right: 1px;
}
A.Small:Hover
{
	color: #2A8DD6;
	text-decoration: underline;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	padding-left: 1px;
	padding-right: 1px;
}