/**************** Body and tag styles ****************/
body {
	font:76% Verdana,Tahoma,Arial,sans-serif;
	line-height:1.4em;
	color:#333333;
	background-image:url(images/grad_bg.png);
	margin: 0px 0px 0px 0px;
	background-repeat: repeat-x;
}
/**** asal *****/
TH {
	FONT-SIZE: 11px; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif
}
TD {
	FONT-SIZE: 11px; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif
}
FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
INPUT.input1 {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 9px; BACKGROUND: #ffffff; BORDER-LEFT: medium none; WIDTH: 108px; COLOR: #000000; BORDER-BOTTOM: medium none
}
P {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 1em
}
.bg1 {
	BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(images/index23.jpg); BACKGROUND-REPEAT: no-repeat
}
.bg2 {
	BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(images/index26.jpg); BACKGROUND-REPEAT: no-repeat
}
.bg3 {
	BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(images/index41.jpg); BACKGROUND-REPEAT: no-repeat
}
.bg4 {
	BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(images/index45.jpg); BACKGROUND-REPEAT: no-repeat
}
.bg5 {
	BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(images/inside03.jpg); BACKGROUND-REPEAT: no-repeat
}
.text1 {
	COLOR: #000000; TEXT-ALIGN: justify
}
.text2 {
	COLOR: #88c800
}
.text3 {
	COLOR: #ffffff
}
.text4 {
	COLOR: #44b7ce
}
.ul1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-POSITION: inside; MARGIN-BOTTOM: 1em; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; COLOR: #88c800; PADDING-TOP: 0px; LIST-STYLE-TYPE: disc
}
.ul2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-POSITION: inside; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #448585; PADDING-TOP: 0px; LIST-STYLE-TYPE: square
}
A.link1 {
	COLOR: #ffa500; TEXT-DECORATION: underline
}
A.link1:hover {
	COLOR: #0960a3; TEXT-DECORATION: underline
}
A.link2 {
	COLOR: #ffffff
}
A.link2:hover {
	TEXT-DECORATION: none
}
td.header { border-bottom: dotted #b5b5b5 thin;  font-size: 13px;}
h1.header { border-bottom: dotted #b5b5b5 thin;  font-size: 15px;}
td.content_table { padding-bottom: 10px;}

td.sidebar_header { border-bottom: dotted #b5b5b5 thin; }
td.sidebar_content { padding-top: 5px; padding-bottom: 10px; }

.sidebar_nav { font-weight: ; text-decoration: none; font-size: 10px;  margin:0px; padding:0px;}
.sidebar_nav a:link { font-weight: ; text-decoration: none; font-size: 10px; color:#000099 }
.sidebar_nav a:visited { font-weight: ; text-decoration: none; font-size: 10px; color:#000099 }
.sidebar_nav a:active { font-weight: ; text-decoration: none; font-size: 10px; color:#000099 }
.sidebar_nav a:hover { font-weight: ; text-decoration: underline; font-size: 10px; color:#000099}
.sidebar_nav li { 
	list-style-type: none;
	background: url(images/nav_dot.gif) left center no-repeat;
	padding-left:10px;
	margin:0px;
	margin-bottom:2px;
}
.sidebar_features { font-weight: ; text-decoration: none; font-size: 10px;  margin:0px; padding:0px; }
.sidebar_features a:link { font-weight:; text-decoration: none; font-size: 10px; color:#000099}
.sidebar_features a:visited { font-weight: ; text-decoration: none; font-size: 10px; color:#000099 }
.sidebar_features a:active { font-weight: ; text-decoration: none; font-size: 10px; color:#000099}
.sidebar_features a:hover { font-weight: ; text-decoration: underline; font-size: 10px; color:#000099}
.sidebar_features li { 
	list-style-type: none;
	background: url(images/features_bullet.gif) left center no-repeat;
	padding-left:10px;
	margin:0px;
	margin-bottom:2px;
}

.features_list { padding-top:5px; }
.features_list li { 
	list-style-type: none;
	background: url(images/check.gif) left center no-repeat;
	padding-left:20px;
	margin:0px;
	margin-bottom:2px;
}

td.front_plan_header { background-color: #3463ac; color: #FFFFFF; font-size: 12px; font-weight: bold; border-right: 1px solid #081434; border-left: 1px solid #6a87ab; text-align: center; padding-top: 5px; }
td.front_plan_headerb { background-color: #3463ac; color: #FFFFFF; font-size: 12px; font-weight: bold; border-left: 1px solid #6a87ab; text-align: center; padding-top: 5px; }
td.front_plan_header1 { background-color: #3463ac; color: #E8E8FF; font-size: 10px; font-weight: bold; border-right: 1px solid #081434; border-left: 1px solid #6a87ab; text-align: center; padding-bottom: 5px; vertical-align:top; padding-left:5px;padding-right:5px; }
td.front_plan_header1b { background-color: #3463ac; color: #E8E8FF; font-size: 10px; font-weight: bold;  border-left: 1px solid #6a87ab; text-align: center; padding-bottom: 5px; vertical-align:top;padding-left:5px;padding-right:5px; }
td.plan_content_left {background-color: #FFFFFF; color: #000000; padding-bottom: 3px; border-right: 1px solid #b5b5b5;}
td.plan_content_center {background-color: #FFFFFF; color: #000000; padding-bottom: 3px; padding-right:5px;}
td.plan_content_right {background-color: #FFFFFF; color: #000000; padding-bottom: 3px; border-left: 1px solid #b5b5b5; }

td.plan_highlight { background-color: #e7f1ff; color: #3161aa; text-align: center; font-weight: bold; font-size: 12px; padding-top: 3px; padding-bottom: 3px;}
td.plan_price { background-color: #e7f1ff; color: #000000; text-align: center; font-weight: bold; font-size: 12px; padding-top: 3px; padding-bottom: 3px;}
td.support_header { text-align: left; color: #FFFFFF; font-weight: bold; background-color: #3463ac; font-size: 12px; padding: 3px;}
td.support_body { text-align: left; background-color: #FFFFFF; color: #000000; text-decoration: none; border-bottom: 1px solid #CCCCCC; padding-top:5px;padding-bottom:5px; }
td.support_body a:link { background-color: #FFFFFF; color: #000000; text-decoration: underline; }
td.support_body a:visited { background-color: #FFFFFF; color: #000000; text-decoration: underline; }
td.support_body a:active { background-color: #FFFFFF; color: #000000; text-decoration: underline; }
td.support_body a:hover { background-color: #FFFFFF; color: #1f749a; text-decoration: underline; }



td.plan_header { text-align: center; color: #FFFFFF; font-weight: bold; background-color: #3463ac; font-size: 12px; padding-top: 3px;}
td.plan_header1 { text-align: center; color: #E8E8FF; font-weight: bold; background-color: #3463ac; font-size: 10px; padding-bottom: 3px;vertical-align:top;}

td.plan_page_left { color: #FFFFFF; font-weight: bold; background-color: #2487d7; font-size: 10px; padding: 3px; border-top: 1px solid #FFFFFF; text-align: right; }
td.plan_body { background-color: #FFFFFF; color: #000000; text-decoration: none; border-bottom: 1px solid #CCCCCC; text-align: center; }
td.plan_body_highlight { background-color: #e7f1ff; color: #3161aa; text-decoration: none; border-bottom: 1px solid #CCCCCC; font-weight: bold; text-align: center; }
td.plan_body a:link { background-color: #FFFFFF; color: #000000; text-decoration: underline; }
td.plan_body a:visited { background-color: #FFFFFF; color: #000000; text-decoration: underline; }
td.plan_body a:active { background-color: #FFFFFF; color: #000000; text-decoration: underline; }
td.plan_body a:hover { background-color: #FFFFFF; color: #1f749a; text-decoration: underline; }

th.section {
	color: #ffffff;
	background: #3463ac;
	font-size:12px;
	font-weight:bold;
}

th.req1 {
	background: #FAFAFA url(images/bullet1.gif) no-repeat;
}

th.req2 {
	background: #ffffff url(images/bullet1.gif) no-repeat;
}
/** end Asal ***/

a:link, a:visited, a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	text-decoration: underline;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000; }
h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #990000;
	padding: 1;
	margin: 0;	
	}
h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #336699;
	}

h3 {
	color: #003366;
	font-size: 10pt;
	padding: 1;
	margin: 0;
	border-bottom: 1px dotted #5e74b3;
}	
hr {
border: none 0;
border-top: 1px solid #8CA1C0;/*the border*/
width: 97%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}
	
#container{
width:760px;
margin:0px auto;
padding:1px 0;
text-align:left;
background:#ffffff;
color:#333333;
/*border:1px solid #dddddd;*/
}
.navbkg {
height:27px;
background-color: #305485;
background:url(images/nav_element.gif)
}
#navigation{
height:23px;
line-height:24px;
width:100%;
margin:0 ;
/*border-top:1px solid #cccccc;*/
}

#navigation li{
float:left;
background: transparent url(images/trans.gif) left center no-repeat;
white-space:nowrap;
display: inline;
position: relative;
}

#navigation li a{
list-style: none;
display:block;
padding:0px 18px 0px 18px; /* top-right-bottom-left  */
font-family: Tahoma;
font-style:normal;
font-size:12px;
font-weight: 500;
/*text-transform: lowercase; /* transformed text to uppercase */
text-decoration: none;
background-color:inherit;
    color: #2D323A;
}

* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover{
	list-style: none;
	/*background: transparent url(images/btn-flower-lt.gif) left center no-repeat;*/
	background: #F4F4F4;/*transparent url(images/bk-hover.gif);*/
	color: #666666;
	text-decoration:none;
	
}

/* Navigation for drop downs*/

	ul li#bypass {
	display	: none;
	}

	#navigation ul {
		height			: 23px; /* you will also need to change #navigation a padding and #navigation li ul margin-top*/
		width			: 100%;
		margin			: 0;
		padding			: 0;
		background: inherit; /* background color of the drop downs */
		color: #ffffff;
		list-style-type: none;
	}

		#navigation li ul {
			background: #inherit;
			/*border-top		: 1px solid #ffffff;*/
			margin-top		: 2px;		/* How far down the drop down menus start  - you will also need to change #navigation ul height and #navigation a padding */
			display			: none;
			left			: 0;
			position		: absolute;
			width			: 140px;		/* width of the drop down menus? */
			height			: auto;
		}
		
		#navigation li li {
			/*width			: 140px;		/* width of the drop down menus? */
			border			: 1px solid #8cA1C0; /* color of drop down borders */
			border-top		: 0;
			background: transparent url(images/bk-dropdown.gif);
				filter:alpha(opacity=90);
-moz-opacity: 0.9;	opacity: 0.9;
		}
		
		#navigation li li a {
		display:block;
		padding:0 10px;
		font-size: 12px;
		font-weight: 500;
		/*text-transform: lowercase; /* transformed text to uppercase */
		text-decoration:none;
		background-color:inherit;
		color: #2D323A;
		border-right: none;
		width: 120px;
		}
		
		#navigation a:hover, #navigation a:focus {
		/*background-color:inherit;
		background-color:#ECE5ED;*/
		background: #F4F4F4;/*transparent url(images/bk-hover.gif);*/
		color: #CC3333;
		}
		
		#navigation .sel a {
		background: transparent url(images/bk-select.gif);
		/*background-color:inherit;*/
		color: #990000;
		}

		#navivation a:active {
		background: transparent url(images/bk-active.gif);
		color: #663200;
		}
		/**************** Menublock styles ****************/

.menublock{margin:0 0 18px 8px; font-size:12px;}
.menublock li{list-style:none; display:block; padding:1px; margin-bottom:1px;}
.menublock li a{font-weight:normal; text-decoration:none;}
.menublock li a:hover{text-decoration:none;}
.menublock li ul{margin:0px 0 3px 15px; font-size:12px; font-weight:normal;}
.menublock li ul li{margin-bottom:0;}
.menublock li ul a{font-weight:normal;}


/**************** Header styles ****************/
.header {
background:#FFFFFF;
border-bottom-color:#000000;
border-bottom-style:solid;
border-bottom-width: 12px;
height: 48px;
}
.headertxt {
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F4F4F4;
	padding: 2px 2px 2px 2px;
	border: #DDDDDD 1px solid;
	width: 97%; }
.headertxt a:link, .headertxt a:visited, .headertxt a:active {
	font-size:10px;
	color : #003399;
	text-decoration : none;
}
.headertxt a:hover { color: #FF0000; text-decoration: none; }
.subheader { 
height:1px;
width:760px;
text-align: center;
margin:0 0px 0px 0px;
background: #8ca1c0;
/*border-bottom-color:#cccccc;
border-bottom-style:solid;
border-bottom-width: 1px;*/

}
/**************** Content styles ****************/

.content {
	font:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	vertical-align: top;
	text-align: left;
	/*background-image: url(images/bkg-content.gif);*/
	background-color:#FFFFFF;
	padding: 10px 15px 10px 15px;
	
}
.leftcolumn {
background-color:#FFFFFF;
}

.heading { 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #990000;
	
}
.introtext {
font:93% Verdana,Tahoma,Arial,sans-serif;
line-height:1.3em;
color:#333333;
}

.important{ color:#f02025; background-color:inherit; font-weight:bold; }

/**************** box styles ****************/

.box-heading {
	border-left: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	width: 360px;
	height: 69px;
	}
	
.box-header2 {
	border: #999999 1px solid;
	background:#CCCCCC;
	background-image:url(images/screen.css)
	
	}
	
.infobox { 
	width: 360px;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	font:93% Verdana,Tahoma,Arial,sans-serif;
	line-height:1.3em;
	color:#333333;
	border-left: #CCCCCC 1px solid;
	border-top: #CCCCCC 1px solid;
	border-bottom: #999999 1px solid;
	border-right: #999999 1px solid;
	text-align: justify;
	
}

.box1 {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height: 100%;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	border-left: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	width: 360px;
	height: 69px;
}
.box2 {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	height: 100%;
	background-color: #FFFFCC;
	padding: 5px 5px 5px 5px;
	border: #CCCCCC 1px solid;
	width: 360px;
}
.box3 {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height: 100%;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;	
	border-bottom: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	width: 360px;
	height: 69px;
}
.box4 {
	font-family:Arial, Helvetica, sans-serif;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	font:93% Verdana,Tahoma,Arial,sans-serif;
	line-height:1.3em;
	color:#333333;
	border-left: #CCCCCC 1px solid;
	border-top: #CCCCCC 1px solid;
	border-bottom: #999999 1px solid;
	border-right: #999999 1px solid;
	text-align: justify;
	
}

/**************** Footer styles ****************/

.footer { 
height:15px;
width:760px;
margin:5px 0px 5px 0px;
background:#EFEFEF;
border-top-color:#cccccc;
border-top-style:solid;
border-top-width: 1px;

}
.design {
	font-size: 9px;
	text-decoration: none;
}
.design a:link, .design a:visited, .design a:active {
	text-decoration: none;
}
.design a:hover {
	text-decoration: underline;
}

.testimony {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #FFFF99;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #333333;

}



.button {

	padding: 2px 10px 2px 10px;

	font-size: 10px;

}

.border {

	border: 1px solid #336699;

}
.border-bottom {
	border-bottom: 1px solid #8CA1C0;
	padding-bottom: 3px;
	padding-top: 3px;
}

.BoxCategory {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #003399;

	font-size: 11px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #000000;

	background-color: #EEEEEE;

	border-top-style: none;

	border-right-style: none;

	border-left-style: none;

	padding-left: 15px;

	font-weight: normal;

	height: 20px;

}

.Adbox {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	width: 165px;
	padding: 0px;
	border: 1px solid #999999;
	background-color: #FFFFCC;
	text-align: left;
	}
	

.Adbox ul { list-style-type: none; border-bottom: 0px; margin: 0; padding-left: 25px; }

.Adbox li {list-style: url(images/point.gif); margin: 0; padding: .2em;} 



.Adbox2 { width: 250px;

	padding: 0px;

	border: 1px solid #999999;

	background-color: #FFFFCC;}

.Adbox2 ul { list-style-type: none; border-bottom: 0px; margin: 0; padding-left: 10px; }

.Adbox2 li {list-style: color: #003399 margin: 0; padding: .2em;} 


.Maroon-title {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #CC0000;

	}

#Maroon-title {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #CC0000;

	}

.subheading {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

}

.subheadingMaroon {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #CC0000;

}

.subheadingBlue {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #003399;

}

.spaced {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-color: #333333;

	font-size: 12px;

	line-height: 20px;

}

.vertical {

	border-left-width: 1px;

	border-left-style: dashed;

	border-left-color: #003399;

}

.vertical-right {

	border-right-width: 1px;

	border-right-style: dashed;

	border-right-color: 003399;

}



.basesolid {

	border-bottom-width: 1px;

	border-bottom-style: double;

	border-bottom-color: #003399;

}

.rightborder {

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #003399;

}

.leftborder {

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #003399;

}

.leftGreyborder {

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #cccccc;

}
.top-Greyborder {

	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;

}
.top-leftGreyborder {

	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cccccc;

}

.infobox-heading {
	color: #fff;
	background-color:#305485;
	padding-left: 5px;
	padding-right: 2px;
	height: 12px;
	font-size: 10px;
	font-weight: bold;	
}

.boxlite {

	border: 1px solid #003399;

}

.dashtop {

	border-top-width: 1px;

	border-top-style: dashed;

	border-top-color: #003399;

}

.doubleline {

	border-top-width: 3px;

	border-top-style: double;

	border-top-color: #003399;

}

.doublewhiteline {

	border-bottom-width: 3px;

	border-bottom-style: double;

	border-bottom-color: #FFFFFF;

}

.topsolid {

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #003399;

}
.smallwhite { font-size:9px; color: #FFFFCC; }

#smallwhite a:link, #smallwhite a:visited, #smallwhite a:active {

	font-size:9px;

	padding-right : 10px;

	padding-left : 10px;

	padding-bottom : 4px;

	color : #FFFFCC;

	text-decoration : none;

	border-right-color : #FFFFCC;

	border-right-style : solid;

	border-right-width : 1px;

	right: auto;

}

#smallwhite a:hover { color: #FFFF00; text-decoration: none; }

.slogan {
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 25px;

}

.small { font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
}

.small a:link, .small a:visited, .small a:active {

	font-size:10px;
	color : #003399;
	text-decoration : none;

}

.small a:hover { color: #FF0000; text-decoration: none; }

.verdana10 {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight:300;

}

.verdana11 {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight:300;

}

.verdana12 {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight:300;

}

.bullet {

	list-style-image: url(images/point3.gif);

	color:#333333;

 }