﻿/* Whole page 
----------------------------------------------------------------------------*/
body{
	margin:0;
	padding:0;
	font-size:12px;
	line-height:1.4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div{
	margin:0px;
	padding:0px;
}
td{
	font-size:12px
}
img{
	margin:0px;
	padding:0px;
	border:none;
	vertical-align:top;
}
input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	vertical-align:top;
}
select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px
}
#INS_all{
	width:100%;
	padding:0;
	margin:0;
	text-align:left;
}
#INS_cl{
	clear:both;
}
#INS_contentsBox{
	width:100%;
	position:relative;
}

#INS_content {
	width:80%; 
	position:absolute;
	top:0px;
	left:195px;
	
}


/* Link 
----------------------------------------------------------------------------*/
a:link{
	color:#1c4197;
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
a:visited {
	color:#1399d5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
a:hover {
	color:#555;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* members/genealogy.asp */
a.nav3:link, a.nav3:visited, a.nav3:active {
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-weight:bold;
	text-decoration:underline;
}
a.nav3:hover{
	color: #1c4197;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-weight:bold;
	text-decoration:none;
}

/* members/genealogy.asp */
a.nav4:link, a.nav4:visited, a.nav4:active {
	color:#1c4197;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	text-decoration:none;
}
a.nav4:hover {
	color: #555;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	text-decoration:none;
}


/* Header 
----------------------------------------------------------------------------*/
#INS_header {
	width:100%;
	background:url(header_stretch.jpg) top left repeat-x;
	overflow:hidden;
}

#INS_nav_menu {
	background:url(/clientinc/styles/template1/nav_bg_all.jpg) repeat-y;	
	width:180px;
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
}

#INS_nav_menu  a{
	color:#555;	
	text-decoration:none;
	width:auto;
}

#INS_nav_menu > li {
	width:180px;
	background:url(nav_bg.jpg) no-repeat;
	padding:10px 0;
	display:block;
}

#INS_nav_menu > li > img {
	margin:0 5px;	
}

.menu-parent {
	display:block;
}

#INS_nav_menu > .menu-parent > a > img {
margin:0 5px;	
}


#INS_nav_menu > li:hover {
	background:url(nav_bg_ov.jpg) no-repeat;	
}

#INS_nav_menu .sub {
	display:none;	
	margin:10px 0 0 15px;
	padding:0;
	list-style:none;
}

#INS_nav_menu .sub > li {
	padding:10px 0;
}

#INS_nav_menu .sub > li > img {
	margin-right:10px;	
}

#INS_nav_menu .sub > li a {
	text-decoration:none;
	width:auto;
}

.helpmenu {
	display:none;	
}
		
		


/* Footer 
----------------------------------------------------------------------------*/
#INS_footer{
	padding:20px;
	font-size:10px;
	border-top:1px solid #CCCCCC;
}


/* Content Colours
----------------------------------------------------------------------------*/
.tableHeaderBG{
	background-color:#9cacbb;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	-moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px;  
	-moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px;
	padding:4px;
}
.tableHeaderBG2{
	background-color:#e4e4e4;
	font-size: 11px;
	font-weight: normal;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tableHeaderBG3{
	background-color:#9cacbb;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



/* Omnimall Signup Autoship 
----------------------------------------------------------------------------*/
.tableAutoHeaderBG{
	background-color:#9cacbb;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
	font-weight:bold;
	color: #ffffff;
}
.thinBorder{
	border:1px solid #9CACBB;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;  
}
.tableBorder{
	border:2px solid #ccc;
}
.tableBorderGrey{
	border:2px solid #e6e6e6;
}
.tableBodyBG{
	background-color:#ffffff;
}
.tableBodyAltBG{
	background-color:#E4E4E4;
}
.tableBodyGreenBG{
	background-color:#66FF66;
}
.tableBodyYellowBG{
	background-color:#ffff00;
}
.tableBodyRedBG{
	background-color:#ff0000;
}
/* table bottom background, genealogy;suspended distributor,
this must be dark color because the text color in tableHeaderBG is used with this background */
.tableContentBG{
	background-color:#DEDEDE;
}
/* member;transfer funds total */
.tableContentBG2{
	background-color:#FFCC00;
}
/* genealogy;ps distributor */
.tableContentBG3{
	background-color:#14CD21;
}
.cellHighlightBG{
	background-color:#ffff00;
}
.textHighlight{
	font-size:10px;
	font-weight:bold;
	color:#1c4197;
}
.textHighlightBlue{
	font-size:12px;
	font-weight:bold;
	color:#1c4197;
}
.textHighlightBlueLG{
	font-size:14px;
	font-weight:bold;
	color:#1c4197;
}
.textHeaderWhite{
	font-size:10px;
	font-weight:bold;
	color:#ffffff;
}
.textHeaderWhiteLG{
	font-size:12pt;
	font-weight:bold;
	color:#ffffff;
}
.textHeaderDark{
	font-size:11pt;
	font-weight:bold;
	color:#333333;
}
.textHeaderDarkLG{
	font-size:14pt;
	font-weight:bold;
	color:#333333;
}
.textRed {
	color:#FF0000;
}
.textBlue {
	color:#0000FF;
}
.textWhite {
	color:#FFFFFF;
}
.posCompName {
	position:relative;
	visibility:visible;
	left:70px;
	top:2px;
	right:auto;
	bottom:auto;
	z-index:auto;
	height:5px;
	width:160px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.padding-v { padding-top:10px; padding-bottom:10px; }
.margin-v { margin-top:10px; margin-bottom:10px; }
.padding-h { padding-left:10px; padding-right:10px;}
.margin-h { margin-left:10px; margin-right:10px; }
.heading { font-size:18px; display:block; margin-bottom:5px;}
.sub-heading { font-size :16px; display:block; margin-bottom:5px;}
.float-l { float:left; }
.float-r { float:right; }

/* Omnimall Shopping Cart 
----------------------------------------------------------------------------*/
.OMN_CategoryTableBorder{
	border:2px solid #99bcce;
	width:100%;
	padding:6px;
}
.OMN_CategoryTyStyle{
	background-color:#c4dce9;
	padding:4px;
	color:#003399;
}
.OMN_CategoryDesc{
	padding-left:4px;
	color:#000;
}
.OMN_CurrencyBgStyle{
	background-color:#CFDDA2;
	padding:6px;
	color:#006633;
	font-weight:bold;
}
.OMN_ItemImage{
	border:1px solid #c2c2c2;
	width:200px;
	height:138px;
	vertical-align:middle;
}
.OMN_ItemTitle{
	padding:4px;
	background-color:#c4dce9;
	color:#000;
	font-weight:bold;
	margin-bottom:4px;
}
.OMN_ItemCode{
	padding:4px;
	background-color:#fff;
}
.OMN_Price{
	padding:4px;
	background-color:#FFCC99;
	font-size:11px;
}
.OMN_Vol{
	padding:4px;
	background-color:#E8E9DC;
}
.OMN_BottomLine{
	border-bottom:4px solid #CFDDA2;
}



/* Stockmarket Theme
----------------------------------------------------------------------------*/
a.st_nav:link, a.st_nav:visited, a.st_nav:active{
	color:#FFFF00;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a.st_nav:hover{
	color:#ffffff;
	font-size:10px;
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.st_content:link, a.st_nav:visited, a.st_nav:active{
	color:#000066;
	font-size:10px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.st_content:hover{
	color:#000000;
	font-size:10px;
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}




/* End Stockmarket Theme
----------------------------------------------------------------------------*/
a.sweep:link{
	color:#000066;
	font-size:10px;
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.sweep:body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #0000FF;
}
a.sweep:ul{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
a.sweep:ol{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}


/* User Search Page
----------------------------------------------------------------------------*/
.table_search_basic{
	background-color:#ffffff;
	font-size:11px;
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.table_search_intermediate{
	background-color:#FF1300;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.table_search_advanced{
	background-color:#FF1300;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.table_quicksearch_header{
	background-color:#666666;
	font-size:10px;
	font-weight:bold;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
a.search:link{
	color:#ffffff;
	font-size:11px;
	text-decoration:none;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
}
a.search:hover{
	text-decoration: underline;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.search:visited{
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}
a.search:active{
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}


/* Member Email Down Line
----------------------------------------------------------------------------*/
.infoMacro{
	border:solid 1px #3c78b5;
	background-color:#D8E4F1;
	text-align:left;
	margin-top:5px;
	margin-bottom:5px;
	width:700px;
}   


/* Flag Position 
----------------------------------------------------------------------------*/
#flagBase {
	position:relative;
}
#flag {
	position:absolute;
	top:35px;
	right:20px;
}

/* New Viewer Classes
----------------------------------------------------------------------------*/
.DVNormal{
	background-color:#FFFFFF;
	font-size:11px;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.DVQualifiedActive{
  background:url(/images/common/dark_green.jpg) no-repeat;
  width: 150px;
	height: 36px;
  color: #003399;
}
.DVAutoshipOnActive{
  background:url(/images/common/light_green.jpg) no-repeat;
  width: 150px;
	height: 36px;
  color: #003399;
}
.DVAutoshipOffActive{
  background:url(/images/common/light_red.jpg) no-repeat;
  width: 150px;
	height: 36px;
  color: #003399;
}
.DVQualifiedInActive{
  background:url(/images/common/dark_green.jpg) no-repeat;
  width: 150px;
	height: 36px;
  color: #FF6600;
}
.DVAutoshipOnInActive{
  background:url(/images/common/light_green.jpg) no-repeat;
  width: 150px;
	height: 36px;
  color: #FF6600;
}
.DVAutoshipOffInActive{
  background:url(/images/common/light_red.jpg) no-repeat;
  width: 150px;
	height: 36px;
  color: #FF6600;
}
.titleTyDesc{
  font-size: 10px;
  font-weight: bold;
  color: #003366;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* News Feed Styles
-----------------------------------------------------------------------------*/
#sharetextarea{
	background:url(/clientinc/styles/template1/sharetextarea_tab.png) no-repeat top left;
	width:376px;
	height:131px;
	border:0px;
}

#sharetextarea textarea{
	overflow-y:scroll;
	overflow-x: hidden;
	width:351px;
	height:79px;
	border:0px;
	background-color:transparent;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
	margin-top:10px;
	resize: none;
}

#sharesubmit {
	background:url(/clientinc/styles/template1/newsfeedsubmit.png) no-repeat;
	border:0px;
	width:60px;
	height:22px;
	color:#ffffff;
	font-size:11px;
}

#displayHandle {
	width:300px;
	float:left;
}

#displayDate {
	float:right;
	text-align:right;
	width:400px;
}

#newsFeedCont {
	height:290px;
	overflow-y:scroll;
	overflow-x: hidden;
}
.newsFeedComment {
	width:205px;
	background-color:#EEEEEE;
	word-wrap:break-word;
	overflow-x:scroll;
}

#NewsFeedMessage {
	background-color:#f0f0f0;
	border:#cccccc 1px solid;
	padding:10px;
}

#CommentDelete {
	margin:0px;
	width:750px;
	text-align:right;
	margin-bottom:20px;
}

#CommentDelete a{
	color:#0054a6;
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#CommentDelete a:hover{
	color:#CC3333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}


#UserComment {
	margin-left:30px;
}

#UserCommentHead {
	background-color:#FFFFFF;
	width:95%;
	border:#cccccc 1px solid;
	padding:7px;
	margin-top:10px;
}

#UserCommentHeaderLeft{
	float:left;
	text-align:left;
	width:50%;

}

#UserCommentHeaderRight{
	float:left;
	text-align:right;
	width:50%;
}

#AddComment {
	margin-left:0px;
	background:url(/clientinc/styles/template1/commenttextarea_tab.png) no-repeat top left;
	width:245px;
	height:63px;
	margin-top:10px;
}

#AddComment textarea{
	margin-left:10px;
	margin-bottom:5px;
	background-color:transparent;
	width:225px;
	height:58px;
	border:0px;
	overflow-y:scroll;
	overflow-x: hidden;
	resize: none;
}

/************************************
*		  Noticeboard				*
************************************/
#INS_noticeboard { 
width:100%;
	position:fixed;
	z-index:10000;
		
}

#INS_noticeboard_small{ 
	width:50%;
	position:fixed;
	z-index:10000;
}

.INS_noticeboard_tab { 
	float:right;
	position:absolute;
	right:10px;
	z-index:10000;
}

.infoboard, .errorboard, .successboard, .warningboard{
	border-bottom: 2px solid;
    margin: 0px;
    padding:10px 10px 10px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.infoboard a, .errorboard a, .successboard a, .warningboard a {
	color:#666;
}

.infoboard h2, .errorboard h2, .successboard h2, .warningboard h2 {
	display: inline;
	font-size:11pt;
}

.successboard {
	color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('/images/icons/message-icon-success.png');
}


.infoboard {
	color: #00529B;
    background-color: #BDE5F8;
    background-image: url('/images/icons/message-icon-info.png');

}

.warningboard {
	color: #9F6000;
    background-color: #FEEFB3;
	background-image: url('/images/icons/message-icon-warning.png');

}

.warningboard_small {
	color: #9F6000;
    background-color: #FEEFB3;
	background-image: url('/images/icons/message-icon-warning.png');
	border: 1px solid;
	margin: 0px;
    padding:10px 10px 10px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;

}

.successboard_small {
	color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('/images/icons/message-icon-success.png');
	border: 1px solid;
	margin: 0px;
    padding:10px 10px 10px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.errorboard {
	color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/images/icons/message-icon-error.png');

}



/********************************************
*			Tabbed Interface				*
********************************************/			
#ParentTabWrapper {
	width:840px;
}

.TabWrapper {
	width:400px;
	margin:10px 0;
	height:500px;
	overflow:auto;
}

.TabColumn {
	width:400px;
	float:left;
	margin:10px;
	
}

.tab_currency {
	text-decoration:none;
}

label.error { color:#F00; }

.loader { display:inline; }

/*****
Rounded Corners
*****/
.round-top-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px;  }
.round-top-right { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px;  }
.round-bottom-left { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;  }
.round-bottom-right { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;  }

.input-textbox { border:1px solid #ccc; width:250px; }
.input-textbox-medium { border:1px solid #ccc; width:200px; }
.input-textbox-short { border:1px solid #ccc; width:100px; }
.input-textarea { border:1px solid #ccc; width:250px; }

.header-action {
	float:right;
}

.header-action a {
	color:#fff;	
	font-weight:normal;
	text-decoration:none;
}

.header-action a:hover {
	text-decoration:underline;	
}

/*	These styles are used for alternating row colours	*/
.INS_row1 { background:#f0f0f0; }
.INS_row2 { background:#E1E1E1; }

/*	Floats left and right (cleaner than inline)	*/
.INS_left { float:left; }
.INS_right { float:right; }

.error { padding-left:5px; }

.input-box-short{ width:40px; }

.adminOnly {
	background:#666;
	color:#FFF;
}

.adminOnly:after {
	content: "(Displaying Admin Only)";		
}
