@font-face {
	font-family: 'Open Sans bold';
	src: url('font/OpenSans-Bold.ttf');
	src: url('font/OpenSans-Bold.eot'); /* IE9 Compat Modes */
	src: url('font/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
}

@font-face {
	font-family: 'Verdana bold';
	src: url('font/verdanab.ttf');
	src: url('font/verdanab.eot'); /* IE9 Compat Modes */
	src: url('font/verdanab.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
}


body
{
	background-color:#ffffff;
	margin: 0;
	padding: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	min-width: 990px;
}

html{ 
	height: 100%;
}

.clear_left{
	clear: both;
}

/**HTML5 fix - do not touch**/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/**
* Common Element Specific
*/
p{ 
  padding: 0;
  margin: 0;
}

img { border: 0;}

h1, h2, h3, h4, h5, h6 { 
	font: normal 175% Verdana, serif;
  	color: #000;
  	margin: 0 0 15px 0;
  	padding: 15px 0 5px 0;
}

h2{ 
	font: normal 175% Verdana, serif;
	padding: 0;
	margin: 0;
}

h4, h5, h6{ 
	margin: 0;
  	padding: 0 0 5px 0;
  	font: normal 120% Verdana, serif;
  	color: #000;
}

h5, h6{ 
	font: italic 95% Verdana, serif;
  	padding: 0 0 15px 0;
  	color: #000;
}

h6{ color: #000;}

a
{ 
	outline: none;
  	text-decoration: none;
  	color: #595b5d;
	
}

#footer-links a
{
-webkit-transition-property:color;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease-in;
}


a:hover{ 
	outline: none;
}



ul li{ 
	padding: 0;
	margin: 0;
}



ol li{ 
	padding: 0;
	margin: 0;
}


/**
* Layout Specific
*/

.topbar {
	background:url(images/topbarbg.gif) 0 repeat;
	width:100%;
	z-index:999;
	border-bottom: 7px solid #E7E7E7;
}

.topbar_text
{
	text-align:right;
	padding:5px 0;
	width: 380px;
	margin:0 auto;
	position:relative;
	float: left;
	padding-top: 80px;
	font-size: 13px;
}

.logo
{	
	background:url(css/images/logo.png) 0 no-repeat;
	width:55%;
	float:right;
	height:50px;
	float: left;
	padding-top:30px;
	padding-bottom: 10px;
}

.social
{
	float: right;
}

.fb
{
float: right;
}

.medsociate
{
float: right;
padding: 5px 15px 5px 5px;
}

#global-container {
	width: 100%;
	float:left;
	margin:0 auto;
	min-height:570px;
}

#content-container {
	width: 950px;
	margin:0 auto;
	position:relative;
	min-height:163px;
}

header {
	width: 100%;
	float: left;
	min-height: 130px;
}



ul.menu li                      
{ 	

	font-size:15px;
    float: left; 
    zoom: 1;
    /*APPEND*/
    list-style-type: none;
    color: #998675;
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
	min-height:30px;
}

ul.menu li:nth-child(1)
{
	border-left:0px;
}

.navigation ul.menu li.top_li a
{
padding: 15px 20px;
float: left;
border-right: 1px solid white;
height: 20px;
}

/*
.navigation ul.menu li.top_li{
padding: 15px 21.7px 3px;
border-right: 1px solid white;
}
*/

.navigation ul.menu li.top_li 
{
padding:0px;
}
/*
.navigation ul.menu li.top_li a
{
-webkit-transition-property:color, background; 
-webkit-transition-duration: 0.25s, 0.25s; 
-webkit-transition-timing-function: linear, ease-in;
}*/

.navigation ul.menu li.top_li.active, .navigation ul.menu li.top_li:hover
{
box-shadow: 1px 1px 10px rgb(143, 143, 143);
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

/* Doesn't work in IE */
ul.menu li.hover,
ul.menu li:hover,
ul.menu li.active,                
ul.menu li:active
{ 
    /*background: #F3D673; color: black;*/ 
    position: relative; 
    /*APPEND*/
    background: #0191DA;
    color: white;
}


ul.menu a:hover                
{ 
color: white;
}




.shopping_bag {
	background: url(http://www.mobipot.com.my/template/free/surf/css/images/cart.png) no-repeat 0px 80px;
	width:auto;
	float:left;
	height:36px;
	width:150px;
	padding-bottom: 10px;
	padding-top: 80px;
}




.navigation {
	background: #eeeeee;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 47px;
	display:block;
	float: left;
	z-index:999; 
	width: 100%;
	font-family: 'Verdana bold', Arial, sans-serif; 
	border-bottom:1px solid white;
	font-weight:bold;
}

.navigation a { 
font-size: 14px;
color:black;
}

.secretariat
{
float:right;
}


.banner {
	display:block;
	width:100%;
	position: relative;
	float: left;
	overflow:hidden;
}

.icon
{
padding-right: 20px;
float: left;
line-height: 60px;
}

.iconwrapper
{
margin-bottom: 10px;
}

.iconheader
{
font-family:open sans bold;
}

.icontitle
{
font-size:35px;
font-style:italic;
}

.iconsubtitle
{
font-size:20px;
color:white;
}

section 
{
	width:100%;
	float:center;
}

section p
{
font-size: 14px;
}

.component-column /** can display multiple partials, set width & height in your own markup **/ 
{
	display:inline;

}

.component-column_2
{
	display:inline;
	width:970px;
	float:left;
}

.fourbooks
{
	display:inline;
	width:970px;
	float:left;
	height:110px;
}


.component-column_tab
{
float: left;
padding: 30px;
text-align: justify;
padding-top: 0px;
}

.component-column_tab_left
{
	width:343px;
	float:left;
	margin-top:8px;
	margin-bottom:10px;
}

.component-column_tab_right
{	
	
	width:610px;
	float:left;
	margin-top:15px;
	margin-left:15px;
	margin-bottom:10px;
}

.booktab a, .booktab p
{
text-align:center;
}

.title
{
font-size: 16px;
line-height: 18px;
margin-bottom: 10px;
}

.slogan 
{
padding-bottom: 10px;
}


.largeTitle {
font-size: 20px;
line-height: 30px;
font-weight: normal;
margin-bottom: 5px;
color: #2D2D2D;
text-transform: uppercase;
}

.title h3
{
text-transform: uppercase;
color: white;
background: #F1F1F1;
position: relative;
width: 920px;
padding:0px;
color:white;
font-weight: bold;
font-size: 12px;
}

.mediumTitle {
font-size: 16px;
line-height: 18px;
margin-bottom: 10px;
}

.partnerTitle {
font-size: 12px;
line-height: 18px;
margin-bottom: 10px;
font-weight: bold;
}


.title h3 span
{
display: inline-block;
padding: 4px 10px;
}

.channelBar 
{
background: #A6A6A6;
}


.component_row
{	
	width: 959px;
	min-height:400px;
	float:left;
}

.partnertext 
{
padding: 10px 0px 10px 0px;
line-height: 18px;
color: #9F9F9F;
font-size: 17px;
}



.book
{
width:220px;
height:260px;
float:left;
margin-right:15px;
}

.book img
{
	padding-right: 3px; 
	padding-bottom: 10px;
}

.categories 
{
width: 970px;
margin: 0 auto;
text-align: center;
}

.categories ul
{
display: inline;
}

.categories ul li 
{
display: inline;
padding: 0 7px;
border-left: 1px solid #222;
}

.categories ul li:nth-child(1)
{
	border-left:0px;
}

.categories strong 
{
font-weight: bold;
}

#component 
{
	display: block;
	float: left;
	/*width: 220px;*/
	width:100%;
	background-color: white;
	position: relative;
	padding-top:10px;
	/*border-bottom: 7px solid #CDCDCD;*/
	margin-bottom: 30px;
	
}

.bannerunderrotator
{
display: block;
	float: left;
	/*width: 220px;*/
	width:100%;
	background-color: #1B1B1B;
	position: relative;
	padding-top:10px;
	border-bottom: 7px solid #CDCDCD;
	margin-bottom: 30px;
}



#sidebar
{	
	margin: 20px 0 20px 0;
	display:block;
	float: right;
	height:500px;
	width:300px;
}

#promotion
{
	background:url(images/sale.jpg) 0 no-repeat;
	height:257px;
	width:303px;
}

#bestseller
{
	background:url(images/bestseller.jpg) 0 no-repeat;
	height:405px;
	width:302px;
	float:left;
	margin-top:30px;
}

footer
 {
	margin:0 0 10px 0;
}

.footer-content  /** can display multiple partials, set width & height in your own markup **/  {
	display:inline;
	float:left;
	width: 970px;
	margin:0 auto;
	position:relative;
	border:1px solid grey;
}

.categories /** can display multiple partials, set width & height in your own markup **/  {
	
	text-align:center;
	width: 970px;
	height:30px;
	margin:0 auto;
	position:relative;
	margin-top:30px;
}

.bottombar {
	width: 100%;
	height: 50px;
	float: left;
	text-align: center;
	line-height: 50px;
	background: rgb(0, 100, 151);
	color:white;
}

.bottombar_1 {
	width:100%;
	height:230px;
	float:left;
	background: url(images/footerbg.jpg) repeat-x;
	text-align:left;
}


.bottombar a {

	font-size:11px;
	color:white;
}


 

.footer1 ul li 
{
list-style-type: none;
}

#footer-links ul li {list-style:none;}
#footer-links { clear: both; padding-top:10px; width: 970px; margin: 0 auto; padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.25);}
#footer-links .col-1, #footer-links .col-2, #footer-links .col-3, #footer-links .col-4, #footer-links .col-5, #footer-links .col-6 { position: relative; padding: 20px 0; font: normal 11px/18px arial, sans-serif; float: left; }
#footer-links .col-1 { width: 182px; }
#footer-links .col-2 { width: 190px; }
#footer-links .col-3 { width: 173px; }
#footer-links .col-4 { width: 183px; }
#footer-links .col-5 { width: 133px; }
#footer-links .col-6 { width: 109px; }
#footer-links .col-1 .innerpadding { padding-left: 38px; }
#footer-links .col-2 .innerpadding, #footer-links .col-3 .innerpadding { padding-left: 0; }
#footer-links .col-4 .innerpadding, #footer-links .col-5 .innerpadding { padding-left: 0; }
#footer-links .col-6 .innerpadding { padding-left: 0; }
#footer-links a { display: block; color: #000000; text-decoration: none; text-align: left; }
#footer-links a:hover { color: #3169a8; text-decoration: underline; }
#footer-links h5 { position: absolute; top: 0; width: 100%; font: bold 12px arial, sans-serif; }
#footer-links .col-1 h5 { margin: 0; }
#footer-links .col-2 h5, #footer-links .col-3 h5 { left: 0; margin: 0; }
#footer-links .col-4 h5, #footer-links .col-5 h5 { margin: 0; }
#footer-links .col-6 h5 { left: 46px; margin: 0; }



#booktab-wrap { width: 970px; float: left; padding: 14px 0 14px 0; border-bottom: solid 1px #cccccc;}

.review_box
{
border:0px !important;
}

.wrapper
{
padding: 10px;
}

/*
*   Search Widget
*/
.search
{
	
    float: right;
width: 210px;
height: 30px;
margin-top: 3px;
margin-right: 5px;
}



.search button
{
    margin:0px;
}
.search h3
{
    display: none;
}
.search span{
    display: none;
}
.search ul
{
    list-style: none;
    margin:0px;
    padding-left: 10px;
    
}
.search ul li
{
    display:inline;
}

#search_keyword
{
    float: left;
    width:150px;
    height:18px;
    margin-right:5px;
}


/*
*   Search Form
*/
.search_form ul{
    margin:0;
    margin-top:10px;
    margin-bottom:10px;
    padding:0;
}

.search_form ul li{
    display: inline;
    list-style: none;
}

/*
*   Search results page
*/
div.search_results{
    padding: 20px;
    background-color: #f5f5f5;
    margin-bottom: 5px;
}

.button_user
{
float: right;
font-size: 14px;
padding: 10px;
}

.button_logout
{
padding-right: 5px;
float: right;
}

.button_login
{
font-size: 13px;
float: right;
}

.button_login a
{
padding-left: 40px;
background: url(http://www.mobipot.com.my/template/free/books/css/images/loginbg.png) no-repeat center left;
padding-bottom: 4px;
color:#B7B7B7;
}

.button_login a:hover , .button_register a:hover
{
color:#0191DA;
}

.button_register a
{
color:#B7B7B7;
}

.button_register
{
font-size: 13px;
float: right;
padding-right: 10px;
}

/**footer**/
.footer-links div.links ul {list-style: none !important; padding:0px;}
.footer-links a {color:#8D8D8D; font:11px/1 "Interstate Light",Arial,Helvetica,Sans-serif;}
.footer-links a:hover {color:white;}
.footer-links{width:930px; margin:20px auto 30px}
.footer-links div.payment-methods{display:inline;float:left;height:25px;width:117px;clear:both}
.footer-links h2{color:white !important; border-bottom:1px solid #CCC;text-transform:uppercase;margin-bottom:17px; font-size:15px; font:11px/1 "Interstate Light",Arial,Helvetica,Sans-serif;padding-bottom:13px}
.footer-links div.links{display:inline;float:left;margin-right:30px;margin-bottom:5px}
.footer-links div.links.last{margin-right:0}
.footer-links div.links ul li{line-height:22px}
.footer-links div.links a{text-decoration:none}
.columns-4 div.links{width:210px}
.columns-5 div.links{width:162px}
.columns-6 div.links{width:135px}

.article_title h2
{
color:white !important;
}

.article_title h4, .gallery_category_title h1
{
color: black;
font-family: open sans bold, arial, sans-serif;
font-size: 22px;
border-bottom: 1px solid black;
padding-bottom: 10px;
font-weight:bold;
}

.title h3 span
{
color: white;
font-size: 12px;
}

.widget h3
{
border:0px;
}


.search h3{display: none;}
.search span{display: none;}
.search ul{list-style: none;}
.button{display: none;}
.search > input[name="submit_search"] {display: none;}
	
#search_keyword, #search_word
{	
background: url(images/search.png) white no-repeat 5px 3px;
-moz-border-radius: 20px;
border-radius: 20px;
font-size: 14px;
height: 16px;
line-height: 1.2em;
padding: 4px 10px 4px 28px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
border: 1px solid #DDD;
float: right;
-webkit-transition-duration: 400ms;
-webkit-transition-property: width, background;
-webkit-transition-timing-function: ease;
-moz-transition-duration: 400ms;
-moz-transition-property: width, background;
-moz-transition-timing-function: ease;
-o-transition-duration: 400ms;
-o-transition-property: width, background;
-o-transition-timing-function: ease;
width: 72px;
color: #888;
font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height:16px;
text-transform: uppercase;
}

#search_keyword:focus, #search_word:focus
{
background-color: #f9f9f9;
width: 196px;
}

.partners
{
	position:relative;
	float:left;
}
.partnersl_box
{
	position:relative;
}

.partnersl_box
{ 
	padding:29px 0 35px 16px;
}
.partnersl_box li 
{
    float: left;
    overflow: visible !important;
	height: 61px;    
}

.partnersl_box li a 
{
	display:inline-block;
}

.blue
{
background: #0191DA;
width: 288px;
float: left;
height: 200px;
padding-top: 10px;
border-bottom: 7px solid #CDCDCD;
margin-bottom: 30px;
}

.blue .partnertext
{
color:white;
width:260px;
}

.blue .component-column_tab
{
width:260px;
}

#component a , .blue a
{
color:rgb(86, 86, 86);
text-align:right;
font-weight:bold;
}

#component a:hover 
{
/*color:white;*/
}

.readmore a
{
color: #0191DA !important;
text-decoration:underline;
font-size:11px;
}

.category_blog_view .items-column, .category_blog_view .items-column .item
{
padding: 0px;
}

.readmore a:hover
{
text-decoration:none;
}

.ammicontent
{
float:right;
width:718px;
margin-right: 27px;
min-height: 555px
}

.content
{
float:left;
width:718px;
margin-right: 27px;
}


.content .iconsubtitle
{
color:black;
font-family: open sans bold;
font-size:25px ;
}

.news a
{
font-weight:bold;
}


.content ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

.content ul li
{
padding-bottom: 8px; 
padding-top: 8px; 
background-image: url(images/bullet.jpg);
background-repeat: no-repeat;
background-position: 0px 12px; 
padding-left: 14px; 
border-bottom: 1px solid #CDCDCD;
width: 190px;
}

.library
{
float:left;
width:468px;
}

.librarytitle
{
color: black;
font-family: open sans bold;
font-size: 22px;
margin-bottom:10px;
}

.ammilibrary img, .ammitraining img
{
float:left;
border: 1px solid #CDCDCD;
}

.librarytext
{
float: right;
width: 290px;
text-align: justify;
line-height: 15px;
}

.headlinetext
{
text-align: justify;
line-height: 15px;
width: 690px;
}

.headlinetitle
{
color: black;
font-family: open sans bold;
font-size: 27px;
margin-bottom: 20px;
}

.librarypicture
{
float:left;
}


.bodyreadmore 
{
color:black !important;
float: right;
font-weight:bold;
}

.library a:hover, .news a:hover
{
color:#0191DA !important;
}

 
.news
{
float: left;
width: 185px;
margin-right: 50px;
}

.ammilibrary, .ammitraining
{
height:140px;
width:468px;
margin-bottom: 15px;
}

.ads
{
float:left;
width:100%;
}

.ads1 img
{
border: 1px solid #CDCDCD;
}

.ads_item
{
float: left;
}

.middle
{
float: left;
padding: 0px 20px;
}

/*
Banner Rotator
*/



#coin-slider5335{ background-repeat:no-repeat;overflow: width:916px; overflow:hidden; zoom: 1; position: relative; }
#coin-slider5335 a {text-decoration: none; outline: none; border: none; }
#coin-slider5335.cs-prev, .cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }
#coin-slider5335 .cs-prev { background:url(images/prev.png) no-repeat 0 0 transparent !important; width:35px; height:35px; text-indent:-9999px; display:block; padding:0 !important; opacity:1 !important; filter:alpha(opacity=100) !important; }
#coin-slider5335 .cs-prev:hover {background-position:0 -35px !important;}
#coin-slider5335 .cs-next {background:url(images/next.png) no-repeat 0 0 transparent !important; width:35px; height:35px; text-indent:-9999px; display:block; padding:0 !important;  opacity:1 !important; filter:alpha(opacity=100) !important; right:20px !important; }
#coin-slider5335 .cs-next:hover {background-position:0 -35px !important;}
#coin-slider-coin-slider5335 .cs-buttons { position:absolute !important; padding:0 !important; left: 90% !important; margin-left: -20px; position: relative; top: 5%; }
#coin-slider-coin-slider5335 .cs-buttons a {color:transparent!important; margin-left: 5px; margin-top: 5px; height: 23px; width: 16px; float: left; text-indent: -1000px; background:url(images/non_select.png) no-repeat; border:0px; }
#coin-slider-coin-slider5335 .cs-buttons .cs-active { height: 20px; width: 16px; background:url(images/select.png) no-repeat; }
.wrapper_div1272 #coin-slider5335  .cs-title { top: 250px; height:20px;width:906px; }
*/

/*
* Blog 
*/


.right_content{
	width: 720px !important;
	float: left;
	padding: 10px;
	padding-top: 15px !important;
	padding-right: 0px !important;
	padding-left: 20px !important;
	font-size: 14px;
}

/*.right_content a:hover
{
color:#0191DA !important;
text-decoration:underline;
}*/

.right_content .category_blog_view h1
{
color: black;
font-family: open sans bold;
font-size: 22px;
border-bottom: 1px solid black;
padding-bottom: 10px;
padding-top: 0px;
}

.left_content{
	width: 200px;
	float: left;
	
}

.sidebar_menu  ul.menu li
{
min-height: 0px;
font-size: 12px;
padding-top: 6px;
border-bottom: 1px solid #CDCDCD;
padding-left: 10px;
width: 150px;
text-align: left;
}

.sidebar_menu 
{
min-height: 100px !important;
margin-bottom: 10px;
}



ul.menu li ul.sub_menu li
{
padding: 6px 30px !important;
}

ul.menu ul
{
min-width: 200px;
visibility: hidden;
position: absolute;
top: 0px;
left: 145px;
}


.menu
{
padding-left: 0px;
}

.contact_desc span
{
padding-left: 0px !important;
}

/* ======== TOGGLE BOXES ======== */
.toggle_container {
	padding: 10px 15px 15px;
	margin-bottom: 1px;
	font-weight:normal;
	border-bottom: 1px dashed #969696;
	line-height: 16px;
}
p.trigger {
	display: block;	
	padding:  8px 8px 8px 16px;
	margin: 0;
	cursor: pointer;
	line-height: 175%;
	font-size:14px;
	font-weight:normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

/* Up Toggle State */
p.trigger {background: url(./images/toggle_icon.png) no-repeat 0 12px;border-bottom: 1px dashed #969696;padding-left: 30px;}
p.trigger a {color: #333;text-decoration: none;}

/* Hover Toggle State */
p.trigger:hover { background: url(./images/toggle_icon.png) no-repeat 0 -26px;}
p.trigger a:hover,p.trigger.active a:hover { color: #333;}

/* Active Toggle State */
p.trigger.active {background: url(./images/toggle_icon.png) no-repeat 0 -26px;border-bottom:0;}
p.trigger.active a {color: #333;}

/* Toggle Wrapper */
.togglewrap {border-top:1px dashed #969696;margin:10px 0 20px; }	  

.sidebar_menu h3 span
{
color: #0191DA !important;
font-family: open sans bold !important;
font-size: 25px !important;
}

/******Back to top CSS, add to your stylesheet****/

.back-to-top {
position: fixed;
bottom: 80px;
right: 20px;
/*link to your image, use correct path, if in doubt, use full path with http://...*/
background: url('images/backtotop.png') left top no-repeat; 
width: 60px;
height: 60px;
}

.back-to-top a {
text-indent: -9999px;
display: block;
}


.back-to-top:hover { 
/*link to your image, use correct path, if in doubt, use full path with http://...*/
background:url('images/backtotophover.png') left top no-repeat; 
}

.ib-container{
	position: relative;
	width: 650px;
	min-height:750px;
	display: block;
	padding:10px;
	padding-top:20px;
	padding-left: 20px;

	
}
.ib-container:before,
.ib-container:after {
    content:"";
    display:table;
}
.ib-container:after {
    clear:both;
}
.ib-container article{
-moz-box-shadow: inset 0 0 10px #000000;
-webkit-box-shadow: inset 0 0 10px #464646;
background:white;
border-radius: 10px;
-moz-border-radius: 10px;
	display: block;
	width: 180px;
	height: 161px;
	cursor: pointer;
	float: left;
	text-align: left;
	text-transform: none;
	margin: 15px;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	/*box-shadow: 
		0px 0px 0px 10px rgba(255,255,255,1), 
		1px 1px 3px 10px rgba(0,0,0,0.2);*/
	-webkit-transition: 
		opacity 0.4s linear, 
		-webkit-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-moz-transition: 
		opacity 0.4s linear, 
		-moz-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-o-transition: 
		opacity 0.4s linear, 
		-o-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-ms-transition: 
		opacity 0.4s linear, 
		-ms-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	transition: 
		opacity 0.4s linear, 
		transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;

}
.ib-container h3 a{
	font-size: 16px;
	font-weight: 400;
	color: #000;
	color: rgba(0, 0, 0, 1);
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);
	opacity: 0.8;
}
.ib-container article header span{
	font-size: 10px;
	font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
	padding: 10px 0;
	display: block;
	color: #FFD252;
	color: rgba(255, 210, 82, 1);
	text-shadow: 0px 0px 0px rgba(255, 210, 82, 1);
	text-transform: uppercase;
	opacity: 0.8;
}
.ib-container article p{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #333;
	color: rgba(51, 51, 51, 1);
	text-shadow: 0px 0px 0px rgba(51, 51, 51, 1);
	opacity: 0.8;
}
.ib-container h3 a,
.ib-container article header span,
.ib-container article p{
	-webkit-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-moz-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-o-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-ms-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
}
/* Hover Style for all the items: blur, scale down*/
.ib-container article.blur{
	/* box-shadow: 0px 0px 20px 10px rgba(255,255,255,1);*/
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0.2;
}
.ib-container article.blur h3 a{
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
	color: rgba(0, 0, 0, 0);
	opacity: 0.5;
}
.ib-container article.blur header span{
	text-shadow: 0px 0px 10px rgba(255, 210, 82, 0.9);
	color: rgba(255, 210, 82, 0);
	opacity: 0.5;
}
.ib-container article.blur  p{
	text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.9);
	color: rgba(51, 51, 51, 0);
	opacity: 0.5;
}

/* Hover Style for single item: scale up */
.ib-container article.active{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	/* box-shadow: 
		0px 0px 0px 10px rgba(255,255,255,1), 
		1px 11px 15px 10px rgba(0,0,0,0.4);*/
	z-index: 100;	
	opacity: 1;
}

/*table style*/

#gradient-style {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 12px;
width: 480px;
text-align: left;
border-collapse: collapse;}

#gradient-style tbody tr:hover td {
background: #d0dafd url("/template/pro/ammi/ammipenang/css/images/gradhover.png") repeat-x;
color: #339;}

#gradient-style th {
font-size: 13px;
font-weight: normal;
background: #b9c9fe url("/template/pro/ammi/ammipenang/css/images/gradhead.png") repeat-x;
border-top: 2px solid #d3ddff;
border-bottom: 1px solid #fff;
color: #039;
padding: 8px;}

#gradient-style td {
border-bottom: 1px solid #fff;
color: #669;
border-top: 1px solid #fff;
background: #e8edff url("/template/pro/ammi/ammipenang/css/images/gradback.png") repeat-x;
padding: 8px;}

/*table style end*/

.members_login a
{
display: inline-block;
zoom: 1;
padding: 6px 20px;
margin: 0;
cursor: pointer;
border: 1px solid #bbb;
overflow: visible;
font: bold 13px arial, helvetica, sans-serif;
text-decoration: none;
white-space: nowrap;
color: #555;
background-color: #ddd;
background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)), url(data:image/png;base64,iVBORw0KGg[...]QmCC);
transition: background-color .2s ease-out;
background-clip: padding-box;
border-radius: 3px;
box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
text-shadow: 0 1px 0 rgba(255,255,255, .9);
}

.members_login a:hover
{
background-color: #eee;
color: #555;
}

.members_login a:active
{
background: #e9e9e9;
position: relative;
top: 1px;
text-shadow: none;
box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}


.article_title_area
{
background-color: transparent !important;
}

.ib-container article.active h3 a,.ib-container article.active header span,.ib-container article.active p{
	opacity: 1;
}
 
 /*footer*/

.footer1 ul
{
padding: 0px;
}

.footer1 h3
{
margin:0px;
}


.footer1 ul li
{
list-style-type: square !important;
color: white !important;
}

#footer-links ul.menu li.top_li
{
width:100%;
border:0px;
}


 
 
#content-container {
	width: 970px;
	margin:0 auto;
	position:relative;
	min-height:163px;
	padding-top: 20px;
}

#footer-links
{
background: #0191DA;
border-top: 5px solid rgb(0, 95, 143);
width: 100%;
float: left;
text-align: left;
margin-top: 20px;
}

#footer-links a:hover
{
color:white !important;
text-decoration:none;
}


.footer1 
{
float: left;
width: 200px;
padding-right: 15px;
padding-left: 15px;
}

.footer1 h3 span
{
padding: 0px;
font-size:16px;
color:white;
}


.widget_style_26 h3, .widget_style_44 h3, .widget_style_23 h3
{
border-bottom: 1px dotted white;
}

#footer-links li.top_li 
{
padding: 0px;
}

#footer-links ul.menu li.active, #footer-links ul.menu li:active
{
background:transparent;
}

#footer-links ul.menu li.top_li:hover
{
background:transparent;
}

#footer-links a { 
display: block;
text-decoration: none;
text-align: left;
color: rgb(158, 205, 255) !important;
font: normal 13px'Nunito', sans-serif !important;
}

#footer-links a:hover
{
color:white !important;
}


/*tabs*/

.tabs li 
{
	list-style:none;
	display:inline;
}

.tabs a 
{	font-size: 15px;
	padding:6px 10px;
	display:inline-block;
	background:#666;
	color:#fff;
	text-decoration:none;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.tabs a.active 
{
font-size: 15px;
background: #0191DA;
color: rgb(255, 255, 255);
padding: 6px 10px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

ul.tabs
{
padding: 0px;
border-bottom: 1px solid #0191DA;
}

.cs-next, .cs-prev, .email, .state
{display:none;}

.contact_desc
{
padding: 0px;
margin: 0px;
font-size: 13px;
}
 
 
.position
{
color: black;
font-family: open sans bold;
font-size: 22px;
margin-bottom: 20px;
border-bottom: 1px solid black;
padding-bottom: 10px;
width: 45%;
}

.contact_form_div
{
font-size:13px;
}

.contact_form
{
font-size:20px;
}

/* Contact Us button */

.review_add_button,.contact_label > input[type="submit"]
{
border: solid 1px rgb(30, 104, 145);
box-shadow: inset 0px 1px 1px rgba(255, 255, 255, .1), 0px 1px 3px rgba(0, 0, 0, .1);
text-shadow: 0px 1px 0px rgba(0, 0, 0, .5);
width: 80px;
padding: 5px;
margin-left: 10px;
color: white;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
cursor: pointer;
margin-top: 20px;

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(56, 157, 233)), to(rgb(30, 86, 129)));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #389de9, #1e5681);
  
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #389de9, #1e5681);
  
  /* IE 10 */
  background: -ms-linear-gradient(top, #389de9, #1e5681);
  
  /* IE */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#389de9', endColorstr='#1e5681');
  
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #389de9, #1e5681);
  
}


.newstitle
{
font-size: 13px; 
margin: 0.75em 0px 0px; 
padding: 0.25em 0.5em 0.3em 0px; 
font-family: arial, tahoma, sans-serif; 
border: 0px solid rgb(8, 170, 157); 
color: rgb(27, 85, 98);
font-weight: bold;
}

.newstitle a
{
font-size: inherit; 
font-family: inherit; 
border: 0px solid rgb(8, 170, 157); 
color: rgb(0, 159, 191); 
line-height: 1.5; 
text-decoration: none;
}

.newstext
{
font-family: arial, tahoma, sans-serif; 
border-width: 0px 0px 1px; 
border-bottom-style: solid; 
border-bottom-color: rgb(204, 204, 204); 
padding: 0px 0px 1em; 
margin: 0px 0px 1em; 
color: rgb(32, 112, 141); 
}

/* Training & Events */

table
{
border-collapse:collapse;
}

.ammievents table,.ammievents td,.ammievents th
{
border:1px solid #cccccc;
}

.ammievents td.td_Date {
 
  padding: 13px 10px;
  text-align: center;
  vertical-align: top ;
  width: 40px;
}
.ammievents td.td_Article {
 
  padding: 9px 9px ;
  vertical-align: top ;
}

.ammievents table.tbl_CalBox {
  border: 1px solid #CCCCCC;
  border-collapse: collapse;
  width: 40px;
}
.ammievents table.tbl_CalBox td.td_CalMonth {
  background: #009FBF;
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 3px 5px ;
}
.ammievents table.tbl_CalBox td.td_CalDay {
  text-align: center;
  padding: 3px ;
}

.ammievents a   		{ color: #009FBF ; 	text-decoration: none ; 		font-weight: inherit; font-size: inherit ;}
 
.ammievents td
{
  color: #20708D ;
  font: 9pt/1.5 arial, tahoma, sans-serif;
}

.articles_view
{
padding: 0px !important;
}
 
 
.members table
{
border-collapse:collapse;
}
.members table, .members td, .members th
{
border:1px solid black;
  padding: 15px;
}

.members tr:hover
{
background-color: rgb(237, 251, 255);
}

.members a:hover
{
color:#0191DA;
text-decoration:underline;
}

.gallery_category_view_desc
{
margin-bottom:10px;
}

.mbpgallery-category-box-file
{
-webkit-transition-property: box-shadow, border;
-webkit-transition-duration: 0.25s, 0.25s;
-webkit-transition-timing-function: linear, ease-in;
}


.mbpgallery-category-box-file:hover
{
box-shadow: 0px 0px 10px #888888;
border: 1px solid rgb(255, 255, 255) !important;
}

.mbpgallery_category_wrapper a
{
color:black;
}



.mbpgallery_category_wrapper a:hover
{
text-decoration: none;
}


.gallery_back_button span.back_btn
{
background:url(/storage/upload/ammi/images/button/previous.jpg)no-repeat !important;
width: 110px !important;

}

.gallery_back_button span.back_btn:hover
{
background:url(/storage/upload/ammi/images/button/previous_hover.jpg)no-repeat !important;
width: 110px !important;
}

/*login*/

.button_register a, .button_login a, .button_setting button, .button_logout input[type="submit"]
{
display: inline-block;
zoom: 1;
padding: 6px 20px;
margin: 0;
cursor: pointer;
border: 1px solid #bbb;
overflow: visible;
font: bold 13px arial, helvetica, sans-serif;
text-decoration: none;
white-space: nowrap;
color: #555;
background-color: #ddd;
background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)), url(data:image/png;base64,iVBORw0KGg[...]QmCC);
transition: background-color .2s ease-out;
background-clip: padding-box;
border-radius: 3px;
box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
text-shadow: 0 1px 0 rgba(255,255,255, .9);
}

.button_register a:hover, .button_login a:hover, .button_setting button:hover, .button_logout input[type="submit"]:hover
{
background: #eee !important;
color: #555;
}

.button_register a:active, .button_login a:active, .button_setting button:active, .button_logout input[type="submit"]:active
{
background: #e9e9e9;
position: relative;
top: 1px;
text-shadow: none;
box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}

.button_setting
{
float: right;
}

.login_reset
{
float: left;
padding: 7px 0px 7px 0px;
}

.m_login.myform button, .m_login.myform .submit
{
background: #0191DA !important;
}

.separator
{
background:url(http://ofaklselangor.org/template/pro/ofaselangor/ofa_selangor/css/images/separator.gif) 0 0 repeat-x; 
height:5px;
margin:10px;
}

.mbpgallery-category-box-file
{
min-height: 100px !important;
}

@-moz-document url-prefix() 
{
	.navigation ul.menu li.top_li a
	{
	/*padding: 15px 34px;*/
	padding:15px 26.5px;
	float: left;
	border-right: 1px solid white;
	height: 20px;
	}
}

.navigation ul.menu li.top_li:first-child
{
display:none;
}

.training_sidebar_menu h3 span
{
color: #0191DA !important;
font-family: open sans bold, arial, sans-serif !important;
font-size: 25px !important;

}
.training_sidebar_menu h3
{
padding-bottom: 0px;
margin-bottom: 0px;
padding-top: 20px;
}

.training_sidebar_menu
{
min-height: 100px !important;
margin-bottom: 10px;
}

.training_sidebar_menu ul
{
padding-left: 0px;
}

.training_sidebar_menu .top_li 
{
list-style-type: none;
padding-top: 20px;
}


.training_sidebar_menu .top_li  a
{
color: #000000;
font-family: verdana, arial, sans-serif;
font-size: 17px;
text-transform: capitalize;
}

.training_sidebar_menu .sub_menu
{
padding-left: 0px;
list-style: none;
}

.training_sidebar_menu .sub_menu a
{
color: #595b5d !important;
font-family: verdana, arial, sans-serif;
font-size: 14px;
text-transform: capitalize;
}

.training_sidebar_menu .sub_menu ul li
{
list-style:none;
}

.training_sidebar_menu .sub_menu li
{
min-height: 0px;
font-size: 12px;
padding-top: 6px;
border-bottom: 1px dotted #CDCDCD;
padding: 5px;
text-align: left;
text-transform: capitalize;
}

.training_sidebar_menu .sub_menu a:hover{
color: #3D3E3F;
font-weight: bold;
}

.category_blog_view .article_title
{
margin: 0px !important;
}

.leading-0, .leading-1, .leading-2, .leading-3, .leading-4
{     background: #efefef;
    padding: 20px;
margin-bottom: 20px;
}

.row-0, .row-1, .row-2, .row-3, .row-4, .row-5, .row-6, .row-7, .row-8, .row-9{
 background: #efefef;
padding: 20px !important;
}

.right_content{
	width: 720px !important;
	float: left;
	padding: 10px;
	padding-top: 15px !important;
	padding-right: 0px !important;
	padding-left: 20px !important;
	font-size: 14px;
}

.category_blog_view .article_title h4 {
    color: #454545;
    border-top:0px !important;
    border-bottom: 1px dotted #757575 !important;
    padding-bottom: 0px !important;
    margin-bottom: 5px !important;
    font-weight: bold;
    font-size: 17px;
}

.category_blog_view .items-leading {
    padding: 0px !important;
    overflow: hidden;
    margin-bottom: 0px !important;
}

.category_blog_view .items-leading {
    padding: 0px;
    overflow: hidden;
    margin-bottom: 0px;
}

.right_content a
{
	color: #0191DA !important;
}

.right_content a:hover
{
	text-decoration:underline;
}