@charset "utf-8";
/* CSS Document */
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; background:#fcfcfc url(images/topbgjpg.jpg) repeat-x -21px -115px; margin:0; width:100%; height:100%; overflow:hidden;}
/*body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; background: url(images/topbgjpg.jpg) repeat-x -21px -115px; margin:0;}*/

#background{position:absolute; z-index:-100; width:100%; height:100%; background:url(images/100bg.jpg) repeat;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:-50;} 
#wrapper {width:904px; margin:auto;}
#header {width:100%; background:#8b3797 url(images/purplebanner_r1_c1.jpg) no-repeat bottom left; height:175px; left:20px;}
#header h1{font-size:12px; color:#fff; margin:auto; font-family:Arial, Helvetica, sans-serif; padding-top:26px; font-weight:lighter; text-shadow:2px 2px 8px #000;}
#title_header h1 {font-size:40px; color:#fff; margin:auto; font-family:Arial, Helvetica, sans-serif; padding-top:5px; font-weight:lighter; text-shadow:2px 2px 8px #000;}
#title_header span{color:#CCCC99;}
#header span{color:#CCCC99;}
#body {width:100%; /*background:url(images/content.jpg) repeat-y center;*/ background:#FFFFFF; border-left:2px solid #ba87c2;border-right:2px solid #ba87c2; margin:auto;}
#topmenu {width:100%; height:40px; font-size:11px; background:#f2f2f2; margin:auto; margin-top:-8px; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC;}
#topmenu a{color:#be0b1e; text-decoration:none;}
#topmenu a:hover { color:#7c0103; text-decoration:none;}

.hidden { display: none; }
.unhidden { display:inline; }

#left {width:180px; padding:24px 10px 24px 10px; float:left; font-size:11px; color:#AF0D20;}
#left ul {width:150px; padding-top:3px; padding-bottom:3px; /*border-top:1px solid #f5f5f5;*/}
#left ul li {list-style-type:none; font-size:12px; letter-spacing:0.3em; /*border-bottom:1px solid #f5f5f5;*/ margin-left:-36px; padding-left:45px; padding-top:10px; padding-bottom:10px; }
#left ul li a { color:#7c0103; text-decoration:none;display:block;}
#left ul li a:hover {color:#4e1319; text-decoration:none;display:block; text-decoration:underline;}
#left ul li .active {color:#4e1319; text-decoration:none;display:block; font-weight:bold;}

#left .home {background:url(images/icon/Marker.png) no-repeat left;}
#left .plan {background:url(images/icon/Sitemap.png) no-repeat left;}
#left .product {background:url(images/icon/cartred.jpg) no-repeat left;}
#left .profile {background:url(images/icon/User_Resource.png) no-repeat left;}
#left .health {background:url(images/icon/notered.jpg) no-repeat left;}
#left .agent {background:url(images/icon/Gant_Chart.png) no-repeat left;}
#left .faq {background:url(images/icon/questred.jpg) no-repeat left;}
#left .reg {background:url(images/icon/Address_Card.png) no-repeat left;}
#left .bonus {background:url(images/icon/Bar_Graph.png) no-repeat left;}
#left .purchase {background:url(images/icon/Address_Card.png) no-repeat left;}
#left .ecash {background:url(images/icon/Todo.png) no-repeat left;}
#left .tool {background:url(images/icon/Portfolio.png) no-repeat left;}
#left .contact {background:url(images/icon/Contact.png) no-repeat left;}

#content{ width:703px;  margin:auto; float:left; /*margin-top:130px;*/} 
*html #content {width:650px;}

#content_index{width:883px; padding:24px 10px 24px 10px;}
#content_index h2{font-size:16px; color:#e40e28; padding-bottom:8px;}
#indexbox {width:303px; padding:10px; float:left; margin:auto; margin-left:6px;}
*html #indexbox {width:240px;}
#indexbox img {border:none;}

#indexbox2 {width:500px; padding:10px; float:left; margin:auto; margin-left:6px;}
*html #indexbox2 {width:428px;}
#indexbox2 ul{list-style: none; margin: 0; padding: 0;}
#indexbox2 ul li{background:url(images/bullet_maroon.jpg) no-repeat; padding-left:15px; padding-bottom:12px; list-style-type:none;}
#indexbox2 ul li a{color:#780002; text-decoration:none;}
#indexbox2 ul li a:hover{color:#cc0c21; text-decoration:none;}
#indexbox2 .red {background-color:#FFCCFF;}

#indexbox3 {width:500px; padding:10px; float:left; margin:auto; margin-left:6px;}
*html #indexbox3 {width:428px;}
#indexbox3 ul{list-style: none; margin: 0; padding: 0;}
#indexbox3 ul li{ background-color:#FFFFFF; padding-left:5px; padding-bottom:12px; list-style-type:none;}
#indexbox3 ul li a{color:#780002; text-decoration:none;}
#indexbox3 ul li a:hover{color:#cc0c21; text-decoration:none;}
#indexbox3 .red {background-color:#FFCCFF;}


#isi { width:663px; padding:24px 20px 24px 20px; float:left;}
*html #isi {width:613px;}
#isi h2{font-size:16px; color:#e40e28; padding-bottom:8px;}
#isi h3 {font-size:14px; color:#990000; padding-bottom:6px;}
#isi a{color:#7c0103; text-decoration:none;}
#isi a:hover{color:#4e1319; text-decoration:none;}
#right {width:180px; padding:24px 10px 24px 10px; font-size:11px; color:#EE1B34; float:left;}
#footer {width:100%; background: #8b3797; height:53px; border-left:2px solid #ba87c2;border-right:2px solid #ba87c2; border-top:2px solid #583a5e; color:#FFFFFF;}
#footer p {text-align:center; font-size:11px; margin-top:22px;}
#footer a {color:#FFFFFF; text-decoration:none;}
#footer a:hover {text-decoration:none;}

p.line{border-bottom:1px solid #F56172; padding-bottom:2px; padding-top:2px; clear:both;}

/*Form Style*/

/* ----------- stylized ----------- */
#stylized{
border:solid 3px #e40e28;
background:#FAFAFA;
width:603px;
margin:auto;
margin-top:24px;
-moz-border-radius:10px;
-webkit-border-radius:10px;

}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
margin-left:12px;
margin-top:12px;
border:none;
background:#e40e28; 
border-bottom:1px solid #990000;
border-top:1px solid #990000;
color:#FFF;
margin-right:10px;
margin-bottom:12px;
padding-top:5px;
padding-bottom:5px;
padding-left:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
margin-left:12px;
margin-right:12px;
border-bottom:solid 1px #FFD34F;
padding:10px;
}
#stylized label{
display:block;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#333333;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #e40e28;
width:300px;
margin:2px 0 20px 10px;
}

#stylized select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #e40e28;
width:300px;
margin:2px 0 20px 10px;
}

#stylized button{
clear:both;
margin-left:150px;
margin-bottom:24px;
width:125px;
height:31px;
background:#e40e28 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#fff;
font-size:11px;
font-weight:bold;
}

#stylized .textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #e40e28;
width:300px;
margin:2px 0 20px 10px;
}

#stylized br 
{ 
clear:left; 
line-height: 0; 
display: block; 
}

#stylized .submit {background:#e40e28; border:2px solid #660000; width:90px; color:#FFFFFF;}

/* ----------- stylized ----------- */

#error {background:#FF9900; border-bottom:1px solid #666666; border-top:1px solid #666666; display:block; color:#FFF; text-align:center; padding-top:5px; padding-bottom:5px;}


/* _____________________admin top menu _____________________*/
#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #d01d23;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #d01d23;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #b30000;
color: #fff;
}



#navlist2
{
padding: 3px 0;
padding-bottom:-20px;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}

#navlist2 li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist2 li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #A147FB;
text-decoration: none;
}

#navlist2 li a:link { color: #fff; }
#navlist2 li a:visited { color: #fff; }

#navlist2 li a:hover
{
color: #333;
background: #BA79FC;
border-color: #227;
}

#navlist2 li a#current
{
background: #EABEFE;
border-bottom: 1px solid white;
color:#333;
}



/* _____________________table _____________________*/
#hor-minimalist-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 20px;
	width: 600px;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-b th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #e40e28;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #e40e28;
	color: #669;
	padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td
{
	color: #009;
}

#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 11px;
	margin: 0;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	border:1px solid #FBC5CB;
	
}


#box-table-a th
{
	font-size: 12px;
	font-weight: bold;
	padding: 8px;
	background: #F43447;
	border-top: 4px solid #F31B31;
	border-bottom: 1px solid #fff;
	color: #A00818;
}
#box-table-a td
{
	padding: 6px;
	background: #FBC5CB; 
	/*border-bottom: 1px solid #fff;*/
	color: #880714;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #F797A2;
	color: #A00818;
}


#box-table-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	margin: 0;
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	border-top: 7px solid #9baff1;
	border-bottom: 7px solid #9baff1;
}
#box-table-b th
{
	font-size: 11px;
	font-weight: normal;
	padding: 8px;
	background: #e8edff;
	border-right: 1px solid #9baff1;
	border-left: 1px solid #9baff1;
	color: #039;
}
#box-table-b td
{
	padding: 8px;
	background: #e8edff; 
	border-right: 1px solid #aabcfe;
	border-left: 1px solid #aabcfe;
	color: #669;
}

#customers
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#customers td, #customers th 
{
font-size:11px;
border:1px solid #8b3797;
padding:3px 7px 2px 7px;
}
#customers th 
{
font-size:12px;
font-weight:bold;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#8b3797;
color:#ffffff;
}
#customers tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}

#member_profile {width:613px; border:2px solid #CC0000; background:#FFCC99; padding:10px;}
#member_profile ul{list-style: none; margin: 0; padding: 0;}
#member_profile ul li a{color:#780002; text-decoration:none;}
#member_profile ul li a:hover{color:#cc0c21; text-decoration:none;}

#minibox {width:292px; padding:10px; float:left; margin:auto; margin-left:6px; background:#fcfcfc; border:1px solid #999999; }
*html #minibox {width:240px;}
#minibox ul{list-style: none; margin: 0; padding: 0; font-size:11px;}
#minibox ul li{padding-left:15px; padding-bottom:12px; list-style-type:none;}
#minibox ul li a{color:#780002; text-decoration:none;}
#minibox ul li a:hover{color:#cc0c21; text-decoration:none;}
#minibox .red {background-color:#FFCCFF;}

#minibox2 {width:300px; float:left; margin:auto; background-color:#c90e23;}
*html #minibox2 {width:240px;}

#minibox3 {width:300px; padding:10px; float:left; margin:auto; margin-left:6px; background-color:#fff;}
*html #minibox3 {width:240px;}




/* _____________________fisheye menu _____________________*/
/*#fish {background:url(images/menu.jpg) no-repeat top; margin-top:-22px; padding-top:20px; padding-bottom:20px; height:70px; position:relative;}*/
#fish {  padding-top:20px; padding-bottom:20px; height:70px; position:relative; background: #fff url(images/purplebanner_r2_c1.jpg) no-repeat top left;}
.fisheye{
	text-align: center;
	height: 50px;
	position: relative;
}
a.fisheyeItem
{
	text-align: center;
	color: #4e1319;
	font-weight: bold;
	text-decoration: none;
	width: 40px;
	position: absolute;
	display: block;
	top: 0;
}
a.fisheyeItem2
{
	text-align: center;
	color: #4e1319;
	font-weight: bold;
	text-decoration: none;
	width: 40px;
	position: absolute;
	display: block;
	bottom: 0;
}
.fisheyeItem img
{
	border: none;
	margin: 0 auto 5px auto;
	width: 100%;
}

*html .fisheyeItem img{background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/icon/Home.png', sizingMethod='scale'););}

.fisheyeItem2 img
{
	border: none;
	margin: 5px auto 0 auto;
	width: 100%;
}
.fisheyeItem span,
.fisheyeItem2 span
{
	display: none;
	positon: absolute;
}
.fisheyeContainter
{
	/*background-color: #e40e28;*/
	height: 50px;
	width: 200px;
	left: 500px;
	position: absolute;
}
#fisheye2
{
	position: absolute;
	width: 100%;
	bottom: 0px;
}

img#glasspome { float:right; position:absolute; top:-90px; right:15px;}

#loginbg {float:right; right:0px; top:0px; padding:2px 4px 2px 4px; height:66px; width:180px; font-size:11px;}
#logintext {margin-right:13px; color:#FFFFFF; padding:5px 5px 5px 5px; background:#c70d22; width:40px; float:right;}
#loginbg a{color:#FFFFFF; text-decoration:none;}
#loginbg a:hover{color:#FFFFFF; text-decoration:none;}
#login_form {padding:4px 9px 4px 8px; color:#FFFFFF; margin-top:22px;}
#userlogin {/*background:#c70d22;url(images/loginform.jpg) no-repeat top;*/  padding-top:2px;}
*html #userlogin {padding-top:2px;}
#userlogin label {display:block; text-align:right; width:40px; float:left; color:#FFFFFF; font-size:12px;}
*html #userlogin label{width:56px;}
#userlogin input {width:100px; font-size:12px; border:1px solid #ccc; margin-bottom:7px;}
*html #userlogin input {width:105px;}
#userlogin.submit {background-color:#c70d22; border:1px solid #c70d22; font-size:11px; color:#FFFFFF; width:80px; background:none;}
#userbio {margin-top:90px; margin-left:-18px; background:#c70d22 url(images/podcast-icon.png) left center no-repeat; padding:12px 15px 20px 58px; color:#FFFFFF; width:117px;}

#pompurelogo {position:absolute; left:0px; top:10px; padding:8px 4px 2px 4px; height:66px; width:180px; background:url(images/footerlogo.jpg) no-repeat center;}

#pwdform {background:url(images/pwdform.jpg) no-repeat top;padding-top:10px; margin-top:-2px; padding-top:23px;}
*html #pwdform {padding-top:2px;}
#pwdform label {display:block; text-align:right; width:60px; float:left;}
*html #pwdform label{width:56px;}
#pwdform input {width:110px; font-size:11px; border:none; margin-bottom:7px; background:url(images/formbg.gif) repeat-x bottom;}
*html #pwdform input {width:105px;}

#plainform {background:url(images/plainform.jpg) no-repeat top; padding-top:2px; margin-top:-2px; padding-top:23px; color:#FFFFFF; padding-left:12px; padding-bottom:23px; padding-right:3px;}
*html #plainform {padding-top:2px;}


/* _____________________slideshowu _____________________*/
#slideShow1
{
	width: 600px;
	height: 300px;
	border:none;
	padding: 10px;
	background-color: #fff;
	margin: 10px;
}
#slideShow2
{
	width: 300px;
	height: 300px;
	border: 1px solid #ccc;
	padding: 10px;
	background-color: #fff;
	margin: 10px;
}
.pagelinks a
{
	font-weight: bold;
	color: #666;
}
.slideCaption
{
	background-color: #FFFFCC;
	padding: 4px;
	text-align: center;
	font-weight: bold;
}
.pagelinks a.activeSlide
{
	color: #f90;
}
/* this is for IE so the prev/next links can be hovered*/
.nextSlide,.prevSlide
{
	background-image: url(images/spacer.gif);
}
.nextSlide:hover
{
	background-image: url(images/nextslide.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.prevSlide:hover
{
	background-image: url(images/prevslide.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.inputsTooltip
{
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 4px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}
#tooltipURL
{
	display: none;
}


/* _____________________slideshowu _____________________*/
#myAccordion{
	width: 520px;
	border: none;
	position:relative;
	left: 0px;
	top: 0px;
}
#myAccordion dt{
	line-height: 28px;
	background-color: #e40e28;
	border-top: 1px solid #660000;
	border-bottom: 1px solid #a60000;
	padding: 0 10px;
	font-size:16px;
	letter-spacing:0.2em;
	color: #ececec;
}
#myAccordion dd{
	overflow: auto;
}
#myAccordion p{
	margin: 16px 0px;
}
#myAccordion dt.myAccordionHover
{
	background-color: #a60000;
}
#myAccordion dt.myAccordionActive
{
	background-color: #a60000;
	border-top: 1px solid #660000;
	border-bottom: 1px solid #660000;
}


/*___________________ modal __________________*/

div#nyroModalFull {
	font-size: 12px;
	color: #777;
}
div#nyroModalFull div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(images/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalFull div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalFull div#nyroModalWrapper {
	background: #fff;
	border: 4px solid #777;
}
div#nyroModalFull div#nyroModalWrapper a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 30px;
	height: 30px;
	text-indent: -9999em;
	background: url(images/close.gif) no-repeat;
	outline: 0;
}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {
	padding: 5px;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {
	vertical-align: baseline;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
div#nyroModalFull div#nyroModalWrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalNext, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {
	left: 0;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev:hover {
	background: url(../img/prev.gif) left 20% no-repeat;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {
	right: 0;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover {
	background: url(../img/next.gif) right 20% no-repeat;
}


.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 500px;
height: 480px; /* Set height to be able to contain height of largest content shown*/
/*border: 5px solid #e40e28;*/
overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 10px;
visibility: hidden;
width: 480px;
margin-top:28px;
}

.glidecontent h3 {font-family:Arial, Helvetica, sans-serif; font-size:24px; letter-spacing:-0.2px; font-weight:lighter; color:#CC0000;}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 500px;
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
/*border: 1px solid black;*/
color:#c90e23;
padding: 3px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background:#c90e23;
color: #fff;
}

.glidecontenttoggler a:hover{
background:#c90e23;
color: #fff;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}

/*============================================ mesej styling ====================================================*/

#unread a{color:#000033; font-weight:bold; text-decoration:none;}
#read a{color:#0099FF; text-decoration:none;}

/*==========================================================css faizal start here ===========================================*/

#error {background-color:#FFCC99; border-top:1px solid #CC0000; border-bottom:1px solid #cc0000; padding:12px; color:#FF0000; text-align:center; display:block;}
#berjaya {background-color:#66CC33; border-top:1px solid #003300; border-bottom:1px solid #003300; padding:12px; color:#FFFFFF; text-align:center; display:block;}

#pompurelogo {position: absolute; left:280px; top:20px; padding:8px 4px 2px 4px; height:144px; width:364px; background:url(images/pomepureasialogo.jpg) no-repeat center;}

/*<div id =""align="center"><img src="/pomepure/images/100percent.jpg" width="258" height="115" /></div>

#100percent { position:absolute; left:auto; top:auto; padding: 10px 6px 2px 6px; height::115; width: 258; background:url(/pomepure/images/100percent.jpg) no-repeat center;}*/
#logopure {position: absolute; left:40px; top:40px; padding:30px 4px 2px 4px; height:91px; width:206px; background:url(images/100percent.jpg) no-repeat center;}

#globalbrand {position: absolute; left:300px; top:160px; padding:8px 4px 2px 4px; height:30px; width:300px; background:url(images/globalbrand.jpg) no-repeat center;}

#globalbrand2 {position: absolute; left:560px; top:279px; padding:8px 4px 2px 4px; height:30px; width:300px; background:url(images/globalbrand.jpg) no-repeat center;}


#flagmontaj2 {position: absolute; left:620px; top:150px; padding:8px 4px 2px 4px; height:144px; width:364px; background:url(images/flag-montage.jpg) no-repeat center;}

#lang_select1 {position: absolute; left:570px; top:205px; padding:8px 4px 2px 4px; height:25px; width:310px;}

#lang_select2 {position: absolute; left:510px; top:72px; padding:8px 4px 2px 4px; height:25px; width:250px;}

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}

.glossymenu li{
position: relative;
}

.glossymenu li a{
background: white url(/pomepure/images/glossyback.gif) repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 190px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

.glossymenu li ul li{
float: left;
}

.glossymenu li ul a{
width: 180px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(/pomepure/images/arrow.gif) no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(/pomepure/images/glossyback2.gif);
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */

#tt {
 position:absolute;
 display:block;
 background:url(images/tt_left.gif) top left no-repeat;
 }
 #tttop {
 display:block;
 height:5px;
 margin-left:5px;
 background:url(images/tt_top.gif) top right no-repeat;
 overflow:hidden;
 }
 #ttcont {
 display:block;
 padding:2px 12px 3px 7px;
 margin-left:5px;
 background:#666;
 color:#fff;
 }
#ttbot {
display:block;
height:5px;
margin-left:5px;
background:url(images/tt_bottom.gif) top right no-repeat;
overflow:hidden;
}


        .lavaLampWithImage {
            position: relative;
            height: 29px;
            width: 100%;
            background: #8b3797 url("bg.gif") no-repeat top;
            padding: 15px;
            margin: 10px 0;
            overflow: hidden;
        }
                .lavaLampWithImage li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampWithImage li.back {
                        background: url("images/lava.gif") no-repeat right -30px;
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                        .lavaLampWithImage li.back .left {
                            background: url("images/lava.gif") no-repeat top left;
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    .lavaLampWithImage li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;    
                    }
                        .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
                            border: none;
                        }

        .lavaLampNoImage {
            position: relative;
            height: 29px;
            width: 874px;
            background-color: #8b3797;
            padding: 15px;
            margin: 10px 0;
            overflow: hidden;
			margin-top:-10px;
			/*border: 1px solid gray;*/
        }
                .lavaLampNoImage li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampNoImage li.back {
                        border: 1px solid #000;
                        background-color: #e6e8ea;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampNoImage li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }
                        .lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
                            border: none;
                        }                    

        .lavaLampBottomStyle {
            position: relative;
            height: 29px;
            width: 421px;
            background-color: white;
            padding: 15px;
            margin: 10px 0;
            overflow: hidden;
            border: 1px solid gray;
        }
                .lavaLampBottomStyle li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampBottomStyle li.back {
                        border-bottom: 5px solid blue;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampBottomStyle li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }   
                        .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
                            border: none;
                        }

/*css bar navigator*/
/*----------------------------new Menu --------------------------------------*/



ul#menu1{ 
	width: 100%;
	height: 43px;
	background: #FFF url("/pomepure/images/menu-bg.gif") top left repeat-x; 
	font-size: 0.8em; 
	font-family: "Lucida Grande", Verdana, sans-serif; 
	font-weight: bold; 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	}
ul#menu1 li {
	display: block; 
	float: left; 
	margin: 0 0 0 5px; 
	}
ul#menu1 li a { 
	height: 43px; 
	color: #777; 
	text-decoration: none; 
	display: block; 
	float: left; 
	line-height: 200%; 
	padding: 8px 15px 0; 
}


ul#menu1 li a:hover { 
color: #333; 
background: #FFF url("/pomepure/images/current-bg.gif") top left repeat-x;	
}



ul#menu1 li a.active
{ 
background: #FFF url("/pomepure/images/current-bg.gif") top left repeat-x; 
padding: 5px 15px 0; 
}

ul#menu1 li a.current {
background: #FFF url("/pomepure/images/current-bg.gif") top left repeat-x; 
padding: 5px 15px 0; 
color: #333; 
}

/*----------------------------new Menu --------------------------------------*/

/*==========================================================css faizal end here ===========================================*/