@import url(styles-x.css);
@media screen,projection{
	body{max-width:985px;margin:0 auto;}
	/* global styles */
	p{padding-right:1em;}
	input,select,textarea,option{font-family:inherit;font-size:inherit;}
	hr{clear:left;margin:-1em 0;padding:0;visibility:hidden;}
	ol li{padding:0 0 0.5em 0;}
	ol{padding:0 0 1em 1.7em;}
	blockquote{color:#090;font-size:1.166em;}
	blockquote span {color: #666; font-size: 1em;}
	/* nav */
	#maincontent{overflow:auto; margin: 0;}
	#maincontent2{overflow:auto; margin: 0 0 0 0;}
	/* gox overrides */
	h2,h3{border-color:#ccc;border-style:solid;border-width:0 0 1px;}
	h2{color:#090;margin:0.6em 0;padding:0 0 0.1em;}
	h3{color:#333;padding:0;}
	#x-breadcrumb {top:4.6em;}
	/* intro section */
	#intro{margin:0 0 -1em 0;overflow:auto;}
	#intro h2, #event h2.intro {border:none;font-size:2.33em;font-weight:normal;margin:0 auto auto auto; }
	.graphic{float:right;margin:0 0 2em 2em;}
	/* content boxes */
	.column{display:inline;float:left;padding-right:5%;width:45%;margin:0;}
	.columns {overflow: auto; margin: 1em 0 0 0;}
	.column ul,.columns ul{list-style:none;padding-left:0;}
	.column ul{padding:0 0 1.5em 0;margin:0;}
	.column ul li,.columns ul li{padding:0;}
	.column div{display:inline;float:left;margin:0 3% 0 0;width:47%; font-size: 0.923em;}
	.column div div {font-size:1em;}
	.column h3,.columns h3{color:#333;padding:0;}
	.column div h3 {font-size:1.2em}
	.columns h3{margin-bottom:0;}
	.columns div{float:left;margin:0;padding:0;width:33%;}
	.longtext li {margin-bottom: 0.5em;}
	/* tabs */
	.tabs{padding:0 0 1em 0;}
	.tabs ul{border-right:1px solid #dbd7d0;float:left;list-style:none;margin:0 -1px 0 0;padding:0;width:161px;}
	.tabs li{line-height:1.2;margin:1em 0;padding:0;}
	.tabs li a{border:1px solid #fff;border-right:none;display:block;padding:0.5em;}
	.tabs li a,.tabs li a:visited{color:#00c;}
	.tabs li a.selected{background-color:#f4efe8;border:1px solid #dbd7d0;border-right:none;color:#333;text-decoration:none;}
	.tabs .tab_content div{border-left:1px solid #dbd7d0;overflow:auto;padding:0 0 0 1em;vertical-align:top;}
	.tabs .tab_content ul{border:none;float:none;list-style:disc;margin:0 0 0 2em;width:auto;}
	.tabs .tab_content ul li{margin:0.2em 0;}
	/* IE6 hacks */
	* html .column div{margin:0 2% 0 0;}
	* html .tabs .tab_content div{margin-left:160px;}
	* html #maincontent{margin-right: 25%;}
	/* additional content on the right */
	#right{float:right;height:100%;margin:0;/*overflow:auto;*/padding:0 0 0 1em;width:25%;}
	.box{background:#f4efe8;border:1px solid #DBD7D0;clear:right;margin:0 0 12px 4px;padding:1em;}
	.box ul{list-style:none;margin:0;padding:0;}
	.box ul li{margin:0.5em 0;}
	.box h3{border:none;color:#000;margin:0;}
	.box img{text-align:center;}
	.box div{margin:0;}
	.box object {margin: 0 -0.4em;}
	/* search */
	#searchbox,#links{clear:both;width:100%;}
	/* additional links in leftnav */
	#nav em{border:dashed #ccc;border-width:1px 0;display:block;font-style:normal;margin:0.5em 0;padding:0.5em 0;}
	/* images and videos */
	.leftborder,img.img-accent-92,ul.photos li a img{border:1px solid #CCC;float:left;margin:0 1em 1em 0;padding:0.416em;}
	ul.photos{float:none;list-style:none;margin:0;overflow:auto;padding:0;}
	ul.photos li{float:left;padding:0 0.5em 1em 0;}
	ul.photos li a img{display:block;float:none;margin:0;}
	.flash{float:left;height:167px;margin:0 2em 2em 0;width:auto;}
	.mainimg{background:url(http://www.algearithm.web.id/icon/avatar/home-pict-border.png) no-repeat top left; margin: 0 0 0 -3px;padding: 13px 0 0 13px; width: 369px; height: 572px;}
	/* forms */
	#x-search label{display:inline;margin-right:1em;}
	/* meet googlers */
	.googler img{float:left;}
	.googler h3{border:solid #ccc;border-width:0 0 1px 0;padding:0 0 .2em 0;}
	.googler p,.googler ul,.googler h4{margin-left:170px;}
	.googler ul{list-style:none;margin:0 0 0 170px;padding:0;}
	/* job listings */
	.joblisting{padding:1em 0 0 1.5em;margin:0;}
	.joblisting li{font-size:0.8em;line-height:1.4;padding:0 0 1em;}
	.joblisting a{font-size:1.25em;}
	.disclaimer{color:#666;padding:2em 0 0;clear:both;}
	#cart{background:#eee;border:1px solid #ccc;padding:0.5em;float:left;}
	/* twisties */
	.twistyExpand,.twistyCollapse{padding:0 0 0 15px;}
	.twistyExpand{background:url(http://www.algearithm.web.id/style/overview/bullet_plus.gif) no-repeat left center}
	.twistyCollapse{background:url(http://www.algearithm.web.id/style/overview/bullet_minus.gif) no-repeat left center}
	/* tables */
	table {border-bottom: 1px solid #dbd7d0;}
	td,th {padding: 0.5em 1em 0.5em 0.5em }
	.alt td {background: #f4efe8; border: solid #dbd7d0; border-width: 1px 0;}
	/* overrides as fallbacks for the old code or to replicate styles-x behavior */
	#aux .breadcrumbs{color:#333333;left:175px;line-height:1.2;margin:0;position:absolute;top:4.6em;word-spacing:0.2em;}
	#videoList {overflow: auto !important; height: 280px !important; width: 280px; margin: 0;}
	#videoList td {vertical-align: top; padding: 0 0 0 5px;}
	/* events landing pages */
	#event h2.intro {overflow: auto;}
	#event h3 {clear: none;border: none; margin-left: 60px;}
	#event div.section ul {margin: 0; padding: 0;}
	#event div.section li {list-style: none; margin: 0; padding: 0 1em 0 0; float:left;}
	#event div.section p {padding: 0; margin-left: 60px;}
	#event div.section img { float: left; margin: 0 1em 0 0}
}

/* Socialize CSS */

.socialize-containter{
	width:600px;
	padding:10px;
	vertical-align:top;
	/*background-color: #ECEEF5;*/
	border: 1px solid #CAD4E7;
	display:table-cell;
	border-radius: 0.25em;
	-moz-border-radius: 0.25em;
}
.socialize-button{
	float:left;
	vertical-align:top;
	padding-right:6px;
	height:75px;
	margin: 0 0 -13px 0;
}
.socialize-button img{
	padding-right:5px;
	padding-bottom:5px;
}
.socialize-button span{
	float:left;
}
.socialize-text{
	font-weight:normal;
	font-size:100%;
	margin: 0 0 -20px 0;
}
.socialize-in-content{
	float: left; 
	margin-top:5px;
	margin-bottom:-5px;
}
.socialize-in-button{
	padding-bottom:5px;
	padding-right: 10px; 
}
.socialize-in-button a{
	text-decoration:none;
	border:none;
}

.socialize-in-r-content{
	float: right; 
	margin-top:-10px;
	margin-bottom:-15px;
}
.socialize-in-r-button{
	padding-left: 10px; 
}
.socialize-in-r-button a{
	text-decoration:none;
	border:none;
}

.socialize-button a{
	text-decoration:none;
	border:none;
}


/* Sociable CSS */

div.sociable {
	margin-right:5px;
	margin-top:4px;
}
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	padding: 0;
	margin-right: 3px;
}
.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}