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

Company: Flarebiz Network Sdn. Bhd.
URL: www.Flarebiz.com
Author: Hanny Ramzy 
Email: ramzy@flarebiz.com

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

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {border: 0; outline:0; font-size: 100%; vertical-align: baseline; background: transparent; margin: 0; padding:0;}
.clear {clear: both;} .left{float: left;} .right{float: right;} .width{width: 950px; margin: auto; padding: auto;}
:focus { outline:none;}

body{font-family: arial, verdana, tahoma; font-size: 12px; color: #000;} a{color: #000;} a:hover{text-decoration: none;}

.r1 { -moz-border-radius:3px; -webkit-border-radius:3px; }
.r2 { -moz-border-radius:5px; -webkit-border-radius:5px; }
.r3 { -moz-border-radius:8px; -webkit-border-radius:8px; }
.rtop { -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px;}
.rbottom { -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px;}
.rtopright { -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; }
.rtopleft { -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; }

/* Header */

#header{background: #359F9F; height: 41px; border-bottom: 1px solid #2C8585;}
.header h1{padding-top: 9px;}
.header h1 a{background: url(images/logo.png) no-repeat; width: 190px; height: 24px; display: block; text-indent: -9999px;}
.header ul{padding-top:13px;}
.header ul li{display: inline; margin-left: 2px; color:#2C8585;}
.header ul li a{color: #f2f2f2; text-decoration: none; padding:5px;} 
.header ul li a:hover{color: #CADBDB;}
.header ul li.current a{font-weight:bold; color: #fff; background: #CC3333; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.header p{font-size: 9px; letter-spacing: 2px; text-transform: uppercase; border-left:1px solid #2C8585; padding-left: 12px; margin: 16px 0px 0px 13px;}
.header p a{text-decoration: none; color: #fff;}
.header p a:hover{color: #CADBDB;}

#introduction{background: #eeeeee; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; padding: 30px;}
.introduction p{border: 1px solid #bbb; padding: 25px; background: #fff; width: 500px; -moz-border-radius: 22px 0px; -khtml-border-radius: 22px 0px; -webkit-border-radius: 22px 0px; border-radius: 22px 0px; font-size: 22px; line-height: 38px;}
.log{width: 270px; text-align: left; padding-top: 5px;}
.logmasuk {color: #3B5998;letter-spacing: 1px; text-transform: uppercase; font-size: 13px; font-weight: bold; text-shadow: 1px 1px #fff, 1px 1px #fff;}
.box{font-size: 14px; color: #ccc; margin-top: 15px; width: 250px; background: #fff url(images/box.png) top right no-repeat; padding: 10px; border: 1px solid #ccc;}
.box input.input { border:none; color: #ccc;}
span.username{background: url(images/user.png) left no-repeat; padding-left: 25px;}
span.password{background: url(images/tag_green.png) left no-repeat; padding-left: 25px;}
span.lupa{font-size: 12px; padding-top: 28px; padding-right: 18px;}
span.lupa a{color: #666;}
span.masuk{padding: 10px; color: #fff; font-weight: bold; background: #FF9900; margin-top: 15px; text-transform: uppercase; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
span.masuk input.same { background: #FF9900; border:none; color:#fff; cursor:pointer;}
span.masuk:hover{background: #DD8500;}
span.masuk:hover input.same {background: #DD8500; text-decoration:underline;}
.daftar{margin-top: 35px; padding: 10px; background: #333366; color: #fff; text-align: center; letter-spacing: 1px; font-size: 11px; text-transform: uppercaase; text-transform: uppercase; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.daftar a { color:#fff; text-decoration:none;}
.daftar:hover{background: #2B2B55; text-decoration:underline;}

#carian{border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 10px; background: #eee;}
#carian p{text-shadow: 1px 1px #fff, 1px 1px #fff; padding-top: 7px; padding-right: 10px;}
.box-2{font-size: 12px; color: #ccc; margin-right: 15px; width: 130px; background: #fff; padding: 5px; border: 1px solid #ccc;}
span.carian{padding: 6px; color: #fff; font-weight: bold; background: #99CC00; text-transform: uppercase; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
span.carian input.samecarian { border:none; letter-spacing:1px; background:#99cc00; color:#fff; text-transform:uppercase; cursor:pointer; }
span.carian:hover{background: #86B300;}
span.carian:hover input.samecarian { border:none; background:#86B300; color:#fff; text-transform:uppercase; }

/* Index */

#index{border-top: 1px solid #ccc; padding-top: 10px; padding-bottom:22px;}

/* Content */

#content{width: 640px; padding-top: 2px;}
.content h3{margin-top:18px; color: #206262; font-size: 16px; background:#f2f2f2; border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; padding:10px; padding-left:9px; margin-bottom: 20px;}
.content ul li{margin-bottom: 20px; list-style-type: none; background: #fff url(images/content.png) bottom repeat-x; border: 1px solid #ccc; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.content ul li:last-child{margin-bottom: 0px;}
.terkini{border: 1px solid #fff; padding: 10px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.terkini h2 a { display:block; font-size:17px; font-weight:bold; padding-bottom:5px; border-bottom:1px dotted #dadada; margin-bottom:10px; color:#333;}
.terkini p { display:block;}
.avatar-2{margin-top: 3px; float: left; width: 60px; height: 60px; display: block; margin-right: 10px;}
.avatar-2 img{border:1px solid #D1C29C;}
.avatar img{border:1px solid #D1C29C;}
.terkini{font-weight: bold; color: #333; line-height: 22px;} .terkini a{font-weight: normal; text-decoration: none;} .terkini a:hover{color: #CC3333;}
.terkini label{color: #206262;}
.nama{background: url(images/user.png) left no-repeat; padding-left: 25px;}
.mengajar{background: url(images/group_edit.png) left no-repeat; padding-left: 25px;}
.jenis-sekolah{background: url(images/script_edit.png) left no-repeat; padding-left: 25px;}
.nama-sekolah{background: url(images/script.png) left no-repeat; padding-left: 25px;}
.bertukar{background: url(images/group_go.png) left no-repeat; padding-left: 25px;}
.opsyen{color:#206262; line-height: 18px; margin-top: 20px; background: url(images/page_white_text.png) left no-repeat; padding: 15px 5px 15px 20px; border-top: 1px dotted #666; border-bottom: 1px dotted #666;}
.komen{background: url(images/comments.png) left no-repeat; padding-left: 25px; padding-right: 6px; margin-top: 10px;} .komen a{color: #990000;} .komen a:hover{color: #000;}
.lengkap{padding-right: 6px; margin-top: 10px;} .lengkap a{color: #990000;} .lengkap a:hover{color: #000;}
.tariq{display:block; padding-top:10px; font-weight:normal; background:url(images/calendar.png) no-repeat left; padding-left:28px; color:#990000;}
.info-tambahan{font-weight:normal; color:#333; border-bottom:1px dotted #666; padding:18px 0px 18px 0px;}
.info-tambahan p{background:#CAE8EA; padding:15px;}

/* Sidebar */

#sidebar{margin-top: 20px; margin-bottom:20px; background: #F7EFDB; border:1px solid #D1C29C; width: 300px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#sidebar input{padding:7px; margin-bottom:10px; border:1px solid #ccc; width:199px;}
.sidebar{padding: 20px;}
.sidebar h3{text-shadow: 1px 1px #fff, 1px 1px #fff; color: #333; letter-spacing: 2px; text-transform: uppercase; border-bottom: 1px dotted #D1C29C; padding-bottom: 10px; margin-bottom: 15px;}
.sidebar ul li a{text-shadow: 1px 1px #fff, 1px 1px #fff; color: #333; text-decoration: none;}
.sidebar ul li a:hover{color: #000;}
.sidebar ul li{list-style-image: url(images/bullet.png); margin-left: 17px; line-height: 21px; padding-bottom: 15px;}
#avatar { display:block; margin-left:-10px; margin-bottom:-20px; }
#avatar ul { list-style:none; }
#avatar ul li { float:left !important; width:60px; height:60px; list-style:none; margin:0 0 12px 12px !important; display:block; padding:0 !important;}
span.avatar{float: left; background: url(images/avatar.png); width: 60px; height: 60px; display: block; text-indent: -9999px; margin-right: 10px; margin-bottom: 7px;}
input.dose:hover{background:#ddd;}

.info-users{border:1px solid #ccc; background:#fff; margin-left:11px; padding:10px; padding-bottom:15px; line-height:21px;}
.info-users img{width:60px;border:1px solid #; border:1px solid #D1C29C; -moz-border-radius:4px; -webkit-border-radius:4px;}
.info-user-nama {font-weight:bold; border-bottom:1px dotted #999; padding-bottom:8px; margin-bottom:15px;}

.sidebar-user{padding: 20px;}
.sidebar-user h3{text-shadow: 1px 1px #fff, 1px 1px #fff; color: #333; letter-spacing: 2px; text-transform: uppercase; border-bottom: 1px dotted #D1C29C; padding-bottom: 10px; margin-bottom: 15px;}
.sidebar-user ul li{border:1px solid #ccc; background:#fff; padding:10px; list-style:none; -moz-border-radius:4px; -webkit-border-radius:4px; margin-bottom:8px;}
.sidebar-user ul li.current_2 a{color:#990000;}
.sidebar-user ul li a{text-decoration:none; color:#333;}
.sidebar-user ul li a:hover{color:#990000;}

span.akaun-saya{list-style-type:none; background: url(images/user.png) left no-repeat; padding-left:24px;}
span.borang-pertukaran{list-style-type:none; background: url(images/table_refresh.png) left no-repeat; padding-left:24px;}
span.ubah-profil{list-style-type:none; background: url(images/table_edit.png) left no-repeat; padding-left:24px;}

.satumalaysia{background: #F7EFDB; border:1px solid #D1C29C; width: 300px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.hak{line-height:23px; margin-left:14px; width:130px; margin-top:6px;}
.hak a{text-decoration:none; border-bottom:1px solid #ccc;}
.hak a:hover{border-bottom:0px;}

.advertisement{margin-top:20px; margin-bottom:20px; padding-right:2px; background:url(images/ads.jpg) left top no-repeat;}
.fanpage{border:1px solid #CAD4E7; background:#ECEEF5; margin-top: 20px; width: 300px; -moz-border-radius:4px; -webkit-border-radius:4px;}

/* Footer */

#perpautan{margin-top: 10px; background:#eee; border-top:1px solid #ccc; border-bottom:1px solid #fff; text-align:center;}
#perpautan ul li img a{border:0;}
#perpautan ul{padding-top:18px; padding-bottom:15px; border-top:1px solid #fff;}
#perpautan ul li{list-style:none; display:inline; margin-right:12px;}

#footer{background: #359F9F; border-top:2px solid #2C8585; border-bottom: 1px solid #2C8585; padding: 13px 20px 10px 20px;font-size:12px;}
.footer ul li{line-height: 23px; list-style:none; background: url(images/bullet.png) left no-repeat; padding-left: 20px;}
.footer a{color: #f2f2f2; text-decoration: none;}
.footer a:hover{color: #CADBDB;}
.sosial{padding-left: 100px;}

.copyright{color: #fff; width: 300px; line-height: 22px; text-align: right;}
.copyright a{color: #CADBDB;border-bottom:1px dotted #ccc;} .copyright a:hover{color: #bbb;}


/* daftar */
p.lastp { padding-bottom:0 !important;}
#daftar { padding:20px; display:block; border: 1px solid #fff; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
#daftar input.input { border:1px solid #dadada; padding:2px 5px; width:300px;}
#daftar select { border:1px solid #dadada; padding:2px 5px; width:300px;}
#daftar label { color: #206262; float:left; width:120px; display:block;}
#daftar p { display:block; padding-bottom:10px;}
#daftar{font-weight: bold; color: #333; line-height: 22px;} 
#daftar a{font-weight: normal; text-decoration: none;} 
#daftar a:hover{color: #CC3333;}
#daftar input.button { border:none; background: #ff9900; padding:5px 10px; color:#fff; text-transform:uppercase; cursor:pointer; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size:11px;}
#daftar input.button:hover { border:none; background: #DD8500; padding:5px 10px; color:#fff; text-transform:uppercase; cursor:pointer; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

.error { display:block; background:#fff0f0 url(images/cross.png) 15px 12px no-repeat; padding:10px 10px 10px 40px; border:1px solid #f3b6b6; margin-bottom:10px;}
.info { display:block; background:#eef9ff url(images/info.png) 15px 12px no-repeat; padding:10px 10px 10px 40px; border:1px solid #b6ddf3; margin-bottom:10px; }
.info a { color:#069; font-weight:bold; text-decoration:none; border-bottom:1px dotted #069;}
.success { display:block; background:#eefbeb url(images/success.png) 15px 12px no-repeat; padding:10px 10px 10px 40px; border:1px solid #bedfb5; margin-bottom:10px; }
.success a { color:#069; font-weight:bold; text-decoration:none; border-bottom:1px dotted #069;}

.entri{line-height:22px; color:#333; border: 1px solid #fff; padding: 20px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.entri p { display:block; padding-bottom:10px;}

.transparent { background:transparent; padding:0 5px; }

.haight{line-height:20px;}
ul.hoi option{font-size:12px; font-family:arial, verdana, tahoma;}

.tukar { padding:5px 20px; display:block; border: 1px solid #fff; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.tukar input.input { border:1px solid #dadada; padding:2px 5px; width:300px;}
.tukar select { font-family:Georgia, "Times New Roman", Times, serif;}
.tukar select { border:1px solid #dadada; padding:2px 5px; width:300px;}
.tukar label { float:left; width:120px; display:block;}
.tukar p { display:block; padding-bottom:10px; font-weight:normal; color:#333;}
.tukar {font-weight: bold; color: #333; line-height: 22px;} 
.tukar a{font-weight: normal; text-decoration: none;} 
.tukar a:hover{color: #CC3333;}
.tukar input.button { border:none; background: #FF9900; padding:5px 10px; color:#fff; text-transform:uppercase; cursor:pointer; font-size:11px;}
.tukar input.button:hover { border:none; background: #DD8500; padding:5px 10px; color:#fff; text-transform:uppercase; cursor:pointer; }
.tukar .txtarea { display:block; width:480px; height:150px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding:5px; border:1px solid #dadada; }

p span.normal { font-weight:normal; color:#333;}


.pagination { display:block; padding:10px 0; margin:10px 0 0 -2px; clear:both;}
.pagination a { padding:4px 8px; margin: 2px; border:solid 1px #b9d1e4; text-decoration: none; background: #CAE8EA url(images/bg_header.jpg) repeat-x; color:#333; }
.pagination a:hover, .pagination a:active { background:url(images/bullet2.gif); border:1px solid #00b7e9; color:#006666; }
.pagination span.current { padding:4px 8px; margin: 2px; font-weight: bold; background:url(images/bullet2.gif); border:1px solid #ddd; color:#006666; }
.pagination span.disabled { padding:4px 8px; margin: 2px; border: 1px solid #ddd; color: #333; font-weight:bold; }
#page .pagination { display:block; padding:10px 0; margin:0 0 10px -2px; clear:both;}