﻿@import url('rlg_customstyles.css');


/*-------------------------------------------------------------------------------------------------*/
/*---  NUTRALIS PROFESSIONAL DNN SKIN - www.shebangwebsites.co.za ---------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*========================================================*/
/*     BASIC HTML GLOBAL STYLES                           */
/*========================================================*/
/*-- Style For HTML PAGE --*/
html {
	height: 100%;
}
/*-- Style For HTML BODY --*/
body {
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
}
img {
	border-width: 0px;
}
/*----------------------------------------------------------------------*/
/*--- CLEAR FLOATED ELEMENTS -------------------------------------------*/
/*--- http://sonspring.com/journal/clearing-floats ---*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/*========================================================*/
/*     TABLE LAYOUT - WIDTHS & STYLES                     */
/*========================================================*/
/*-- Width Settings on Skin --*/
.pagemaster {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url('body_bg.gif');
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #3bb3c2;
}
.skinmaster_outertd {
	background-image: url('page_bg.gif');
	background-position: center 110px;
	background-repeat: no-repeat;
	/*-- See Alternate IE6 Style for PNG --*/
}
.skinmaster {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.skinmaster_td {
	background-color: #ffffff;
}
/*========================================================*/
/*     DNN SEARCH BAR STYLING                             */
/*========================================================*/
.search_td {
	padding: 0px 20px 0px 3px;
	background-image: url('search_bg.png');
	background-position: left center;
	background-repeat: no-repeat;
	background-color: transparent;
	/*-- See Alternate IE6 Style for PNG --*/
}
.search_td label {
	color: #FFFFFF;
}
/*-- textbox used for search -----------------------------*/
#dnn_dnnSEARCH_txtSearch.NormalTextBox {
	height: 21px;
	vertical-align: top;
	background: transparent;
	width: 163px;
	color: #666;
	padding: 3px 0px 0px 0px;
	margin: 0px 6px 0px 0px;
	border: 0px transparent solid;
	cursor: text;
}
/*--------------------------------------------------------*/
/*========================================================*/
/*     USER & DATE BAR STYLING                            */
/*========================================================*/
.DateLoginOuterTD {
	vertical-align: middle;
	height: 30px;
	background-color: #17414a;
}
.LoginTD {
	text-align: left;
	padding: 4px 0px 4px 0px;
}
.textcontrol_td {
	text-align: right;
	padding: 4px 20px 4px 0px;
}
/*-- TopBanner --*/
.topbar_outertd {
	background-image: url('topbar_bg.gif');
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #ffffff;
}
.logopane {
	width: 100%;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}
/*========================================================*/
/*     CONTENT PANES                                      */
/*========================================================*/
.ContentMainTable {
	background-color: white;
	width: 100%;
}
.BannerPane {
	background-color: white;
}
.BannerShadow {
	background-color: white;
	background-image: url('ShadowTop.gif');
	background-position: right top;
	background-repeat: repeat-x;
	height: 20px;
	width: 100%;
}
.HorzMenuTD {
	padding: 0px 15px 0px 15px;
}
.LeftSideTD {
	width: 180px;
	vertical-align: top;
	padding: 10px 15px 20px 15px;
	background-color: #dddddd;
}
.LeftMenuTD {
	width: 180px;
}
.LeftPane {
	width: 180px;
	padding: 10px 0px 0px 0px;
	text-align: left;
}
.ContentPanesTD {
	width: 720px;
	vertical-align: top;
	padding: 10px 15px 10px 15px;
}
.ContentPanesTable {
	width: 720px;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
}
.CntPane {
	width: 720px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}
.CntPaneTopLeft {
	width: 345px;
	padding: 0px 10px 0px 0px;
	vertical-align: top;
}
.CntPaneTopRight {
	width: 345px;
	padding: 0px 0px 0px 10px;
	vertical-align: top;
}
.CntPaneMidLeft {
	width: 450px;
	padding: 0px 10px 0px 0px;
	vertical-align: top;
}
.CntPaneMidRight {
	width: 250px;
	padding: 0px 0px 0px 10px;
	vertical-align: top;
}
/*========================================================*/
/*     FOOTER STYLES                                      */
/*========================================================*/
.FooterTD {
	background-color: #006b77;
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
}
.FooterLeftPane {
	width: 50%;
	padding: 0px 15px 0px 0px;
	vertical-align: middle;
}
.FooterRightPane {
	width: 50%;
	padding: 0px 0px 0px 15px;
}
.FooterLinksTable {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
}
.FooterLinksTD {
	text-align: left;
	padding: 15px 15px 20px 15px;
}
/*========================================================*/
/*  Tokens                                                */
/*========================================================*/
/*--------------------------------------------------------*/
/*-- LOGIN TOKEN STYLES ----------------------------------*/
/*-- login token idle ------------------------------------*/
.LOGIN_object, a.LOGIN_object:link, a.LOGIN_object:active, a.LOGIN_object:visited {
	color: #00a1b3;
	background-image: url('login_idle.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	height: 16px;
	float: Left;
	padding: 2px 0px 0px 25px;
	margin: 0px 0px 0px 16px;
}
/*-- login token hover -----------------------------------*/
a.LOGIN_object:hover {
	background-image: url('login_hover.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
	color: #ffffff;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}
/*--------------------------------------------------------*/
/*-- USER TOKEN STYLES -----------------------------------*/
/*-- user token idle -------------------------------------*/
.USER_object, a.USER_object:link, a.USER_object:active, a.USER_object:visited {
	color: #00a1b3;
	background-image: url('register_idle.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	height: 16px;
	float: left;
	padding: 2px 0px 0px 25px;
	margin: 0px 0px 0px 16px;
}
/*-- user token hover ------------------------------------*/
a.USER_object:hover {
	background-image: url('register_hover.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
	color: #ffffff;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}
/*--------------------------------------------------------*/
/*-- DATE TOKEN STYLES -----------------------------------*/
.DATE_object, a.DATE_object:link, a.DATE_object:active, a.DATE_object:visited {
	color: #9a9a9a;
	font-family: tahoma;
	font-size: 11px;
	text-decoration: none;
}
a.DATE_object:hover {
	color: #9a9a9a;
	font-family: tahoma;
	font-size: 11px;
	text-decoration: none;
}
/*--------------------------------------------------------*/
/*-- BREADCRUMB TOKEN STYLES -----------------------------*/
.BREADCRUMBS_text, .BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:active, a.BREADCRUMBS_object:visited {
	font-family: tahoma;
	color: #fff;
	font-size: 11px;
}
/*-- breadcrumb token hover ------------------------------*/
a.BREADCRUMBS_object:hover {
	color: #006b77;
	font-family: tahoma;
	font-size: 11px;
	text-decoration: none;
}
/*--------------------------------------------------------*/
/*-- FOOTER TOKEN STYLES ---------------------------------*/
.FOOTER_objects, a.FOOTER_objects:link, a.FOOTER_objects:active, a.FOOTER_objects:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;
	line-height: 160%;
}
/*-- footer token hover ----------------------------------*/
a.FOOTER_objects:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6cb8c0;
	text-decoration: none;
}
/*--------------------------------------------------------*/
/*-- LANGUAGE TOKEN STYLES -------------------------------*/
.Language_object {
	font-family: tahoma;
	font-size: 11px;
	text-decoration: none;
}
/*--------------------------------------------------------*/
/*-- DNN LINKS TOKEN STYLES ------------------------------*/
.LINKS_Objects, a.LINKS_Objects:link, a.LINKS_Objects:active, a.LINKS_Objects:visited {
	font-family: Tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
}
a.LINKS_Objects:hover {
	color: #006b77;
}
/*-------------------------------------------------------------------------------------------------*/
/*========================================================*/
/*  Text                                                  */
/*========================================================*/
/*-- put in for case-sensitive css ------------------------*/
/*-- some modules make reference to "normal" not "Normal --*/
.Normal, .normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 160%;
	color: #3d3d3d;
}
.NormalWhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 160%;
	color: #fff;
}
.NormalBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 160%;
	font-weight: bold;
	color: #3d3d3d;
}
.NormalHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 160%;
	color: #1d9eac;
	font-weight: bold;
}
.NormalRed {
	font-family: Arial, Helvetica, sans-serif;
	color: #c50000;
	font-weight: bold;
	line-height: 160%;
	font-size: 12px;
}
.Head {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #3d3d3d;
	font-weight: bold;
}
.SubHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #3d3d3d;
}
h1 {
	color: #006b77;
	font-weight: bold;
	font-size: 18px;
	margin: 0px 0px 10px 0px;
}
h2 {
	color: #1d9eac;
	font-weight: bold;
	font-size: 15px;
	margin: 0px 0px 5px 0px;
}
h3 {
	color: #006b77;
	font-weight: bold;
	font-size: 13px;
	margin: 0px 0px 5px 0px;
}
h4 {
	color: #ff7700;
	font-weight: bold;
	font-size: 12px;
}
h5 {
	color: #fff;
	font-weight: bold;
	font-size: 10px;
}
.Normal h1 {
	color: #6a94a6;
	font-weight: bold;
	font-size: 18px;
	margin: 0px 0px 10px 0px;
}
.Normal h2 {
	color: #abc6d2;
	font-weight: bold;
	font-size: 15px;
	margin: 0px 0px 5px 0px;
}
.Normal h3 {
	color: #6a94a6;
	font-weight: bold;
	font-size: 13px;
	margin: 0px 0px 5px 0px;
}
.Normal h4 {
	color: #abc6d2;
	font-weight: bold;
	font-size: 12px;
}
.Normal h5 {
	color: #3d3d3d;
	font-weight: bold;
	font-size: 10px;
}
blockquote {
	font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
	color: #c0c0c0;
	font-size: 11px;
	font-style: italic;
	line-height: 160%;
	margin: 10px 0px 10px 0px;
}
/*========================================================*/
/*  List <ul><li>&<ol> Item Styling (Bullets, etc)        */
/*========================================================*/
li {
	margin: 0px 5px 5px 10px;
	padding: 0px 0px 0px 10px;
	list-style-type: none;
}
ul {
	margin: 10px 5px 10px 10px;
	padding: 0px 0px 0px 10px;
	list-style-type: none;
}
ul li {
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 5px 0px;
	list-style-image: url('li_image.gif');
}
ul li li {
	list-style-image: url('li_image2.gif');
	padding-right: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
}
ul li li li {
	list-style-type: circle;
	list-style-type: disc;
	padding-right: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
}
ol li {
	list-style-type: decimal;
	list-style-type: disc;
	padding-right: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
}
ol ol li {
	list-style-type: lower-alpha;
	list-style-type: disc;
	padding-right: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
}
ol ol ol li {
	list-style-type: lower-roman;
	list-style-type: disc;
	padding-right: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
}
ol lu li {
	list-style-type: disc;
	padding-right: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
}
/*===== Horizontal Rule ===================================*/
hr {
	font-size: 11px;
	color: #abc6d2;
	background-color: #abc6d2;
	border: outset #abc6d2 1px;
}
/*========================================================*/
/*  Links                                                 */
/*========================================================*/
a:link, a:active, a:visited {
	color: #006b77;
	text-decoration: none;
}
a:hover {
	color: #ff7700;
	text-decoration: underline;
}
a.Normal:link, a.Normal:active, a.Normal:visited, a.normal:link, a.normal:active, a.normal:visited {
	color: #006b77;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
a.Normal:hover, a.normal:hover {
	color: #ff7700;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}
/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*========================================================*/
/*  Forms                                                 */
/*========================================================*/
input {
	font-family: tahoma;
	font-size: 11px;
	color: #333;
}
select {
	font-family: tahoma;
	font-size: 11px;
	color: #333;
}
.NormalTextBox {
	color: #333;
	padding-left: 4px;
	line-height: 12px;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
}
td.NormalTextBox {
	padding: 0px;
	margin: 0px;
	background: transparent;
	border: 0px;
}
.MenuPaneContent {
	width: 180px;
	padding: 0px 0px 0px 0px;
}




