@charset "UTF-8";

/*  
Theme Name: MTUC
Theme URI: http://www.mtuc.org.my
Description: WordPress CMS Theme for MTUC
Version: 1.0.0
Author: Heidzir
Author URI: http://www.twitter.com/heidzir
Tags: red,white,light,three-columns,sidebar,fixed-width,custom-menu,widget
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*reset*/
body{
		margin-top: 30px;background: #999999; font:14px/18px "Helvetica Neue",Helvetica,Arial,sans-serif; /*color:#3c3c3c*/ color:#575757;
}
a:link, a:visited, a:link strong, a:visited strong {
    color: #940f0f;
    text-decoration: none;
}
a:hover{
    color: red;
    text-decoration: underline
	
}

p {
    margin: 0 auto 10px;
}
p span{
	color: #7B858F;
}
#blog p{
	font-size:16px;
	line-height: 1.99;	
}
h1{
	font-weight: bold;
	color: #000000;
	background: inherit;
	padding: 0 0 15px 0;
	font-size: 1.6em;
	line-height: 25px;
}
h2{
	font-weight: bold;
	font-size: 1.4em;
	color: #000;
	background: inherit;
	padding: 0 0 15px 0;
}
h3{
	color: #000;
	background: inherit;
	padding: 0 0 15px 0;
}
.clear {
    clear: both;
}
.latest{
	text-align:center;
}
.latest h1{
	margin-top:15px
}
.container {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    padding: 40px 0;
    position: relative;
    width: 1010px;
}
.container-border{
	padding: 0 0 20px;
	border-bottom: 1px solid #eee;
	width: 1112px;
	margin: 0 auto
}
.sidebar-left{
	margin: 0;
	padding-left: 19px;
	border-left: 1px solid #eee;
	
}
.sidebar-right{
	margin: 0;
	padding-right: 19px;
	border-right: 1px solid #eee;
	
}
#sourcetop{
		background:url(images/body3.jpg)  repeat-y center top;
		height: 1px;
	
}
#sourceheader,#source{
		background:url(images/body3.png)  repeat-y center top;
}
.container-border.header{
	position:relative;
    width: 100%;
    z-index: 1000;
    padding-top: 5px;
    background: url(images/header-left-mtuc-flag.jpg) no-repeat top right;
    width:1112px
}
.header .container {
    padding: 0;
	overflow: visible;
	height:100px;
	
}
.header .column630{
	background: none;
	margin-bottom: 0
	
}
.header .logo {
    margin-bottom: 0;
   	color: #d21214;
}
.header .logo h1{
    float: left;
    font-size: 2em;
    line-height: 4.2em;
    padding: 0;
    width: 770px;
    margin-left: 30px;

}
.header .logo .ir{
	float: left;
	width: 192px;
	height: 100px;
}
.header .logo a {
    height: 100px;
    margin: 0;
    width: 192px;
    color: #333;
    font-family: Arial
    

}
.header .logo a:hover{
	color: #d21214
}
.search{
    bottom: -15px;
    position: absolute;
    right: -40px;
	
}
#form-search,#form-submit{
	float:left;
}
#menu-language-menu,#qtranslate-chooser,#mqtranslate-chooser{
    position: absolute;
    right: 70px;
    top: 0;
}
#mqtranslate-chooser li{
	float:left;
	
	
}
#menu_header_menu{
    position: absolute;
    right: 0;
    bottom: 0;
	
	
}
	#menu-left-menu li{
		display: block;
		float: left;
		line-height: 16px;
		position: relative;
	}
	#menu-left-menu li a:link,
	#menu-left-menu li  a:visited{
		color:#d21214;
		text-transform:uppercase;
		padding: 8px 16px;
		font-weight: normal;
		font-size:12px;
		
	}
	#menu-left-menu li a:hover{
		color:#333;
	}

		#menu-left-menu li .sub-menu{
			display: none;
			left: 0px;
			top: 17px;
			position: absolute;
			margin:0;
			background:red;
		}
		#menu-left-menu li:hover ul{
			display: block;
		}
			#menu-left-menu li .sub-menu li{
				float: left;
				line-height: 20px;
				width: 190px;
			}
				#menu-left-menu li .sub-menu li a{
					border:none;
					font-size:12px;
					font-weight: normal;
					text-transform:none;
					margin: 0 0 0 7px;
					padding: 0;
					color:#f2f2f2;
					
				}
					#menu-left-menu li .sub-menu ul{
						
						list-style-type:disc
					}
						#menu-left-menu li .sub-menu ul li {
							padding:0 0 0 10px;
							width: 165px;
							list-style-type:disc;
							color:#000;
						}

#menu-language-menu li,#qtranslate-chooser li{
    list-style-type: none;
    margin-bottom: 0;
    padding: 0 5px;
    float: left;
	text-align: center;
}
#menu-language-menu li a,#qtranslate-chooser li a{
    padding: 0 15px;
	text-decoration: none;
	line-height:24px;
	padding: 5px;
	text-transform:none
}
#menu-language-menu li a{
	width: 50%;
	float: left;
	padding: 0;
	margin-bottom: 10px;
	height: auto
}
#menu-language-menu li a:hover,#menu-language-menu li a.active,
#qtranslate-chooser li a.active{
	color:#fff
}
#qtranslate-chooser li a:hover{
	color:#333;
}
.site-widget .menu{
	background: none;
	height: auto;
	margin-top: 38px
}
.site-widget  #menu-left-menu li .sub-menu{
	display: block;
	background: none;
	position: relative;
	top:0;
}
.site-widget  #menu-left-menu li a,.site-widget  #menu-left-menu li .sub-menu li a{
	padding: 0;
	margin: 0;
	color: blue;
	display: block;
	line-height: 1;
	padding: 4px 0;
	text-transform:none;
	text-transform: uppercase
}
.site-widget  #menu-left-menu li .sub-menu li a{
	padding: 4px 0 4px 8px;
	color:blue;
	text-transform: none;
}
.site-widget .menu ul li a:hover,.site-widget .menu ul li a:active,.site-widget .menu ul li a:focus,.site-widget  .menu ul li a.active,.site-widget .menu ul li.current-menu-item a {
	background:  none;
	border-bottom: 1px dotted #333
  
}
.site-widget #menu-left-menu li,.site-widget #menu-left-menu li .sub-menu li{
	float: none;
	line-height: 22px;
	font-size: 12px;
	width: auto;
}
.menu{
    float: right;
    margin: 0 0 15px;
    background: #ec2125;
    width: 100%;
    text-align: left;
    padding: 0;
    height: 25px;
    position: relative;
    z-index: 999
}
.menu ul li{
    display:inline;
    list-style-type: none;
    margin-bottom: 0;
    padding: 0;
    position: relative
}
.menu ul li a {
 	color:#fff;
    padding: 0 15px;
	text-decoration: none;
	line-height: 22px;
	font-size: 12px;
	padding: 5px 15px;

}
.menu ul li a:hover, .menu ul li a:active, .header .menu ul li a:focus, .menu ul li a.active,.menu ul li.current-menu-item a {
    text-decoration: none;
	background:  #d21214;
	line-height: 22px;
	font-size: 12px;
    
}
		#menu-right-menu li .sub-menu{
			display: none;
			left: 0px;
			top: 20px;
			position: absolute;
			margin:0;
			background:none repeat scroll 0 0 #D21214;
		}
		#menu-right-menu li:hover ul{
			display: block;
		}
			#menu-right-menu li .sub-menu li{
				float: left;
				line-height: 20px;
				width: 190px;
			}
				#menu-right-menu li .sub-menu li a{
					border:none;
					font-size:12px;
					font-weight: normal;
					text-transform:none;
					margin: 0 0 0 7px;
					padding: 0;
					color:#f2f2f2;
					background: none;
					
				}
					#menu-right-menu li .sub-menu ul{
						
						list-style-type:disc
					}
						#menu-right-menu li .sub-menu ul li {
							padding:0 0 0 10px;
							width: 165px;
							list-style-type:disc;
							color:#000;
						}


.page{
	padding:20px 0;

}
.page .container {
    padding: 0;
	position:relative;
}

.page .container .latest{
	color:#282828;
	text-align:center;
}
.columnizer{
    display: block;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 1112px;
	
}
.column{
    float: left;
    margin: 0 30px 30px 0;
    overflow: hidden;
    position: relative;
    width: 325px;
}
.columnizer .column .latest{
	position:absolute;
	top: 0;
	right:0;
	padding: 10px;
	color:#26A0BE;
	background:#282828;
	text-align:left
}
.column135{
    float: left;
    margin: 0 30px 30px 0;
    overflow: hidden;
    background:#fff;
    position: relative;
    width: 135px;

}
.column590{
    float: left;
    margin: 0 0 30px 0;
    overflow: hidden;
    background:#fff;
    position: relative;
    width: 590px;
    padding: 20px;

}
.column750{
    float: left;
    margin: 0 30px 30px 0;
    /*overflow: hidden;*/
    background:#fff;
    position: relative;
    width: 750px;

}
.column200{
    float: left;
    margin: 0 0 30px 0;
    overflow: hidden;
    background:#fff;
    position: relative;
    width: 200px;
    padding: 20px;
	
	
}
.column150{
    float: left;
    margin: 0 30px 30px 0;
    overflow: hidden;
    background:#fff;
    position: relative;
    width: 168px;

}
.post{
	float: left;
	margin-bottom: 20px;
	width: 100%
}
.prev{
	margin-left:0;
}
.last{
	margin-right:0;
}
.bottom{
	margin-bottom: 0;
}
.wp-post-image {
    margin: 0 0 15px;
}
.meta {
    color: #7B858F;
    font-size: 11px;
    margin: 0 0 5px;
    padding: 0;
	display:block
}
.blue{
	background:#244C80;
	padding:15px;
	width:270px;
}
.blue h3{
	color:#fff;
}
.blue a{
	color:#fff;
}
.blue li{
	border-bottom:1px solid #5F80A8;
	padding:5px 0;
}
.blue li .meta{
	margin:0;
}
.alignleft{
	float:left;
	margin:0 20px 20px 0
}
.tab_content h3{
	padding: 0;
	
}
.viewall {
    line-height: 20px;
    text-align: right;
}
.viewall a:link, .viewall a:visited {
    border-bottom: 1px dotted #940F0F;
    text-decoration: none;
    color:#940F0F
}
.tablecool{
	border-spacing: 0;	
	margin-bottom: 15px;
	
}
.tablecool td{
	border: 1px solid #F4F5F5;
	padding: 1px ;
	vertical-align: top;
}
.tablecool th{
	border: 1px solid #F4F5F5;
	padding: 1px ;
	vertical-align: top;
	background: #333;
	color:#fff;
}
.tabledivision{
	border-spacing: 0;	
	margin-bottom: 15px;
	width: 96%
}
.tabledivision td{
	border: 1px solid #F4F5F5;
	padding: 4px ;
	vertical-align: top;
	
}
.tabledivision th{
	border: 1px solid #F4F5F5;
	padding: 1px ;
	vertical-align: top;
	background: #333;
	color:#fff;
	
}
.alignright{
	float:right;
	margin-left: 10px;
	margin-bottom: 10px
}
.alignleft{
	float:left;
	margin-right: 10px;
	margin-bottom: 10px
	
}
.post_box .aligncenter {
    margin-bottom: 10px;
}
.aligncenter, img[align="middle"] {
    clear: both;
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#footer{ text-align: center; font-size: 11px}
.emm-paginate { padding:12px 0;text-transform:uppercase;text-align:center; clear:both;}
.emm-paginate a {color:#666; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.emm-paginate a:hover, .emm-paginate a:active {color:#00539E;}
.emm-paginate .emm-title {color:#555; margin-right:4px;}
.emm-paginate .emm-gap {color:#999; margin-right:4px;}
.emm-paginate .emm-current {color:#00539E; margin-right:4px; padding:3px 6px;}
.emm-paginate .emm-page {}
.emm-paginate .emm-prev, .emm-paginate .emm-next {}
#blogs h3{ padding: 0;}
#blogs .blogs {margin-bottom: 5px; }
#form-wysija-2{position: relative;}
.widget_wysija_cont .wysija-submit {position: absolute; bottom: 0; right: 0}
.adobe{ background: transparent url(images/pdf.png) no-repeat 0 50%;padding-left: 20px;}
.print{ background: transparent url(images/print.png) no-repeat 0 50%;padding-left: 20px;margin-left: 20px;}