/* for all body of the page */
body {
	background-image: url(/images/background.jpg);
	background-repeat: repeat-x;
	background-color:#FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

body.rcp {
	background-color:#FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


/* top menu of the page */
.menu {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #FFFFFF; 
	font-weight: bold; 
	line-height: 25px; 
	font-style: normal; 
	text-transform: none; 
	font-variant: normal;
	text-decoration: none;
}

/* top menu of the page */

.menu2 {
float: none;
}

.menu2 a {
display: block;
background-image: url(/images/top2ndBg.gif);
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #FFFFFF; 
font-weight: bold;
height:35px;
line-height: 35px;
text-align: center;
text-decoration: none;
}

.menu2 a:hover {
background-image: url(/images/top2ndBgOver.gif);
color: white;
}

.menu3 {
float: none;
}

.menu3 a {
display: block;
background-image: url(/images/menuButtonFirst.gif);
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #FFFFFF; 
font-weight: bold;
height:35px;
width:60px;
line-height: 35px;
text-align: center;
text-decoration: none;
}

.menu3 a:hover {
background-image: url(/images/menuButtonFirstHover.gif);
color: white;
}

.menu4 {
float: none;
}

.menu4 a {
display: block;
background-image: url(/images/menuButtonLast.gif);
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #FFFFFF; 
font-weight: bold;
height:35px;
width:80px;
line-height: 35px;
text-align: center;
text-decoration: none;
float:left;
}

.menu4 a:hover {
background-image: url(/images/menuButtonLastHover.gif);
color: white;
}

/*for active menu */
#on{
display: block;
background-image: url(/images/top2ndBgOver.gif);
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #FFFFFF; 
font-weight: bold;
height:35px;
line-height: 35px;
text-align: center;
text-decoration: none;
}

#onFirst{
background-image: url(/images/menuButtonFirstHover.gif);
color: white;
}

#onLast{
background-image: url(/images/menuButtonLastHover.gif);
color: white;
}



/*title product in main page */
.titleMiddleProduct {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #ffffff; 
	font-weight: bold; 
	font-style: normal; 
	text-transform: none; 
	font-variant: normal;
	text-decoration: none;
}

/*content product in main page */
.textMiddleProduct {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	font-weight: bold; 	
	color: #f4f4f4; 
	font-style: normal; 
	text-transform: none; 
	font-variant: normal;
	text-decoration: none;
}


.titleProduct {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #aa151b; 
	font-weight: bold; 
	font-style: normal; 
	text-transform: none; 
	font-variant: normal;
	text-decoration: none;
}

.titleProduct2 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #0000CC; 
	font-weight: bold; 
	font-style: normal; 
	text-transform: none; 
	font-variant: normal;
	text-decoration: none;
}

.bttnLogin {
	border-style: solid;
	border-color: #ffffff #525290 #525290 #ffffff;
	background-color: #7d7db3;	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF; 
	font-weight: bold; 
	line-height: 25px; 
	font-style: normal; 
	text-transform: none; 
	font-variant: normal;
	text-decoration: none;	

}

/* text for Search */
.text01 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold;
	color: #666666
}

.text03 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold;
}

.text03 a {border-bottom: none; background:transparent;text-decoration:none;cursor:pointer} 
.text03 a:link {color:#FFFFFF} 
.text03 a:visited {color:#FFF;border-bottom: none}
.text03 a:hover {color:#ff9900;border-bottom: none} 
.text03 a:active {color:#0066cc} 

/* text for Bottom Link Menu */
.text02 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold;
	color: #62676a;
	text-decoration: none;
	height: 18px;
}

.text02 a,.text02 a:link,.text02 a:link,.text02 a:link,.text02 a:hover {border-bottom: none; background:transparent;text-decoration:none;cursor:pointer} 
.text02 a:link {color:#5291c4} 
.text02 a:visited {color:#666;border-bottom: none}
.text02 a:hover {color:#ff9900;border-bottom: none} 
.text02 a:active {color:#0066cc} 

/* title for right column */
.title01 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold;
	color: #c2121d;
	text-decoration: none;
}

.title02 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: bold; 
	color: #A40000;
	text-decoration: none;
	line-height: 90%;	
}

.title03 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold;
	color: #c2121d;
	text-decoration: none;
}

.title04 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: bold; 
	color: #a6a6a6;
	text-decoration: none;
	line-height: 90%;
}

.highlight
{
	/*background-color:#9b3c02;
	background-image: url(../images/middleBttnBg.jpg);	*/
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF; 
	font-weight: bold; 
	/*line-height: 25px; */
	font-style: normal; 
	text-transform: none; 
	font-variant: normal;
	text-decoration: none;

}

span.highlight
{
	/*background-color:#9b3c02;
	background-image: url(../images/middleBttnBg.jpg);	*/
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF; 
	font-weight: bold; 
	/*line-height: 25px; */
	font-style: normal; 
	text-transform: none; 
	font-variant: normal;
	text-decoration: none;

}

.title {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #55aad3; 
	font-weight: bold; 
	font-style: normal; 
	text-transform: none; 
	font-variant: normal;
	text-decoration: none;
	padding-bottom:10px;
}

.subtitle {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #0F87FF; 
	font-weight: bold; 
	font-style: normal; 
	text-transform: none; 
	font-variant: normal;
	text-decoration: none;
}

.subtitle2 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	color: #0F87FF; 
	font-weight: bold; 
	font-style: normal; 
	text-transform: none; 
	font-variant: normal;
	text-decoration: none;
}

.text {  
	font: 11px/18px Arial, Verdana, "Trebuchet MS";
	/*font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; */ 
	color: #333333; 
	text-decoration: none;	
	/*text-align: justify;*/

}

.textheader {  
	font: 11px/18px Arial, Verdana, "Trebuchet MS";
	/*font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; */ 
	color: #2c5eff; 
	text-decoration: none;	
	/*text-align: justify;*/

}

.text2 {  
	font-family: Arial, Verdana, "Trebuchet MS";
	font-size: 11px; 
	color: #808080;
	text-decoration: none;	
	
}

.text2 a,.text2 a:link,.text2 a:link,.text2 a:link,.text2 a:hover {border-bottom: none; background:transparent;text-decoration:none;cursor:pointer} 
.text2 a:link {color:#5291c4} 
.text2 a:visited {color:#666;border-bottom: none}
.text2 a:hover {color:#ff9900;border-bottom: none} 
.text2 a:active {color:#0066cc} 
.text2 img a {text-decoration:none;}

.text3 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FFA042;
	text-decoration: none;	
	
}

.text4 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #FF6600;
	text-decoration: none;	
	
}

.text5 {  
	font-family: Arial, Verdana, "Trebuchet MS";
	font-size: 12px; 
	color: #808080;
	text-decoration: none;	
	
}
.text6 {  
	font: 11px/18px Arial, Verdana, "Trebuchet MS";
	/*font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; */ 
	color: #ffffff; 
	text-decoration: none;	
	text-align: center;
	font-weight: bold; 
}
.text6i {  
	font: 11px/18px Arial, Verdana, "Trebuchet MS";
	/*font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; */ 
	color: #ffffff; 
	text-decoration: none;	
	text-align: left;
	font-weight: bold; 
}
.text6ii {  
	font: 11px/18px Arial, Verdana, "Trebuchet MS";
	/*font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; */ 
	color: #000000;
	text-decoration: none;	
	text-align: left;
	font-weight: bold; 
}
.text7 {  
	font: 11px/18px Arial, Verdana, "Trebuchet MS";
	/*font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; */ 
	color: #ffffff; 
	text-decoration: none;	
	text-align: justify;
}
.text8 {  
	font: 11px/18px Arial, Verdana, "Trebuchet MS";
	/*font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; */ 
	color: #ffffff; 
	text-decoration: none;	
	text-align: left;
	font-weight: bold; 
}
/* text for Link */
.text9 {  
        font: 11px/18px Arial, Verdana, "Trebuchet MS";
	/*font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; */ 
	color: #333333; 
	text-decoration: none;	
	text-align: justify;
}

.text9 a,.text9 a:link,.text9 a:hover {border-bottom: none; background:transparent;text-decoration:none;cursor:pointer} 
.text9 a:link {color:#006699} 
.text9 a:visited {color:#666;border-bottom: none}
.text9 a:hover {color:#ff9900;border-bottom: none} 
.text9 a:active {color:#0066cc} 
.text9 img a {text-decoration:none; border-bottom: none;}

.text9i {  
	font: 11px/18px Arial, Verdana, "Trebuchet MS";
	/*font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; */ 
	color: #0033FF; 
	text-decoration: none;	
	text-align: justify;
	font-style : italic;
}

.text9a {  
    font-family: Arial, Verdana, "Trebuchet MS";
	font-size: 10px; 
	color: #333333; 
	text-decoration: none;	
	text-align: justify;
}

.text9a a,.text9a a:link,.text9a a:hover {border-bottom: none; background:transparent;text-decoration:none;cursor:pointer} 
.text9a a:link {color:#006699;border-bottom: none;} 
.text9a a:visited {color:#666;border-bottom: none;}
.text9a a:hover {color:#ff9900;border-bottom: none;} 
.text9a a:active {color:#999999;border-bottom: none;} 
.text9a img a {text-decoration:none;border-bottom: none;}



.text9ai {  
    font-family: Arial, Verdana, "Trebuchet MS";
	font-size: 10.5px; 
	color: #333333; 
	text-decoration: none;	
	text-align: justify;
}

.text9ai a,.text9ai a:link,.text9ai a:hover {border-bottom: none; background:transparent;text-decoration:none;cursor:pointer} 
.text9ai a:link {color:#006699;border-bottom: none;} 
.text9ai a:visited {color:#666;border-bottom: none;}
.text9ai a:hover {color:#ff9900;border-bottom: none;} 
.text9ai a:active {color:#0066cc;border-bottom: none;} 
.text9ai img a {text-decoration:none;border-bottom: none;}


.text10 {  
	font: 11px/18px Arial, Verdana, "Trebuchet MS";
	/*font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; */ 
	color: #666666; 
	text-decoration: none;	
	text-align: justify;
}
	/*by KN*/ 
.text11 {  
	font: 11px/18px Arial, Verdana, "Trebuchet MS";
	/*font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; */ 
	color: #CC6600; 
	text-decoration: none;	
	text-align: left;
	font-weight: bold; 
}

/*Helmi add*/
.texterr {  
	font-family: Arial, Verdana, "Trebuchet MS";
	font-size: 12px; 
	color: #CC3300;
	text-decoration: none;
	font-weight: bold;
	
}
/*end helmi add*/

.smalltext {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #333333;
	text-decoration: none;	
	
}

.note {  
	font: 11px/18px Arial, Verdana, "Trebuchet MS";
	/*font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; */ 
	color: #CC3300; 
	text-decoration: none;	
	text-align: justify;
}



#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color: #666666;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #666666;
color: #FFFFFF;
}

.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#ECECFF;
color:#000000;
width:140px;
padding:2px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}

.submenu{
		/*display:block;*/
		/*width: 170px;*/
		padding:6px 0px 6px 0px;
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 10px; 
		color: #888888;
    	font-weight: bold;		
		/*background: url("../images/menuButton.gif") 0 0 no-repeat;*/
		text-decoration: none;
		}

.submenu a {
		/*display:block;*/
		/*width: 170px;*/		
		padding:6px 0px 6px 0px;
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 10px; 
		color: #888888;
    	font-weight: bold;		
		/*background: url("../images/menuButton.gif") 0 0 no-repeat;*/
		text-decoration: none;
		}

.submenu a:hover {	
		/* background-position: 0 -35px; */
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 10px; 
		color: #CCCCCC;
		font-weight: bold;
		/*background: url("../images/menuButtonHover.gif") 0 0 no-repeat; */
		}
		
.titleMenu {
		display:block;
		width: 155px;
		padding:0px 0px 0px 0px;
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 12px; 
		color: #666666;
    	font-weight: bold;		
		text-decoration: none;
		}		
		
.titleQuicklink {
		display:block;
		width: 113px;
		padding:0px 0px 0px 0px;
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 10px; 
		color: #666666;
    	font-weight: bold;		
		text-decoration: none;
		}		


.rollover a {
		display:block;
		width: 176px;
		padding:6px 0px 6px 0px;
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 11px; 
		color: #888888;
    	font-weight: bold;		
		background: url("/images/menuButton.gif") 0 0 no-repeat;
		text-decoration: none;
		}

.rollover a:hover {	
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 11px; 
		color: #FFFFFF;
		font-weight: bold;
		background: url("/images/menuButtonHover.gif") 0 0 no-repeat;
		}

		
		
.mainDiv
{
  width:176px;
}

/* for selfcare progress bar */

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 11px;
}

.pagination li{
padding: 0 5px;
list-style-type: none;
border: 1px solid #cccccc;
display: list-item;
padding-bottom: 1px;
color: #cccccc;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
font-weight: bold;
text-decoration: none; 
background-color: #F8F9F7;
color: #cccccc;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: lightyellow;
}

.pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
border: 1px solid navy;
background-color: #2e6ab1;
color: #FFF;
}

.pagination li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}

.pagination li.nextpage{
font-weight: bold;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:80px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background:url(images/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}

.buttonSubmitHovered {
	background-position:left bottom;
}

/* IDs */

#columnarForm fieldset
{
	float: left;
	display: block;
	width: 17em;
	margin: 0 1em 1em 0;
	padding: 0 1em 1em 1em;
}

#columnarForm fieldset.radio
{
	width: 15em;
	margin: 1em 0 2em 0;
}

#columnarForm fieldset.radio input
{
	clear: both;
	float: left;
	width: auto;
}

#columnarForm fieldset.radio label
{
	font-weight: normal;
}

#columnarForm input
{
	display: block;
	width: 15em;
}

#columnarForm label
{
	display: block;
	margin-bottom: 1em;
	font-weight: bold;
}

#columnarForm label.first
{
	padding-top: 1em;
}

#columnarForm select
{
	display: block;
}

#horizontalForm fieldset
{
	display: block;
	margin: 0 0 3em 0;
	padding: 0 1em 1em 1em;
}

#horizontalForm fieldset.radio
{
	margin: 1em 0 2em 0;
}

#horizontalForm fieldset.radio input
{
	clear: both;
	float: left;
	width: auto;
}

#horizontalForm fieldset.radio label
{
	font-weight: normal;
}

#horizontalForm input
{
	display: block;
	width: 15em;
}

#horizontalForm input.submit
{
	clear: both;
}

#horizontalForm label
{
	float: left;
	display: block;
	margin: 1em 1em 0 0;
	font-weight: bold;
}

#horizontalForm select
{
	display: block;
}

#marginForm fieldset
{
	display: block;
	margin: 0 0 1em 0;
	border: 0 solid #FFFFFF;
	border-top: 1px solid #000000;
	padding: 0 1em 1em 1em;
}

#marginForm fieldset.radio
{
	margin: 0 0 0 -1em;
	border: 0 solid #FFFFFF;
}

#marginForm fieldset.radio input
{
	position: static;
	clear: both;
	float: left;
}

#marginForm fieldset.radio label
{
	position: relative;
	top: -1.25em;
	display: inline;
	width: auto;
	margin: 0 0 0 8em;
	font-weight: bold;
	font-weight: normal;
}

#marginForm fieldset.radio legend
{
	float: left;
	font-weight: bold;
}

#marginForm input
{
	position: relative;
	top: -1.4em;
	left: 8em;
	display: block;
}

#marginForm input.submit
{
	clear: both;
	top: 0;
}

#marginForm label
{
	clear: both;
	float: left;
	display: block;
	width: 8em;
	margin-top: -1em;
	font-weight: bold;
}

#marginForm label.first
{
	margin-top: 1em;
}

#marginForm select
{
	position: relative;
	top: -1.4em;
	left: 8em;
	display: block;
}

#marginForm select.set1
{
	left: 10em;
}

#verticalForm fieldset
{
	display: block;
	width: 17em;
	margin: 0 0 3em 0;
	padding: 0 1em 1em 1em;
}

#verticalForm fieldset.radio
{
	width: 15em;
	margin: 1em 0 2em 0;
}

#verticalForm fieldset.radio input
{
	clear: both;
	float: left;
	width: auto;
}

#verticalForm fieldset.radio label
{
	font-weight: normal;
}

#verticalForm input
{
	display: block;
	width: 15em;
}

#verticalForm label
{
	display: block;
	margin-bottom: 1em;
	font-weight: bold;
}

#verticalForm label.first
{
	padding-top: 1em;
}

#verticalForm select
{
	display: block;
}


/* CLASSES */

/*
css for table info success customer
*/
#mytable_info {
	width: 90%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border: 1px dotted #DEF3B6;
	font-size:11px;
    /*background: #F6FCEB;*/
	color: #666;
}
#mytable_info thead {
	font-weight: bold;
    background: #e8f8dd url(/images/bggreen.png);
	border-bottom:1px solid #1975d7;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size:11px;
	color: #55aad3;
	text-transform:uppercase;
	height: 25px;
    padding: 0 0 0 0;
}

/*
css for table background
*/


#mytableMain {
	background: url(/images/bg2.png) no-repeat right top;
}


/*
css for table list of customer
*/

#mytable {
	border-spacing:1px;
	width: 95%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#C1DAD7;
	color: #666;
}

#mytable caption {
	font-weight: bold;
	background: #50ADEA url(/images/corner.gif) no-repeat right top;
	border-bottom:2px solid #1975d7;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size:10px;
	color: #FFF;
	/*text-transform:uppercase;*/
	padding:5px;
}

#mytable td, th {
	padding: 0px;
	text-align: left;
	border: 6px solid #FFF;
}

#mytable thead th {
	text-align: center;
	background: #F5F5F5;
	color: #666;
	border: 1px solid #FFF;
	text-transform:uppercase;
}

#mytable tbody th {
	font-weight: bold;
	text-align:left;
	border: 6px solid #FFF;
}

#mytable tbody td.amount {
	font-weight: bold;
	text-align:right;
}

#mytable tbody tr		{
	background-color:#FFF; 
	text-align:left;
	border: 6px solid #FFF;
	}
#mytable tbody tr.odd 	{
	/* background: #f9f9f9; */
	border-top:1px solid #FFF;
}

#mytable tbody th a:link, #mytable tbody th a:visited{
	color:#96D030;
	text-decoration:none;
	}

		
#mytable tbody th a:hover{
	color:#FF8601;
	}

#mytable tbody tr td { 
	height:20px;
	background: #fff;

	}

#mytable tbody tr th { 
	height:20px;
	background: #FFF;

	}	
	
#mytable tbody tr td.childish { 
	height:20px;
	background: #F0F8FF;

	}
	
#mytable tbody tr th.childish { 
	height:20px;
	background: #F0F8FF;

	}		

#mytable tbody tr.odd td{ 
	/* background: #f2fafa; */
	border-top:1px solid #FFF;
	}

#mytable td a:link, #mytable td a:visited {
	color: #1975D7;
	text-decoration: none;
}

#mytable td a:hover {
	color: #50ADEA;
	border-bottom:1px solid #8FD5FF;
	text-decoration: none ;
}


/*
css for table view customer info
author: Helmi
Date: 13-09-07
*/

#mytable_cust {
	width:100%;
	border-top:1px solid #C1DAD7;
	border-right:1px solid #C1DAD7;
	margin:1em auto;
	border-collapse:collapse;
	}

#mytable_cust tr.odd td	{
	background:#f2fafa;
	}
	
#mytable_cust tr.odd .column1	{
	background:#f2fafa;
	font-weight:bold;
	}	
#mytable_cust .column1	{
	padding:.3em 1em;
	background:#f9fcfe;
	font: bold 76%/130% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	}
#mytable_cust td {
	color:#678197;
	border-bottom:1px solid #C1DAD7;
	border-left:1px solid #C1DAD7;
	padding:.3em 1em;
	font:76%/160% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;	
    letter-spacing: .1em;
	}				
#mytable_cust th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #C1DAD7;
	border-left:1px solid #C1DAD7;
	padding:.1em .1em;
	}							
#mytable_cust thead th {
	background:#f4f9fe;
	text-align:center;
	font:bold .8em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#66a3d3
	}	
	
#mytable_custinfo {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	
}
#mytable_custinfo thead th {
	text-align: center;
	background: #F5F5F5;
	color: #666;
	border: 1px solid #FFF;
	text-transform:uppercase;
}



ol#root {  padding-left: 5px; margin-top: 2px; margin-bottom: 1px; list-style: none;}
#root ol {  padding-left: 5px; margin-top: 2px; margin-bottom: 1px; list-style: none;}
#root li { margin-bottom: 1px; padding-left: 5px;  margin-top: 2px; font-size: x-small; }

.panel { border-bottom: 1px solid #999; margin-bottom: 2px; margin-top: 2px; background: #eee; }

#root ul { margin-bottom: 1px; margin-top: 2px; list-style-position: inside; } 

#root a { text-decoration: none; }


.folder { background: url(/images/plusUser.png) no-repeat; float: left; height: 16px; width: 14px; padding-right: 3px }
.doc { background: url(/branding/images/sstree/file.gif) no-repeat; float: left; height: 14px; width: 12px; padding-right: 3px; margin-left: 20px;}

/* new side menu */
.navbar
{
}  



.topItem
{
  display:block;
  font: bold 11px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("/images/menuButtonChild.gif") no-repeat 0 0;
  /* background-position:center center; */
  padding:6px 0px 6px 10px; 
  background-repeat:no-repeat;
  border: none;
  /*width: 165px;*/
  height: 14px;
  color: #888888;
  cursor:pointer;
  text-indent:10px;
}

.topItem a
{
  text-decoration:none;
  display:block;
  height: 14px;
  
}
 
.topItemOver
{
  text-indent:10px;
  font: bold 11px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("/images/menuButtonHoverChild.gif") no-repeat 0 0;
  /* background-position:center center; */
  padding:6px 0px 6px 10px;
  background-repeat:no-repeat;
  height: 14px;
  /*width: 165px;*/
  color: #ffffff;
  cursor:pointer;
}

.topItemOver a
{
  text-decoration:none;
  display:block;
  height: 14px; 
}

.topItemClose
{
  text-indent:10px;
  font: bold 11px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("/images/menuButtonMom.gif") no-repeat 0 0;
  /* background-position:center center; */
  padding:6px 0px 6px 10px;
  background-repeat:no-repeat;
  height: 14px;
  /*width: 165px;*/
  color: #888888;
  cursor:pointer;
}


.topItemCloseOver
{
  text-indent:10px;
  font: bold 11px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("/images/menuButtonHoverMom.gif") no-repeat 0 0;
  /* background-position:center center; */
  padding:6px 0px 6px 10px;
  background-repeat:no-repeat;
  height: 14px;
  /*width: 165px;*/
  color: #ffffff;
  cursor:pointer;
}



.dropMenu
{
  font: bold 11px tahoma,verdana,sans-serif;	
  background-color: #ffffff;
  color: #000;
  border: 1px solid #FFFFFF;
  border-width: 0 1px 1px 1px;
  filter:alpha(opacity=100);
  padding-top:0px;
  padding-bottom:0px;
}

.subMenu
{
   display:block;
}

.subItem
{
   margin-left:10px;
   margin-top:2px;
   height:18px;
   font: 11px tahoma,verdana,sans-serif;	
   text-decoration:none;
   color: #215dc6;
   
}

.subItem a
{
   margin-left:23px;
   font: 11px tahoma,verdana,sans-serif;	 	
   text-decoration:none;
   color: #215dc6;
}

.subItemOver
{
   margin-left:0px;
   margin-top:2px;
   font: 11px tahoma,verdana,sans-serif;	  
   height:18px;
   color: #428eff;
}

.subItemOver  a
{
   margin-left:23px;
   font: 11px tahoma,verdana,sans-serif;
   background-image: url(/images/bullet.png);
   background-repeat: no-repeat;  
   background-position: 0 0.60em;
   background-position:inherit;
   padding-left: 20px;   
   cursor:pointer;
   color: #428eff;
   text-decoration:none;
   cursor:pointer;
   
}

.drop
{
   border-left:1px solid black;
   border-right:1px solid black;	
}


/* for step order */

/* ----- random base styles and styles used in conjunction with javascript ----- */
.clearfloatNoHeight {clear: both; line-height: 0; height: 0; width:0; display: block; overflow:hidden;}
.clearfloat {clear: both; display: block;}
.floatRight{float:right;}
.floatLeft{float:left;}
.displayNone{display:none;}
.displayBlock{display:block;}
.txtCenter{text-align:center;}

#mainNav li a em, h4 {font-size: 114%} /* =15 */

#mainNav {font:15px arial,helvetica,clean,sans-serif; font-style:normal;
font-weight:bold;color:#33bfeb;}

#mainNavGrey {font:15px arial,helvetica,clean,sans-serif;font-style:normal;
font-weight:bold;color:#e1e1e1;}

#mainNav {
	list-style-position:inside;
	/*height:71px;*/
	/*width:150px;*/
	list-style:none;
	float:left;
	/*background-color:#EBEBEB;*/
	/*background-image: url(../images/navBtn.gif); */
}

#mainNav li.current{
	width:30px;
	background-repeat: no-repeat;
	background-position: right top;
	background-color:#C36615;
	background-image: url(/images/navCurrentBtn.gif);
}

#mainNav li.currentCont{
	width:150px;
	background-color:#C36615;
	background-image: url(/images/img04.gif);
}

#mainNav li.lastDone{
	width:30px; 
	background-repeat: no-repeat;
	background-position: right top;
	background-color:#7C8437;
	background-image: url(/images/navLastDoneBtn.gif);
}
#mainNav li.lastDoneCont{

	background-color:#7C8437;
	background-image: url(/images/img03.gif);
}

#mainNav li.done{
	width:30px; 
	background-repeat: no-repeat;
	background-position: right top;
	background-color:#7C8437;
	background-image: url(/images/navDoneBtn.gif);
}

#mainNav li.doneCont{

	background-color:#7C8437;
	background-image: url(/images/img03.gif);
}

#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active {
color:#ccc;
}
#mainNav li.lastDoneCont a, #mainNav li.lastDoneCont a:link, #mainNav li.lastDoneCont a:visited, #mainNav li.lastDoneCont a:hover, #mainNav li.lastDoneCont a:active, #mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.currentCont a, #mainNav li.currentCont a:link, #mainNav li.currentCont a:visited, #mainNav li.currentCont a:hover, #mainNav li.currentCont a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active, #mainNav li.doneCont a, #mainNav li.doneCont a:link, #mainNav li.doneCont a:visited, #mainNav li.doneCont a:hover, #mainNav li.doneCont a:active {
color:#fff;
}

#mainNav li.doneCont a:hover, #mainNav li.lastDoneCont a:hover  {
color:#FFFF99;
cursor:hand;
}

#mainNav li a em{
width:150px;
display:block;
margin:6px 0 0 10px;
font-style:normal;
font-weight:bold;
}

#mainNav li a span{
width:150px;
display:block;
margin-left:10px;
font-weight:normal;
}

#mainNav li.mainNavNoBg{
background-image:none;
}

#mainNav li a{
height:71px;
display:block;
}

/* display step */

.bgstep_x {
	float:left;
	height:50px;
	width:198px;
	margin-left:2px;
	margin-right:2px;
	padding-top:5px;
	background:url(/images/step3.png) no-repeat;
	}

.bgstep_y {
	float:left;
	height:50px;
	width:198px;
	margin-left:2px;
	margin-right:2px;
	padding-top:5px;
	background:url(/images/step2bw.png) no-repeat;
	}
	
.step_x {
	float:left;
	height:42px;
	width:60px;
	margin-left:8px;
	margin-right:8px;
	padding-top:5px;
	background:url(/images/step.png) no-repeat;
	}
	
.step_y {
	float:left;
	height:42px;
	width:60px;
	margin-left:8px;
	margin-right:8px;
	padding-top:5px;
	background:url(/images/stepbw.png) no-repeat;
	}
	
.step_z {
	float:left;
	height:42px;
	width:60px;
	margin-left:8px;
	margin-right:8px;
	padding-top:5px;
	background:url(/images/step2.png) no-repeat;
	}	
	
.step_x p {
	text-align:center;
	/*color:#9b9b8e;*/
	color:#ffffff;	
	margin:-2px 0 0 -8px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	display:block;
	}
.step_y p {
	text-align:center;
	/*color:#9b9b8e;*/
	color:#c6c6c6;	
	margin:-2px 0 0 -8px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	display:block;
	}
.step_z p {
	text-align:center;
	/*color:#9b9b8e;*/
	color:#ffffff;	
	margin:-2px 0 0 -8px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	display:block;
	}
	
.step_x span.word {
	text-transform:uppercase;
	font-size:20px;
	text-align:left;
	}
.step_x span.smallword {
	text-transform:uppercase;
	font-size:10px;
	text-align:left;
	}	
	
.step_y span.word {
	text-transform:uppercase;
	font-size:20px;
	text-align:left;
	}
.step_y span.smallword {
	text-transform:uppercase;
	font-size:10px;
	text-align:left;
	}	
.step_z span.word {
	text-transform:uppercase;
	font-size:20px;
	text-align:left;
	}
.step_z span.smallword {
	text-transform:uppercase;
	font-size:10px;
	text-align:left;
	}		
		
.bgstep_x span.title {
font-family:arial,verdana,sans-serif; margin:.9em 0 .3em;
text-transform:uppercase;
font-weight:bold; color:#699634; /*#0097D8;*/ text-decoration:none; font-size:12px
}

.bgstep_x span.smalltitle {
font-family:arial,verdana,sans-serif; margin:.9em 0 .2em;
font-weight:bold; color:#699634; /*#0097D8;*/ text-decoration:none; font-size:11px
}

.bgstep_y span.title {
font-family:arial,verdana,sans-serif; margin:.9em 0 .3em;
text-transform:uppercase;
font-weight:bold; color:#c6c6c6; text-decoration:none; font-size:12px
}

.bgstep_y span.smalltitle {
font-family:arial,verdana,sans-serif; margin:.8em 0 .2em;
font-weight:bold; color:#c6c6c6; text-decoration:none; font-size:11px
}

/* for reward cart */
#boxcart { 
/*font-weight:bold; color:#c6c6c6; text-decoration:none; font-size:15px;*/
display:block;
padding:4px;
border:thin solid #003366;
/*background: url(../images/bgcart.jpg);*/
background-color:#FFFFFF;
}

#boxcart .buttoncart { 
background: url(../images/buttoncart.gif) no-repeat;
height:30px;
width:190px;
text-align:center;
line-height:28px;
font-weight:bold; color:#FFFFFF; text-decoration:none; font-size:11px; 
}

.formbutton{
cursor:pointer;
font: 11px/18px Arial, Verdana, "Trebuchet MS";
border:outset 0px #ccc;
background:#999;
color:#FFF;
width:50px;
height:20px;
font-weight:bold;
background:url(/images/btn_go.gif) repeat-x left top;
}

.post {
	clear:both;
	padding-top: 10px;
}

.post-date {
	width: 39px;
	height: 43px;
	float:left;
	background: url(/images/date-bg.gif) no-repeat;
}

.post-date2 {
	width: 32px;
	height: 11px;
	float:left;
	background:#336633;
	/*background: url(../images/date-bg2.gif) no-repeat;*/
}
.post-month {
	font-size: 8px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 8px;
	padding-top: 2px;
	margin-left: -3px;
}
.post-day {
	font-size: 17px;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display:block;
	line-height: 16px;
	padding-top: 7px;
	margin-left: -3px;
}


/*Add by KN for showtips (28.08.2008)*/
#dhtmlgoodies_tooltip{
		background-color:#ffff99;
		border:1px solid #000;
		position:absolute;
		display:none;
		z-index:20000;
		padding:2px;
		font-size:0.9em;
		-moz-border-radius:6px;	/* Rounded edges in Firefox */
		font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
		
	}
	#dhtmlgoodies_tooltipShadow{
		position:absolute;
		background-color:#555;
		display:none;
		z-index:10000;
		opacity:0.7;
		filter:alpha(opacity=70);
		-khtml-opacity: 0.7;
		-moz-opacity: 0.7;
		-moz-border-radius:6px;	/* Rounded edges in Firefox */
	}
	
	#bubble_tooltip{
	width:147px;
	position:absolute;
	display:none;
}
#bubble_tooltip .bubble_top{
	background-image: url('/images/bubble_top.gif');
	background-repeat:no-repeat;
	height:16px;	
}
#bubble_tooltip .bubble_middle{
	background-image: url('/images/bubble_middle.gif');
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:7px;
	padding-right:7px;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:-8px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:11px;
}
#bubble_tooltip .bubble_bottom{
	background-image: url('/images/bubble_bottom.gif');
	background-repeat:no-repeat;
	background-repeat:no-repeat;	
	height:44px;
	position:relative;
	top:-6px;
}

/*for email toltip*/
#bubble_tooltipemail{
	width:147px;
	position:absolute;
	display:none;
}
#bubble_tooltipemail .bubble_topemail{
	background-image: url('/images/bubble_top.gif');
	background-repeat:no-repeat;
	height:16px;	
}
#bubble_tooltipemail .bubble_middleemail{
	background-image: url('/images/bubble_middle.gif');
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:7px;
	padding-right:7px;
}
#bubble_tooltipemail .bubble_middleemail span{
	position:relative;
	top:-8px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:11px;
}
#bubble_tooltipemail .bubble_bottomemail{
	background-image: url('../images/bubble_bottom.gif');
	background-repeat:no-repeat;
	background-repeat:no-repeat;	
	height:44px;
	position:relative;
	top:-6px;
}

/*for question*/
#bubble_tooltipq{
	width:147px;
	position:absolute;
	display:none;
}
#bubble_tooltipq .bubble_topq{
	background-image: url('/images/bubble_top.gif');
	background-repeat:no-repeat;
	height:16px;	
}
#bubble_tooltipq .bubble_middleq{
	background-image: url('/images/bubble_middle.gif');
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:7px;
	padding-right:7px;
}
#bubble_tooltipq .bubble_middleq span{
	position:relative;
	top:-8px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:11px;
}
#bubble_tooltipq .bubble_bottomq{
	background-image: url('/images/bubble_bottom.gif');
	background-repeat:no-repeat;
	background-repeat:no-repeat;	
	height:44px;
	position:relative;
	top:-6px;
}

	/*end for showtip*/