/*
 * jQuery Blueberry Slider v0.4 BETA
 * http://marktyrrell.com/labs/blueberry/
 *
 * Copyright (C) 2011, Mark Tyrrell <me@marktyrrell.com>
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 */

.blueberry { margin: 0px;
	margin-left:0px;
	margin-top:0px;
	vertical-align:top; 
}
	
.blueberry .slides {
	display: block;
	position: relative;
	overflow: hidden;
	vertical-align:top;
}
.blueberry .slides li {
	position: absolute;
	margin-left:0px;
	margin-top:0px;
	overflow: hidden;
	margin-bottom:0px;
}
.blueberry .slides li img {
	display: block;
	width: 100%;
	
	max-width: none;
	vertical-align:top;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	
	
}
.blueberry .slides li.active { display: block; position: relative;
}
.blueberry .crop li img { width: auto; 
}

.blueberry .pager {

	margin: 0px;
	margin-left:0px;
	margin-top:0px;
}
.blueberry .pager li { display: inline-block; }
.blueberry .pager li a,
.blueberry .pager li a span {
	display: block;
	height: 4px;
	width: 4px;
}
.blueberry .pager li a {
	padding: 8px 8px;
-webkit-border-radius: 6px;
   -moz-border-radius: 6px;
	border-radius: 6px;
	margin: 0px;
	margin-left:0px;
	margin-top:0px;
	vertical-align:top;
}
.blueberry .pager li a span {
	overflow: hidden;
	background: #008641;
	text-indent: -9999px;
-webkit-border-radius: 2px;
   -moz-border-radius: 2px;
	border-radius: 2px;
}
.blueberry .pager li.active a span { background: #8fc742; }

* {
margin : 0;
padding : 0;
}
html {
height : 100%;
}
body {
height : 100%;
color : #000;
cursor : default;
font-size : 12px;
line-height : 16px;
text-align : center;
background-color : #7fc241;
background-position : 50% 0;
background-repeat : no-repeat;
font-family : Tahoma, sans-serif;


}


div.scroll {
    scrollbar-base-color: red;
    scrollbar-face-color: red;
    scrollbar-track-color: red;
    scrollbar-3dlight-color: red;
    scrollbar-highlight-color: red;
    scrollbar-arrow-color: red;
    scrollbar-darkshadow-color: red;
    scrollbar-shadow-color: red;
}​

table1 {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	}
	
	
table2 {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	}

.titlefont
{
	color:#FFF;
	}

.titlebox
{
	border:hidden;
	border:0px;
	
	}
a img {
border : 0;
}

.infobg
{
	background:http://system.spsmp.edu.my/img/blank.jpg;}

@font-face {
    font-family: "My Custom Font";
    src: url(/xiao_en/fontdef/chinese1.TTC) format("truetype");
}
	
	
.titleheader
{ font-size:16px;
	font-weight:bold;
	font-family: "Arial Rounded Bold",  "My Custom Font";
	color:#4db848;
	
}



.hearder {
	font-size: 25px;
	color: #4db848;
	font-family: "Arial Rounded Bold",  "My Custom Font";
	text-decoration: none;
	
}



.h2 {
	font-size: 20px;
	color: #4db848;
	font-family: "Arial Rounded Bold",  "My Custom Font";
	text-decoration: none;
	line-height:30px;
	text-align:center;
	
	
	
	
}

.h1 {
	font-size: 16px;
	color: #4db848;
	font-family: "Arial Rounded Bold", "My Custom Font";
	text-decoration: none;
	text-align:center;
	
}


.titlefont {
	font-size: 16px;
	color: #4db848;
	font-family: "Arial Rounded Bold", "My Custom Font";
	text-decoration: none;
	font-weight:bold;
	text-align:center;
	
}

.version {
	font-size: 14px;
	color: #f1ffe4;
	font-family: "Arial Rounded Bold", "My Custom Font";
	text-decoration: none;
	font-weight:bold;
	text-align:center;
	
}


.adminfont {
	font-size: 14px;
	color: #000;
	font-family: "Arial Rounded Bold", "My Custom Font";
	text-decoration: none;
	font-weight:bold;
}

.contentfont {
	color: #000;
	font-family: "Arial Rounded Bold", "My Custom Font";
	text-decoration: none;
	text-align:justify;
	
}


.tracktitle {
	font-size: 12px;
	
	font-family: "Arial Rounded Bold",  "My Custom Font";
	text-decoration: none;
	
	text-align:left;
	
	
	
	
	
}
@charset "utf-8";
/* CSS Document */

 html, body, #wrapper {
      height:100%;
      margin: 0;
      padding: 0;
      border: none;
      text-align: center;
   }
  
   
   #fullheight{height:100%}
@charset "utf-8";
/* CSS Document */

body {
margin:0;
padding:0;
height:100%;
background-color:#FFFFFF
}

#header {
background-color:#7fc241;
height:40px;
padding:20px;


}

#main {
padding:15px;
margin-bottom:60px;
}

#footer {
background-color:#FFFFFF;
height: 75px;
padding:0px;
position:fixed;
left:0;
bottom:0;
width:100%
}
body {
margin:0;
padding:0;
}

.example {
-moz-border-radius:3px;
-webkit-border-radius:3px;
background:#FFF;
height:700px;
margin:0px auto;
padding:0px;
position:relative;
width:540px;

text-align:justify;
}

#main_content {
height:700px;
left:0px;
text-align:justify;
overflow:auto;
position:absolute;
top:0px;

width:540px;
}

.ssb_down {
background:transparent url(xiao_en/images/icon-arrow-down.png);
bottom:0;
cursor:pointer;
position:absolute;
right:0;
}

.ssb_sb {
background:transparent url(xiao_en/images/middle.png);
cursor:pointer;
position:absolute;
right:0;
}

.ssb_sb_down {
background:transparent url(xiao_en/images/middrag.png);
}

.ssb_sb_over {
background:transparent url(xiao_en/images/midhover.png);
}

.ssb_st {
background:transparent url(xiao_en/images/back.png);
cursor:pointer;
height:100%;
position:absolute;
right:0;
top:0;
}

.ssb_up {
background:transparent url(xiao_en/images/icon-arrow-up.png);
cursor:pointer;
position:absolute;
right:0;
top:0;
}

.parent {
font-family: "Arial Rounded Bold",  "经典中圆简";
height:700;
padding:0px;
position:relative;
text-align:justify;
}