#wrap {
	font-family: "Helvetica Neue", Helvetica-Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
	font-size: 13px;
	background-color: #fff;
	background: url("bg_purple.jpg") repeat-x;
}



/* @group Layout */


#logo {
	position: absolute;
	/*top: 11px;*/
	top: 10px;
	left: 0;
}

#head {
	
	/*background-color: #0E5C92;*/
}

#head-in {
	margin: 0 auto;
	width: 987px;
	height: 133px;
	position: relative;
}

#main {
	margin: 0 auto;
	width: 980px;
}

#highlight, .highlight {
	height: 135px;
	margin-bottom: 20px;
}

#highlight .links, .highlight .links {
	padding: 1em 0;
	font-size: 1em;
}

#highlight h2, .highlight h2 {
	font-size: 2.3em;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 28px 0 0 0;
	color: #4d306b;	
}



#highlight p, .highlight p {
	font-size: 1.3em;
 	font-weight: bold;
 	padding: 10px 0;
 	margin: 0 !important;
 	line-height: 1.1em !important;
	color: #82539d !important;
}



#foot {
	clear: left;
	padding: 20px 0;
}



#foot-in {
	width: 980px;
	margin: 0 auto;
}

#logofocus, .logofocus {
	height: 100px;
	margin-top: 20px;
	margin-bottom: 30px;
}

#left {
	width: 750px;
	float: left;
	margin-top: 0px;
	top: 0px;
}

#logofocus .links, .logofocus .links {
	padding: 1em 0;
	font-size: 1em;
}


#right {
	background-color: #F1F1F1;
	margin-left: 785px;
	border: 1px solid #ddd;
	padding: 20px;
	margin-top: -16px;
	height:100%;
}
#right-prof {
	background-color: transparent;
	margin-left: 680px;
	padding: 0 20px ;
	text-align:center;
}

.excerpt {
	padding: 2.0em 0em 1.6em 2.0em;
	float: left;
	width: 710px;
	border-bottom: 1px solid #ddd;
}
/*
.excerpt a.image  {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}*/
.excerpt img.alignleft{margin: 5px 10px 2px 0;  border:1px #DDD solid; float:left; }
.excerpt img.alignright{margin: 5px 0 2px 10px; border:1px #DDD solid; float:right; }
.excerpt img.alignleft, img.alignright{	padding: 4px;border: 1px solid #f2f1e9;	display: inline; }
.excerpt img.centered{display: block;margin-left: auto;margin-right: auto; padding: 5px; border:1px #DDD solid; }
.excerpt p img{max-width: 100%;width: expression(this.width > 450 ? 450: true);}
.excerpt small {
	margin-top:-15px;
}
.excerpt em { font-style:italic; color:#663399; }

.img-thumb {
	padding: 1em; 
	float: left;
	/*background-color: #f5f5f5;
	border-top: 4px solid #eee;*/
}
img.alignleft{margin: 5px 10px 2px 0;  border:1px #DDD solid; float:left; }
img.alignright{margin: 5px 0 2px 10px; border:1px #DDD solid; float:right; }
img.centered{display: block;margin-left: auto;margin-right: auto; padding: 5px; border:1px #DDD solid; }
img.centerednb{display: block;margin-left: auto;margin-right: auto; padding: 5px;}
/*centered no border*/


.img-thumb .image {
	/*width: 80px;*/
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	float: left;
}

.tiny-menu , .tiny-menu-white {
	padding-bottom: 0.8em;
	color:#666666;
	text-align:right;
	top:0;
	margin: 3px;
	/*background:#FFFFFF;*/
}
.tiny-menu-white { text-align:left; padding-left: 40px; padding-right: 40px;}
.tiny-menu p,.tiny-menu a,  .tiny-menu-white p, .tiny-menu-white a{
	font:Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
}
.tiny-menu-white p, .tiny-menu-white a{	color:#fff;}

.tiny-menu a:hover,visited {
	color: #15ADFF;
	text-decoration:none;
}
.tiny-menu-white a:hover,visited  {
	color: #ccc;
	text-decoration:underline;
}

.news { /*what to study box on Main.php*/
	float: left;
	width: 710px;
	padding: 2.0em;
	background-color: #f5f5f5;
	border-bottom: 1px #ddd solid;
	border-top: 1px #ddd solid;
}
.news#light {background-color:#FBFBFB;}

.news .image {
	padding: 0 !important;
	text-align: left !important;
	background: transparent !important;
	border: 0 !important;
	float: left;
	margin-top: 0 !important;
	margin-right: 20px !important;
}

.news .text {
	float: left;
	width: 95%; 
	margin-bottom: 15px; 
}

.news h2 {
	margin-top: 0 !important;
	font-size:26px;
	text-decoration: none;
	font-weight:bold;
	color: #4d306b;
}
.news .title {
	font-size: 1.2em;
	font-weight: bold;
	color: #111;
	line-height: 1.2em;
}
.news span#filed { float: left; font-size: 1.0em; margin-bottom: 10px;}
.news a#link {float: right;display: block; padding: 5px 8px; background:#4d306b; color: #fff; }
.news a { text-decoration: none; }
.news a:hover { text-decoration: none;color:  #cc0000; }
.news small {
	display: block;
	font-size: 0.8em;
	color: #333333;
	text-decoration: none;
}

.news img.alignleft{margin: 5px 10px 2px 0;  border:1px #DDD solid; float:left; }
.news img.alignright{margin: 5px 0 2px 10px; border:1px #DDD solid; float:right; }
.news img.alignleft, img.alignright{	padding: 4px;border: 1px solid #f2f1e9;	display: inline; }
.news img.centered{display: block;margin-left: auto;margin-right: auto; padding: 5px; border:1px #DDD solid; }
.news p img{max-width: 100%;width: expression(this.width > 450 ? 450: true);}

.whattostudy { /*what to study box on Main.php*/
	float: left;
	width: 710px;
	padding: 2.0em;
	background-color: #f5f5f5;
	border-bottom: 1px #ddd solid;
	border-top: 1px #ddd solid;
}

.whattostudy .image {
	padding: 0 !important;
	text-align: left !important;
	background: transparent !important;
	border: 0 !important;
	float: left;
	margin-top: 0 !important;
	margin-right: 20px !important;
}

.whattostudy .text {
	float: left;
	width: 95%;  
}

.whattostudy h2 {
	margin-top: 0 !important;
	font-size:26px;
	text-decoration: none;
	font-weight:bold;
	color: #4d306b;
}

.whattostudy h4 {
	margin-top: 0 !important;
	font-size:16px;
	text-decoration: none;
	font-weight:bold;
	color: #cc0000;/*red*/
}

.whattostudy .error {
	font-size:16px;
	text-decoration: none;
	font-weight:bold;
	color: #cc0000; /*red*/
}
.whattostudy-red {
	float: left;
	width: 95.4%;
	padding: 2.0em;
	background-color: #f1e9f5;
}

.whattostudy-red .text {
	float: left;
	width: 95%;
}

.whattostudy-red h2 {
	margin-top: 0 !important;
	font-size:26px;
	text-decoration: none;
	font-weight:bold;
	color: #4d306b !important;
}
.whattostudy-red p {
	margin: 1.6em 0;
	line-height: 1.3em;
	color: #555;
}

.whattostudy-red p strong {
	font-weight: bold;
	color: #222;
}
.whattostudy-red strong { color:#000; font-weight:bold; }


/* @end */



/* @group Typo */

#head h1 {
	padding-top: 45px;	
	padding-left: 110px;
}

#head h1 a {
	display: block;
	float: left;
	height: 42px;
	font-size: 2.4em;
	color: #fff;	
	text-decoration: none;
	margin-left: 160px;
	margin-top: -20px;
	background: url("h1_pg.png") no-repeat;
	text-indent:-3000px;
	width: 250px;
}

#utils {
	margin-left: 240px;
	padding-top: 0.7em;
}

#utils li {
	float: left;
}

#utils a {
	background-color: #B86B66;
	padding: 0.5em 0.7em;
	text-decoration: none;
	display: block;
	float: left;
	margin: 0.2em;
	font-size: 0.9em;
	color: #600600;
}

#utils a:hover {
	background-color: #fff;
}

#foot .col, .col-wide {
	width: 21%;
	float: left;
	height: 240px;
	margin-right: 3%;
	margin-bottom: 1em;
}

#foot .col-wide {width: 30%;}

#foot h4 {
	color: #fff;
}

#foot h3 {
	color: #ccc;
	margin-top:4px;
	line-height:14px;
}

#foot h4 a {
	text-decoration: none;
	font-size: 1.3em;
}

#foot ul {
	list-style: none;
}

#foot ul li {
	color: #fff;
}

#foot a {
	color: #fff;
}
#foot a:hover {
background-color: #3a2351;
	color: #fff !important;
}

#foot .col-wide a {
	padding: 0.5em 0.3em;
	text-decoration: none;
	border-bottom: 1px solid #5c3a7f;
	display: block;

}
#foot .col li a, .col-wide li a {
	color: #ece1f1 !important;
}

#foot .col a:hover, .col-wide a:hover {
	background-color: #3a2351;
	color: #fff !important;
}
#foot .col-wide p {
	text-decoration: none;
	display: block;
	padding: 0.5em 0.3em;
	line-height:1.5em;
	color: #EBEBEB;
	font-size:11px;
}	

#copyright {
	text-align: center;
	padding-top: 3em;
}

#copyright ul li {
	list-style: none;
}

#menu {
	padding: 0.5em 0;
	/*margin-left: 280px;*/
	left: 280px;
	position: absolute;
	bottom: 20px;
	font-size: 1.2em;
}

#menu li {
	display: inline;
}

#menu a {
	text-decoration: none;
	text-transform: uppercase;
	padding: 0.5em 0.8em;
	padding-bottom: 0.6em;
	font-size: 0.8em;
}

#menu a:hover {
	color: #fff;
}

#menu strong a, #menu strong a:hover {
	background-color: #fff;
}


#logofocus h2, .logofocus h2 {
	font-size: 2.3em;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 28px 0 0 0;
}

#logofocus p, .logofocus p {
	font-size: 1.3em;
 	font-weight: bold;
 	padding: 10px 0;
 	margin: 0 !important;
 	line-height: 1.1em !important;
}

#left p {
	margin: 1.6em 0;
	line-height: 1.3em;
	color: #555;
}

#left p strong {
	font-weight: bold;
	color: #222;
}

#left h2 {
	margin-top: 0 !important;
	font-size:26px;
	text-decoration: none;
	font-weight:bold;
	color: #752c9f;
} 
/*
#left div.image {
	display: block;
	background-color: #eee;
	padding: 1.5em;
	text-align: center;
	border: 1px solid #ddd;
	margin: 1em 0;
}

#left p.image, #left p .image {
	background-color: #f1f1f1;
	border: 1px solid #ddd;
	display: block;
	text-align: center;
	padding: 2em 1em;
	margin: 1.6em 0;
}*/

#left ol, #left ul {
	list-style-type: decimal;
	color: #444;
	padding-left: 20px;
	margin: 1em 0;
	line-height: 1.3em;
}

#left ul {
	list-style-type: square;
}

#left ol li strong a, #left ul li strong a{
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

#left ol li, #left ul li {
	margin: 0.5em 0;
}

#left h3 {
	margin: 20px 0 0.4em 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #111;
}

#right p {
	font-size: 0.9em;
	margin: 0.6em 0;
	vertical-align:top;
	
}

#right small {
	font-size: 0.9em;
	margin:0 0 0 25%;
	color:#999999;
	margin-top:10px;
	
}

#right h4 {
	margin: 20px 0 0.4em 0;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: -1px;	
}

#right ul {
	padding-left: 20px;
	list-style: square;
}

#right li {
	margin: 0.9em 0;
}

#right ul.links {
	padding: 0 !important;
	list-style: none;
}

#right ul.links li {
	margin: 0;
}

#right ul.links a {
	display: block;
	background: transparent;
	color: #4d306b;
	font-weight: normal;
	font-size: 0.9em;
	padding: 0.6em 0;
	border-bottom: 1px solid #fff;
}


#right-prof p {
	font-size: 0.9em;
	margin: 0.6em 0;
}

#right-prof small {
	font-size: 0.9em;
	color:#999999;	
	margin-top:10px;
}

#right-prof h4 {
	margin: 20px 0 0.4em 0;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: -1px;	
	text-align: left;
}

#right-prof ul {
	padding-left: 20px;
	list-style: square;
	text-align: left;
}

#right-prof li {
	margin: 0.9em 0;
	text-align: left;
}

#right-prof ul.links {
	padding: 0 !important;
	list-style: none;
	text-align: left;
}

#right-prof ul.links li {
	margin: 0;
	text-align: left;
}

#right-prof ul.links a {
	display: block;
	background: transparent;
	color: #4d306b;
	font-weight: normal;
	font-size: 0.9em;
	padding: 0.6em 0;
	border-bottom: 1px solid #fff;
	text-align: left;
}


#left h3 a {
	text-decoration: none;	
	color: #111;
	font-size:20px;
	
}

.excerpt h4 {
	margin-top: 0 !important;
	font-size:16px;
	text-decoration: none;
	font-weight:bold;
	color: #cc0000;/*red*/
}

.excerpt h3 {
	margin-top: 0 !important;
	font-size:16px;
	text-decoration: none;
	font-weight:bold;
	color: #4d306b;/*purple*/
}


.excerpt h2 {
	margin-top: 0 !important;
	font-size:26px;
	text-decoration: none;
	font-weight:bold;
	color: #4d306b;
}

.excerpt .text {
	color: #555;
	line-height: 1.4em;
	float: left;
	width: 100%;
}

.excerpt .links {
	margin-top: 20px;
}

.links a {
	color: #fff;
	padding: 5px 8px;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
	padding: 0.3em 0.6em;
}


.excerpt small {
	display: block;
	font-size: 0.8em;
	color: #999;
}

.excerpt small a {
	color: #777;	
}

.col h3 {
	margin-bottom: 0.4em;
}

.links {
	padding: 0.4em 0;
}

hr.slice {
	height: 0;
	border: 2px solid #eee;
	margin: 1.1em 0 0 0;
}

.clear-left {
	clear: left;
}

hr.clear {
	clear: left;
	visibility: hidden;
}

hr.divide { /*jaime added*/
	color: #fff;
	background:#fff;
	border-bottom: #eee 1px thin;
	margin-bottom: 1.1em;
}

.pagination a, .pagination strong {
	background-color: #eee;
	padding: 0.6em 1em;
	text-decoration: none;
}

.pagination strong {
	color: #fff !important;
	background-color: #444;
}
	

/* @end */


/* @group Forms */
/*
form label {
	color: #666666;
	padding-right: 40px;
	border: 1px solid #cc0000;
}


select.text {
	display: block;
	width: 50%;
	border: 1px solid #888;
	margin-left: 50px;
	float: right;
}


input.text:focus {
	border-color: #4d306b;
}

textarea {
	width: 100%;
	height: 200px;
}*/

/* @end */



/* @group Colors */



a {	color: #4d306b; text-decoration: none; }
 a:hover { text-decoration:underline; }

#logofocus p, .logofocus p {
	color: #82539d !important;
}

.links a {
	background-color: #4d306b;
}

.col h3 a:hover {
	color: #4d306b;	
}

.excerpt h3 a:hover {
	color: #4d306b;	
}

#right h4 {
	color: #333;
}



#logofocus h2, .logofocus h2 {
	color: #4d306b;
}


#foot {
	background-color: #4d306b;
}

#logofocus .links .selected, .logofocus .links .selected {
	background-color: #4d306b;
}



/* @end */

#webway {
	margin: 1em;
}

#webway h4 {
	display: none;
}

#webway li {
	display: inline;
}

#webway a {
	padding: 0.5em 0.8em;
	text-decoration: none;
	font-size: 0.9em;

	
}

/* Studymalaysia Network Bar */

#td-networkbar {
	background-color: #000;
	text-align: center;
	padding-top: 10px;
	font-family: Arial;
	font-size: 16px;
	/*border-bottom: 2px solid #000;*/
	margin-bottom:-10px;
}
#td-networkbar .right {
	position: absolute;
	right: 0;
	top: 0;
}

/*added for login @ networkbar */
#popup {
	position: absolute;
	visibility: hidden;
	width: 200px;
	height: 100px;
	right: 4px;
	top:0;
	background-color: #191919;
	border: 1px solid #333;
	padding: 5px;
	font:12px Arial, Helvetica, sans-serif;
	color:#fff;
}

#popup-close {
	float: right;
	font:12px Arial, Helvetica, sans-serif;
	color: #fff;
	top:0;right:0;
	
}
/*end login @ networkbar */

#td-networkbar h3 {
	display: none;
}

#td-networkbar .in {
	margin: 0 auto;
	width: 990px;
	text-align: left;
	position: relative;

}

#td-networkbar li {
	float: left;
	list-style: none;
}

#td-networkbar a {
	display: block;
	background-color: #292929; /*#191919;*/
	float: left;
	padding: 6px 11px;
	margin-right: 4px;
	text-decoration: none;
	color: #CCC;/* original #999 */
	line-height: 1.5em;
	font-size: 0.8em;
}

#td-networkbar a strong {
	display: block;
	font-size: 14px;

}

#td-networkbar a.selected, #td-networkbar a.selected:hover {
	background-color: #772CA1;
	color: #ddd;
}

#td-networkbar a:hover {
	background-color: #333;
	color: #fff;
}

#td-networkbar a.selected strong {
	color: #fff;
}

/* @end */
/* misc added as we go along */

.h3 {
	font-size:16px;
	text-decoration: none;
	font-weight:bold;
	color: #006ca0;
}
.link_blue {
	font-size:16px;
	text-decoration: none;
	font-weight:bold;
	color: #006ca0;
}

.fltrt {
	float:right;
}
.fltlt {float:left;}
.small {
	font-size: 11px;
	color: #999999;
	font-family:Georgia, "Times New Roman", Times, serif;
}
/* logo carousel
#SlideContainer {margin:10px; }
.slide{
	width:750px;
	height:80px;
	padding:5px 0 10px 0;
	top:0;
} */


/*
	Browse and Search Results
*/


.search-div {
	float: left;
	width: 760px;
}
.search-div-course { float: left; width: 600px;}

.results_row, .results_row_feat, .results_row_fac, .results_row_lvl, .results_row_inst {
	/*border-top:1px solid #ffffff;*/
	border: 1px solid #ECE6D9;
	background-color:#FFFFFF;
	_height:80px;
	position:relative;
	padding: 1.0em;
	font-size:13px;
}
.results_row_feat {	background-color:#fafafa;padding: 0.8em;font-weight: bold; }
.results_row_fac {	background-color: #dadddd;padding: 0.8em;font-weight: bold; }
.results_row_lvl {	background-color: #f5f5f5;padding: 0.8em;font-weight: bold; }
.results_row_inst {	background-color: #4d306b; color: #FFFFFF !important;padding: 0.8em;font-weight: bold; }


.result_image {
	float:left;
	margin:8px 5px 0 0;
	padding:3px;
	border: 1px solid #999999;
	background: #fff;
	width: 100px;
	height:105px;
	overflow:hidden;
}
.result_image_right {
	float:right;
	padding:0 2px;
}
.result_image_icon {
	margin-right: 5px;
	border: none;
	vertical-align:middle;
}
.result_title, .result_title_feat, .result_title_inst {
	padding-top:10px;
	/*width:480px;	*/	
	width: 85.4%;
}
.result_title_feat { margin-left:105px; }
.result_title_inst { margin-left:0px; }

.result_title a, .result_title_feat a, .results_row_inst a {
	font-size:14px;
	text-decoration:none;
	color:#4d306b;
	font-weight:bold;
}
.results_row_inst a{ color: #fff; margin:0px; }
.result_title a:hover, .result_title_feat a:hover .result_row_inst a:hover { text-decoration:underline; }
.result_figures, .result_figures_course {
	position:absolute;
	right:0px;
	top:15px;
	text-align:right;
	float:right;
	margin-right: 4px;
}
.result_figures_course {top:10px;}
.result_figures_course em { font-size:12px; color:#FFFFCC; font-style: italic; }

.result_figures a{
	font-size:12px;
	text-decoration:none;
	color: #06578E;/* blue*/
}
.result_figures a:hover{
	color: #0099FF;/*bright blue*/
}
.result_details, .result_details_feat { width: 85.4%;}
result_details_feat { margin-left: 100px;}
.result_details label, .result_details_feat label{ float: left; width: 160px; font-weight: bold; color:#000; }


/* @group Video */

.video-square {
	width: 200px;
	height: 200px;
	float: left;
	margin-right: 25px;
	position: relative;
	margin-bottom: 15px;
	overflow:hidden;
}

.video-square .title {
	position: absolute;
	width: 100%;
	bottom: 0;
	background-color: #000;
	margin: 0 !important;
	font-size: 0.8em !important;
}
.video-square .title a {
	display: block;
	color: #fff !important;
	padding: 0.6em;
}

.video-square .links {
	position: absolute;
	padding: 0;
	top: 0;
	right: 0;
}
.video-square img { }
/* @end */


/* @group Blocks */


.block-square {
	width: 360px;
	height: 250px;
	float: left;
	margin-right: 15px;
	position: relative;
	margin-bottom: 15px;
	overflow:hidden;
	background:#efefef;
}


.block-square .title {
	position: absolute;
	width: 100%;
	top: 0;
	background-color: #000;
	margin: 0 !important;
	font-size: 0.8em !important;
}
.block-square .title a {
	display: block;
	color: #fff !important;
	padding: 0.3em;
	background: url(block-square-bg.jpg); 
}

.block-square .links {
	position: absolute;
	padding: 0;
	bottom: 10px;
	right: -10px;
}
.block-square img {}
.block-square img#hspace { margin-right: 10px; text-align:left; }
.block-square p{ margin: 10px !important;}
.block-square p#margin{margin: 60px 10px 10px 10px !important;}
.block-square strong { font-weight: bold;}
.block-square em { font-style:italic; color: #CC3300; }


/*error messages*/
.error{ color:#cc0000; font: 13px Arial, Helvetica, sans-serif !important; font-weight:none; }

/*boxes for frontpage*/
.linedcol { width:750px }
.linedbox { border-top:1px solid #ccc;width: 370px;float:left}
.linedbox h2 {padding:8px;border-bottom:1px solid #ccc;}
.separator { width:10px;height:50px;float:left; }