body, html {
	font-family: Arial, Sans-Serif;
	font-size: .9em;
	height: 100%;
	margin: 0px;
}

#Layer1 {
	position:absolute;
	width:136px;
	height:500px;
	z-index:1;
	left: 820px;
	top: 117px;
	padding-left: 10px;
	padding-right: 10px;
}

div {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/* Al update begin */
td.pclass{
	FONT: 12px verdana; 
	COLOR: #333333;
font-weight: normal;
}

.sidemenumoleskine{
	position:absolute; 
	left:780px; 
	top:10px; 
	width:191px; 
	height:64px; 
	z-index:7;
}

.results {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #333333; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif
}

H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #0B8EC6; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif
}
/* Al update end */
	
	
img {
	border: 0px;
}

div#main {
	height: 100%;
}

div#tBar {
	height: 96px;
	background-image: url('/images/titlebar_sliver.gif');
	background-repeat: repeat-x
}

div#tBar div#logo {
	float: left;
	width: 272px;
	height: 96px;
}

div#tBar div#menu {
	position: absolute;
	left: 1%;
	top: 63px;
	height: 33px;
	align: left;
}

div#tBar div#menu a {
	display: block;
	float: left;
	width: 140px;
	height: 33px;
	line-height: 250%;
	text-align: center;
	background-color: transparent;
	color: rgb(102,102,102);
	text-decoration: none;
}

div#tBar div#menu div.divider {
	float: left;
	background-image: url('/images/titlebar_menu_divider.gif');
	background-repeat: repeat-x;
	width: 1px;
	height: 33px
}

div#tBar div#search {
	float: right;
	padding-right: 20px;
	height: 40px;
	text-align: center;
}

div#tBar div#search1 {
	float: left;
	padding-right: 20px;
}

div#tBar div#search2 {
	clear:none;
	padding-right: 20px;

}
div#tBar div#log {
	float: right;
	height: 26px;
	text-align: center;
	background-color: transparent;
	color: rgb(102,102,102);
	padding: 0px 10px 0px 10px;	/* top right bottom left */
	line-height: 240%;
	font-size: 0.85em;
}

div#tBar div#search input.sBox {
	border: 1px rgb(100,100,100) solid;
}

div#content {
	padding: 20px 40px 20px 40px;	/* top right bottom left */
}

div.txtBox {
}

div.txtBox h2 {
	font-size: 1.2em;
	color: rgb(4,138,196);
	margin: 5px 0px 5px 0px;	/* top right bottom left */
}

div.txtBox div#join {
	float: left;
	width:  286px;
}

div.txtBox div#welcomeTxt {
	float: left;
	width: 40%	;
	margin-right: 17%;
	margin-left: 5%

}
div.txtBox div#instruct{
	width: 650px
}



/* Al update begin */
/* Help Page CSS */
div#contactBar		{
	float: left;
	width: 160px;
	text-align: left;
	padding: 2px;
	padding-right: 2px;
}
ul#helpMenu			{ display: block; margin-top: 20px; padding: 0px; line-height: 110%; }
ul#helpMenu a		{ color: rgb(4,138,196); font-size: 10pt; font-weight: bold; text-decoration: none; }
ul#helpMenu li		{ color: rgb(4,138,196); margin: 0px; padding: 0px; }

div#faq				{ float: left; width: 600px; padding-left: 20px; border-left: 1px rgb(180,180,180) solid; }

div#questions {
	margin: 20px 0px 10px 0px;	/* top right bottom left */
	line-height: 150%;
}

div#questions a			{ color: rgb(4,138,196); font-size: 10pt; font-weight: bold; text-decoration: none; }
div#answers a			{ font-size: 10pt; font-weight: normal; text-decoration: underline;}



div#answers a.small		{ color: rgb(4,138,196); font-size: 8pt; text-decoration: none; cursor: pointer; }
div#answers a.small img { vertical-align: middle; }
/* Al update end */

/* Welcome Page CSS */
div#welcomeWhat				{ float: left; width: 350px; margin-right: 60px; }
div#welcomeMake				{ float: left; width: 500px; border: 1px rgb(180,180,180) solid; }

div#welcomeBox				{ background-color: rgb(240,240,240); border-right: 1px rgb(180,180,180) dotted; }
div#welcomeBox div.inner		{ padding: 10px 10px 10px 10px;	/* top right bottom left */ }
div#welcomeBox div.pic		{ float: left; width: 83px; height: 72px; }
div#welcomeBox div.para		{ float: right; width: 230px; }
div#welcomeBox div a			{ display: block; float: right; }
div#welcomeBox div strong	{ color: rgb(255,150,4); font-weight: bold; }

div#welcomeBox2				{ padding: 12px; background-image: url('/images/welcome_woman_pc.jpg'); background-repeat: no-repeat; background-position: 100% 100%; height: 220px }
div#welcomeBox2 div			{ position: relative; top: 70px; width: 200px; }
div#welcomeBox2 div strong	{ color: rgb(255,150,4); font-weight: bold; }


/* Registration/Login Page CSS */
div#reg						{ width: 80%; margin: 0px auto; }
div#reg div.padBoxSml			{ padding: 20px; background-color: rgb(240,240,240);}
div#reg div.padBoxBig			{ padding: 20px; background-color: rgb(240,240,240);}

div#reg div.loginBox			{ float: left; width: 42%; margin: 15px; border: 1px rgb(180,180,180) solid; }
div#reg form					{ margin: 0px; }
div#reg h4.oH4				{ color: rgb(255,150,4); font-size: 12pt; font-weight: bold; margin-top: 5px; }
div#reg h4.bH4				{ color: rgb(0,112,181); font-size: 12pt; font-weight: bold; margin-top: 5px; }


/* Customise Pages CSS */
div#custom							{}
div#custom div#menu					{ clear: both; }
div#custom div#menu img 				{ display: block; float: left; }
div#custom div.custBox				{ float: left; width: 90%; border: 1px rgb(180,180,180) solid; margin-bottom: 40px; }
div#custom div.custBox hr			{ width: 100%; border: 1px rgb(180,180,180) solid; border-top: 0px; height: 1px; }

table#search				{ width: 100%; border-collapse: collapse; border-spacing: 0px; border: 0px; margin: 0px; }
table#search td			{ padding: 0px 10px 0px 10px; }
table#search tr.title	{ border: 1px rgb(255,150,4) solid; }
table#search tr.dk		{ background-color: rgb(255,249,232); }
table#search tr.lt		{ background-color: rgb(255,255,255); }
table#search th			{ padding: 0px; text-align: left; }
table#search th div {
	padding: 0px;	/* top right bottom left */
	background-image: url('/images/title_orange_sliver.gif');
	background-repeat: repeat-x;
	height: 22px;
	line-height: 22px;
	color: white;
	text-indent: 10px
	}
table#search th div.r {
	border-right: 1px rgb(209,152,29) solid;
}

table#search th div.rl {
	border-right: 1px rgb(209,152,29) solid;
	border-left: 1px rgb(255,231,160) solid;
}

table#search th div.l {
	border-left: 1px rgb(255,231,160) solid;
}

div.formFloat {
	float: left;
	width: 80%;
	margin: 0px 0px 3px 0px;	/* top right bottom left */
}

div.formFloat div {
	float: left;
	width: 190px;
	font-size: 0.8em;
	margin: 0px 0px 5px 15px;	/* top right bottom left */
	clear: both;
}

form#details	 {
	margin: 10px 0px 10px 0px;	/* top right bottom left */
}

form#details label {
	margin: 0px 10px 0px 10px;	/* top right bottom left */
	float: left;
	display: block;
	width: 200px;
	height: 25px;
	line-height: 25px;
	text-indent: 5px;
	border: 1px rgb(180,180,180) solid;
	background-color: rgb(240,240,240);
	font-weight: bold;
	color: rgb(100,100,100);
}

form#details input.text {
	float: left;
	display: block;
	width: 300px;
	height: 15px;
	padding: 5px;
	margin: 0px;
	border: 1px rgb(180,180,180) solid;
	clear: right;
}

form#details select {
	float: left;
	display: block;
	margin: 0px;
	clear: right;
}


div.newsCheck	{ float: left; padding: 4px; width: 5%; }
div.newsName		{ float: left; padding: 4px; width: 20%; }
div.newsStrap	{ float: left; padding: 4px; width: 65%; }
div.newsDel		{ float: left; padding: 4px; width: 5%; }
div.newsCat		{ float: left; padding: 4px; width: 80%; font-weight: bold;}


div#rssNews {
	float: right;
	width: 27%;
	margin-bottom: 20px; 
	border: 1px rgb(180,180,180) solid;

}

div#rssNews div.news {
	padding: 10px 10px 0px 10px;	/* top right bottom left */
	font-size: 0.9em;
}

div#rssNews div.news a {
	text-decoration: underline;
	color: rgb(4,138,196);
	font-weight: bold;
}

div#rssNews div.desc {
	padding: 0px 10px 0px 10px;	/* top right bottom left */
	font-size: 0.9em;
}

div#myLinks {
	float: left;
	border: 1px rgb(180,180,180) solid;
	width: 65%;
	min-height: 500px;
}

div#myLinksWide {
	float: left;
	border: 1px rgb(180,180,180) solid;
	width: 95%;
	min-height: 500px;
}

div#myLinks ul {
	padding: 0px 0px 0px 27px;	/* top right bottom left */
	margin: 5px 0px 0px 0px;	/* top right bottom left */
	margin-bottom: 5px;
}

div#myLinksWide ul {
	padding: 0px 0px 0px 27px;	/* top right bottom left */
	margin: 5px 0px 0px 0px;	/* top right bottom left */
	margin-bottom: 5px;
}

div#myLinks li {
	list-style-image: url('/images/bullet_orange_arrow.gif');
	color: rgb(4,138,196);
	margin: 2px
}

div#myLinksWide li {
	list-style-image: url('/images/bullet_orange_arrow.gif');
	color: rgb(4,138,196);
	margin: 2px
}

div.oTitle {
	background-image: url('/images/title_orange_sliver.gif');
	background-repeat: repeat-x;
	height: 22px;
	border: 1px solid rgb(255,150,4);
	color: white;
	font-weight: bold;
	font-size: 1.1em;
	text-indent: 8px;
	line-height: 135%
}

div.bTitle {
	background-image: url('/images/title_blue_sliver.gif');
	background-repeat: repeat-x;
	height: 22px;
	border: 1px solid rgb(0,112,181);
	color: white;
	font-weight: bold;
	font-size: 1.1em;
	text-indent: 8px;
	line-height: 135%
}

form#linkForm label {
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	text-indent: 10px;
	width: 190px;
}

form#linkForm input.text {
	display: block;
	float: left;
	width: 190px;
	height: 16px;
	padding: 2px;
	margin: 0px;
	border: 1px rgb(180,180,180) solid;
}

form#linkForm input.button {
	display: block;
	float: left;
	width: 55px;
	margin-left: 5px;
}

div.linkBox {
	float: left;
	width: 30%;
	margin: 8px 8px 8px 8px;	/* top right bottom left */

}

div.linkBoxWide {
	float: left;
	width: 23%;
	margin: 8px 8px 8px 8px;	/* top right bottom left */

}

div.linkBox div.linkTitle {
	background-color: rgb(240,240,240);
	color: rgb(102,102,102);
	border: 1px rgb(204,204,204) solid;
	font-weight: bold;
	padding: 5px 5px 5px 10px;	/* top right bottom left */
}

div.linkBoxWide div.linkTitle {
	background-color: rgb(240,240,240);
	color: rgb(102,102,102);
	border: 1px rgb(204,204,204) solid;
	font-weight: bold;
	padding: 5px 5px 5px 10px;	/* top right bottom left */
}

div.linkBox table.linkTitle {
	width: 100%;
	background-color: rgb(240,240,240);
	color: rgb(102,102,102);
	border: 1px rgb(204,204,204) solid;
	height: 28px;
}

div.linkBoxWide table.linkTitle {
	width: 100%;
	background-color: rgb(240,240,240);
	color: rgb(102,102,102);
	border: 1px rgb(204,204,204) solid;
	height: 28px;
}

table.linkTitle td.title {
	text-indent: 10px;
	font-weight: bold;
}

table.linkTitle td.edit {
	width: 30px;
	vertical-align: middle;
}

table.linkTitle td.del {
	width: 15px;
	vertical-align: middle;
}

div.linkBox table.linkList {
	width: 100%;
	color: rgb(102,102,102);
	height: 28px;
	margin-top: 5px;
}

table.linkList td.title {
	text-indent: 10px;
	color: rgb(4,138,196);
}

table.linkList td.edit {
	width: 30px;
	vertical-align: middle;
}

table.linkList td.del {
	width: 15px;
	vertical-align: middle;
}

div#footer {
	background-image: url('/images/footer_sliver.gif');
	background-repeat: repeat-x;
	height: 26px
}

div#footer div#copyright {
	float: right;
	height: 26px;
	text-align: center;
	background-color: transparent;
	color: rgb(102,102,102);
	padding: 0px 10px 0px 10px;	/* top right bottom left */
	line-height: 240%;
	font-size: 0.85em;
}

div#footer div#loggedin {
	float: left;
	height: 26px;
	text-align: center;
	background-color: transparent;
	color: rgb(102,102,102);
	padding: 0px 10px 0px 10px;	/* top right bottom left */
	line-height: 240%;
	font-size: 0.85em;
}

div#footer div.divider {
	float: right;
	background-image: url('/images/footer_divider.gif');
	background-repeat: repeat-x;
	width: 2px;
	height: 26px
}

div.clearMe {
	clear: both;
}

div.clearMe hr {
	width: 100%;
	border: 1px rgb(4,138,196) solid;
}

div.greytext {
	color: rgb(102,102,102);
	text-decoration: none;
}
