/*
**************************************************

	http://www.solusi.com
	PT. Sarana Solusindo Informatika

	Inside Content stylesheet
	content_inside.css


**************************************************
*/

/*/IE compatibility/*/
* {margin: 0px; padding: 0px;}

/*/content container/*/
#content{
	margin:0 auto;
	width:960px;
	margin-top:2px;
	background:#F2F2F2;
}

/*/highlights/*/

#highlights {
	width:960px;
	height:300px;
	margin:0 auto;
	overflow:hidden;
	float:left;
	background-image:url(../images/back_highlight2.gif);
	background-repeat:repeat-x;
	background-position:center;
}

#highlights_intro {
	width:760px;
	height:265px;
	background:#FFF;
	margin:0 auto;
	margin-top:12px;
	background-repeat:no-repeat;
	overflow:hidden;
}

#highlights_text {
	float:left;
	width:960px;
	height:50px;
}

#highlights_text p {
	font:Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:15px;
	text-align:center;
	color:#666;
	padding-top:10px;
}



/*/Content Nav Container/*/

#content_nav_container{
	width:960px;
	height:300px;
	background-image:url(../images/content_friendly.jpg);
	background-repeat:no-repeat;
	background-position:left;
	overflow:hidden;
}


#content_nav_block {
	width:350px;
	height:300px;
	float:right;
	background-color:#666;
	font-size:0px;
}

#nav_block {
	line-height:0%;
	list-style-type:none;
	font-size:0px;
}


/*/Content Nav Bottom/*/

#bottom_nav {
	width:960px;
	height:100px;
}

#bottom_nav_block {
	display:inline;
	line-height:0px;
	letter-spacing:0px;
}
#bottom_nav_block li {
	margin:0 auto;
	display:inline;
	letter-spacing:0px;
	line-height:0px;
	word-spacing:0px;
	margin-right:-5px;
	list-style-type:none;
	
	
}

/*/Column Division/*/
#column_container {
	width:960px;
	float:left;
	margin-top:15px;
}

	/*/Column 1/*/
	.titleinside {
	}
		
	.nav_left div {
		margin-bottom:6px;
	}
	
	.nav_le {
		list-style-type:none;
	}
	
	.nav_le li {
		padding-top:7px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		padding-left:35px;

	}
		
	
	
	.nav_le a {
		color:#666;
		text-decoration:none;
		padding-right:55px;
		font-size:13px;
	}
	.nav_le a:hover {
		color:#000;
	}
	#column1 {
		float:left;
		width:200px;
		background:#FFF;
		margin-left:10px;
		margin-top:40px;
		
	}
	
	/*/Quick Links/*/
	
	#quicklinks {
		width:200px;
		height:420px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		float:left;
	}
	
	#quicks {
		list-style-type:none;
	}
	
	#quicks a {
		width:149px;
		padding-top:15px;
		padding-bottom:10px;
		padding-left:50px;
		border-top: 1px solid #F2F2F2; 
		border-right: 1px solid #F2F2F2; 
		display: block;
		background: #E6E6E6; 
		color: #666666;
		text-decoration: none; 
	} 
	
	#quicks a:hover {
		background-color:#CCC;
	}
	
	.titlepq {
		width:200px;
		height:25px;
		background-image:url(../images/bg_title_col1.gif);
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		float:left;
	}
	.titlep {
		margin-left:15px;
		padding-top:6px;
		color:#666;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:700;
		float:left;
	}
		
	/*/Live Chat/*/
	#livechats{
		float:left;
		width:200px;
	}
	#livechats ul{
		list-style-type:none;
	}
	#livechats ul li a{
		margin:0 auto;
		padding-left:15px;
		padding-right:15px;
	}
		
	/*/Column 2/*/
	#col2_content {
		min-height: 500px;
		/*height: auto !important;*/
		/*height: 500px;*/
	}
	#column2 {
		float:left;
		width:740px;
		background:#FFF;
		/*min-height: 800px;*/
	}
	#column2 p{
		font-family:Arial, Helvetica, sans-serif;	
		color:#333;
		line-height:20px;
	}
	#column2 ul{
		/*padding-left:25px;*/
	}	
	
	#column2 ul li{
		padding-top:7px;
	}
	
	#column2 ol{

		padding-left:25px;
	}	
	
	#column2 ol li{
		padding-top:7px;
	}
	/*/Column 2 title/*/
	.col_title {
		width:560px;
		height:25px;
		background-image:url(../images/bg_title_col2.gif);
		margin:0 auto;
		
	}
	#intro_col {
		width:560px;
		height:300px;
		background:#EAEAEA;
		margin:0 auto;
	}
	/*/ Column 2 inside /*/
	#breadcr {
		width:720px;
		height:20px;
		background:#FAFAFA;
		color:#666;
		padding-left:20px
	}
	#breadcr ul {
		display:inline;
		list-style:none;
	}
	
	#breadcr ul li{
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		padding-right:7px;
		padding-top:3px;
	}
	
	#breadcr ul li a{
		color:#666;
		text-decoration:none;
	}
	
	#breadcr ul li a:hover{
		color:#000;
	}
	
	#page_tit {
		font-family:Arial, Helvetica, sans-serif;
		font-size:22px;
		color:#333;
		background:url(../images/bg_sep.gif) bottom no-repeat;
		
	}
	#page_tit h1 {
		padding-left:15px;
		font-size:35px;
	}
	
	#bannercol2 {
		width:100%;
		height:210px;
		margin:0 auto;
	}
		
	#product_con {
		width:700px;
		margin:0 auto;
		height:700px;
		
	}
	#product_con div h2{
		width:320px;
		height:22px;
		background:#CCC;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		padding-left:20px;
		padding-top:3px;
		font-weight:800;
		color:#999;
		
	}
	
	#product_con div h3{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		padding-left:20px;
		padding-right:15px;
		color:#666;
	}
	#product_con div p{
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		padding-left:20px;
		padding-right:15px;
		color:#666;
		
	}
	#product_con div a{
		color:#333;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		padding-left:20px;
		padding-right:10px;
		font-weight:900;
	}
	#product_con div a:hover{
		color:#666;
	}
	
	
	.prod_left{
		width:340px;
		height:220px;
		float:left;
		background:#FAFAFA;
		margin-top:5px;
		margin-bottom:5px;
		
	}
	
	.prod_right {
		width:340px;
		height:220px;
		float:right;
		background:#FAFAFA;
		margin-top:5px;
		margin-bottom:5px;
	}
	
	#content_col {
		width:700px;
		height:100%;
		margin:0 auto;
		/*margin-bottom: 10px;*/
		overflow:inherit;
	}
	#content_col h2{
		height:22px;
		background:#CCC;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		padding-left:20px;
		padding-top:3px;
		font-weight:800;
		color:#999;
	}
	#content_col h3 {
		margin:0 auto;
		width:700px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		text-align:justify;
		font-weight:900;
		padding-top:10px;
		padding-bottom:3px;
	}
	#content_col p {
		margin:0 auto;
		width:700px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:justify;
		/*padding-bottom:10px;*/
	}
	
	#content_col ul li {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	
	#content_col ol li {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	
	table {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000;
	}
		
	/*/ column container update /*/
	.events_col {
		width:270px;
		height:140px;
		float:left;
	}
	
	.events_col .tit_ev {
		background: center no-repeat url(../images/header_2nd2.gif);
		width:250px;
		height:25px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#666666;
		
		
		}
	
	.evpro .news_title_link {
		font-size: 13px;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
		color:#000000;
	}
	.evpro .news_title_link a{
		color:#000;
		text-decoration:none;
	}
	.evpro .news_title_link a:hover{
		color:#666;
	}
	
	.evpro {
		list-style-type:none;
		padding-top:10px;
	}
	
	
	.evpro .news_contain {
		font-size: 11px;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
		color:#000000;
		font-weight:normal;
		padding-bottom:15px;
	}

	#review_col {
		width:270px;
		height:140px;
		float:right;
	}
	
	.clear {
		clear:both;
	}
	/*/ footer /*/

	#training_search_form {
		font:Arial, Helvetica, sans-serif;
		padding-top: 10px;
	}
	
	#training_name {
		width: 250px;
		font:Arial, Helvetica, sans-serif;
	}
	
	#training_description {
		/*background: #F7F7F7;
		border: 1px solid #EAEAEA;*/
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		/*padding: 10px;
		margin-top: 10px;*/
	}

	#training_description ul {
		margin: 0;
		padding: 0;
		list-style:none!important;
		list-style-image: none!important;
	}

	#training_description ul li {
		margin-bottom: 10px;
	}
	
	div.autocomplete {
		position:absolute;
		font-size: 12px;
		width:250px;
		background-color:#f9f9f9;
		border:1px solid #D0D0D0;
		color: #002166;
		display: block;
		margin:0px;
		padding:0px;
		z-index:999999;
		height:200px;
		overflow:scroll;
	}
		
	div.autocomplete ul {
		list-style:none!important;
		list-style-image:none!important;
		margin:0px;
		padding:0px;
	}

	div.autocomplete ul li.selected {
		background-color: #B9DAF0;
	}

	div.autocomplete ul li {
		font-size: small;
		list-style-type:none;
		display:block;
		margin:0;
		/*padding:2px;*/
		cursor:pointer;
	}
	
	.training {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
	}
	
	/* Search and Download */
	#container_search_download {
		margin:	0 auto;
		width:700px;
		background:#FFF;
	}
	
	#training_search{
		float:left;
		width:400px;
		height:120px;
		background:#EEE;
	}
	
	#training_schedule{
		float:right;
		width:260px;
		height:120px;
		background:#EEE;
	}
	/* Customer Testimony */
	#NewsTicker{
		border:solid 1px #FFF;
		background:#fff;
		width:200px;
		height:150px;
		margin:0 auto;
		margin-bottom:35px;
	}

	#NewsVertical {
		font-family: Arial, Helvetica, sans-serif;
		width: 200px;
		height: 150px;
		display: block;
		overflow: hidden;
		position: relative;
	}

	#TickerVertical {
		width: 200px;
		height: 150px;
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#TickerVertical li {
		display: block;
		width: 200px;
		color: #333333;
		text-align: left;
		font-size: 11px;
		margin: 0;
		padding: 6px;
		float: left;
	}

	#TickerVertical li .NewsTitle{
		display: block;
		color: #000000;
		font-size: 12px;
		font-weight:bold;
		margin-bottom:6px;
	}
	#TickerVertical li .NewsTitle a:link,
	#TickerVertical li .NewsTitle a:Visited {
		display: block;
		color: #000000;
		font-size: 12px;
		font-weight:bold;
		margin-bottom:6px;
		text-decoration:none;
	}
	#TickerVertical li .NewsTitle a:hover {
		text-decoration:underline;
	}

	#TickerVertical li .NewsImg{
		float:left;
		margin-right:10px;
	}
	#TickerVertical li .NewsFooter{
		display: block;
		color: #000000;
		font-size: 10px;
		margin:6px 0 14px 0;
	}
	
	#certification  ul{
		list-style:none;
	}
	
	.cert_content {
		margin-left:30px;
	}
	
	/*Add By HENDRY*/
	.promotions {
		width:560px;
		min-height:150px;
		padding-top:10px;
		padding-bottom:20px;
		margin-left:65px;
	}
			

	.promos {
		width:175px;
		padding-left:10px;
		float:left;
		margin-bottom:10px;
	}

	.promos a {
		border-bottom: 4px solid #FFF;
	}

	.promos a:hover{
		border-bottom: 4px solid #CCC;
	}