﻿/* --------------------------------------------------------
	FOOTER GENERAL STYLE
   -------------------------------------------------------- */
    footer.row.mobile {
		display: none;
		}
		
		
	footer.row {
		background: #444443;
		
	}
	
	footer ul.footer {
		border-right: solid 1px #505053;
		margin-top: 20px;
		margin-bottom: 20px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
	}
	
	footer ul.footer li {
		font: 11px/14px 'Roboto',Arial, Tahoma, Helvetica, sans-serif;
		margin: 10px 0;
	}
	
	footer ul.footer li a {
		color: #888;
	}
	
	footer ul.footer li.heading {
		font: bold 11px/18px 'Roboto',Arial, Tahoma, Helvetica, sans-serif;
		margin: 5px 0;
		text-transform: uppercase;
		color: #CCC;
	}

	
	.hiddenControl {
		display: none;
	}
/* --------------------------------------------------------
	SEARCH
   -------------------------------------------------------- */


	footer .search {
		margin: 25px 0 20px 0;
		clear: both;
	}
	
	footer .search p {
		font: bold 11px/18px 'Roboto',Arial, Tahoma, Helvetica, sans-serif;
		margin-bottom: 8px;
		text-transform: uppercase;
		color: #CCC;
	}
	
	footer .search input[type=text] {
		width: 88%;		
	}
	
	footer .subscribe input[type=text] {
		width: 100%;
	
	}
	
	/* --------------------------------------------------------
	SEARCH
   -------------------------------------------------------- */
	
	.search {
		margin: 15px 0;
	}
	
	.searchbox {
		padding: 8px;
		background-color: #E5E5E2;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		overflow: hidden;
	}
	
	.searchbox.footer {
		padding: 0;
		background: none;
		border-radius: 0;
		overflow: hidden;
	}
	
	.searchbox input[type='text'] {
		width:250px;
		height:29px;
		margin:0;
		float: left;
		border-radius: 3px 0 0 3px;
		padding-left: 1px;
		border: solid 1px #dbdbdb;
	}
	
	input[type="button"].searchbutton {
		background: url('http://clips.thestar.com.my/Themes/TSOL/img/SearchButton_global.png') no-repeat center center #B00;
		margin: 0;
		height: 30px;
		width: 30px;
		float: left;
		border: none;
		border-radius: 0 3px 3px 0;
		padding: 0;
	}
	
	input[type="submit"].searchbutton {
		background: url('http://clips.thestar.com.my/Themes/TSOL/img/SearchButton_global.png') no-repeat center center #B00;
		margin: 0;
		height: 30px;
		width: 30px;
		float: left;
		border: none;
		border-radius: 0 3px 3px 0;
		padding: 0;
	}
	
	
	.searchbox .tagSelector {
		position: relative;
	}
	
	
	.searchbox .tagSelector .tag {
		background: #E5E5E2;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		color: #375D81;
		float: right;
		padding: 2px 5px;
		margin-right: 30px;
		margin-bottom: 5px;
		position: absolute;
		right: 8px;
		top: 4px;
		z-index: 1000;
		font: bold 12px/15px 'Roboto',Arial, Tahoma, Helvetica, sans-serif;
		border: solid 1px #D5D5D2;
		box-sizing: border-box;
	}
	
	.searchbox .tagSelector .tag a {
		color: #375D81;
		cursor: pointer;
		font: bold 14px/15px 'Roboto',Arial, Tahoma, Helvetica, sans-serif;
	}
	.searchbox .tagSelector .tag a:hover {
		color: #B00;
		text-decoration: none;
	}
	
	.searchbox .tagSelector input[type='text'] {
		padding-right: 70px;
		box-sizing: border-box;
		height: 29px;
	}
	
	input[type=text] {
		border: solid 1px #dbdbdb;
		height: 30px;
		color: #666;
	}


	
	@media all and (max-width: 1024px) {
		footer .search input[type=text] {
			width: 80%;		
		}
		
		footer .subscribe input[type=text] {
			width: 90%;
			border-radius: 3px;	
		}
	}
	
	
/* --------------------------------------------------------
	SUBSCRIBE
   -------------------------------------------------------- */

	footer .subscribe {
		margin-bottom: 20px;
	}
	
	footer .subscribe p {
		font: bold 11px/18px 'Roboto',Arial, Tahoma, Helvetica, sans-serif;
		margin-top: 10px;
		text-transform: uppercase;
		color: #CCC;
		
		/* Added by Razan 20130430 */
		margin-bottom: 0;
	}
	
	.social-media p {
		font: bold 11px/18px 'Roboto',Arial, Tahoma, Helvetica, sans-serif;
		margin: 10px 0 5px 0;
		text-transform: uppercase;
		color: #CCC;
	}
	
	/* Added by Razan 20130502 */
	.warningMessage span {
    font: bold 11px 'Roboto',Arial, Helvetica, Tahoma, sans-serif;
    color: #ddd;
    background: #b00;
    padding: 3px 5px;
    margin-top: 5px;
	
    }
    .successMessage span {
    font: bold 11px 'Roboto',Arial, Helvetica, Tahoma, sans-serif;
    color: #ddd;
    background: #000;
    padding: 3px 5px;
    margin-top: 5px;
    }
    /* - 20130502 */

/* --------------------------------------------------------
	SOCIAL MEDIA (ALSO USED IN WP TOP STORY)
   -------------------------------------------------------- */
   
	.social-media {
		margin: 10px 0 20px 0;
	}
	
	.social-media a {
		margin-right: 3px;
		display: inline-block;
		width: 24px;
		height: 24px;
	}
	
	.social-media a.facebook {
		background: url(http://clips.thestar.com.my/Themes/TSOL/img/facebook_bw.png) no-repeat;
	}
	
	.social-media a.facebook:hover {
		background: url(http://clips.thestar.com.my/Themes/TSOL/img/facebook_color.png) no-repeat;
	}
	
	.social-media a.twitter {
		background: url(http://clips.thestar.com.my/Themes/TSOL/img/twitter_bw.png) no-repeat;
	}
	
	.social-media a.twitter:hover {
		background: url(http://clips.thestar.com.my/Themes/TSOL/img/twitter_color.png) no-repeat;
	}
	
	.social-media a.gplus {
		background: url(http://clips.thestar.com.my/Themes/TSOL/img/gplus_bw.png) no-repeat;
	}
	
	.social-media a.gplus:hover {
		background: url(http://clips.thestar.com.my/Themes/TSOL/img/gplus_color.png) no-repeat;
	}
	
	.social-media a.sharethis {
		background: url(http://clips.thestar.com.my/Themes/TSOL/img/share_bw.png) no-repeat;
	}
	
	.social-media a.sharethis:hover {
		background: url(http://clips.thestar.com.my/Themes/TSOL/img/share_color.png) no-repeat;
	}
	
	.social-media a.rss {
		background: url(http://clips.thestar.com.my/Themes/TSOL/img/rss_bw.png) no-repeat;
	}	
	
	.social-media a.rss:hover {
		background: url(http://clips.thestar.com.my/Themes/TSOL/img/rss_color.png) no-repeat;
	}
	
	.social-media a.email {
		background: url(http://clips.thestar.com.my/Themes/TSOL/img/email_bw.png) no-repeat;
	}
	
	.social-media a.email:hover {
		background: url(http://clips.thestar.com.my/Themes/TSOL/img/email_color.png) no-repeat;
	}
	
	.row.copyright {
		background: #282828;
	}
	
/* --------------------------------------------------------
	COPYRIGHT
   -------------------------------------------------------- */
   
	.copyright p {
		text-align: center;
		font: 11px/30px 'Roboto',Arial, Tahoma, Helvetica, sans-serif;
		color: #AAA;
		line-height:16px; 
		margin:10px auto;
	}
	
/* --------------------------------------------------------
	PARTNER LOGOS
   -------------------------------------------------------- */

	.partner {
		overflow: hidden;
		margin-bottom: 20px;
	}
	
	.partner p {
		font: bold 10px/16px 'Roboto',Arial, Tahoma, Helvetica, sans-serif;
		color: #666;
		margin-bottom: 10px;
	}
	
	.partner li {
		float: left;
		margin-right: 20px;
	}
	
	.partner .ntt a {
		background: url(http://clips.thestar.com.my/Themes/TSOL/img/ntt_bw.png) no-repeat bottom center;
		display: block;
		width: 130px;
		height: 45px;
	}
	
	.partner .ntt a:hover {
		background: url(http://clips.thestar.com.my/Themes/TSOL/img/ntt_color.png) no-repeat bottom center;
	}
	
	.partner .ann a {
		background: url(http://clips.thestar.com.my/Themes/TSOL/img/ann_bw.png) no-repeat bottom left;
		display: block;
		width: 95px;
		height: 45px;
	}
	
	.partner .ann a:hover {
		background: url(http://clips.thestar.com.my/Themes/TSOL/img/ann_color.png) no-repeat bottom left;
	}
	
	.partner .loanstreet a {
		background: url(http://clips.thestar.com.my/Themes/TSOL/img/loanStreet_bw.png) no-repeat bottom left;
		display: block;
		width: 170px;
		height: 39px;
		margin-top:28px;
	}
	
	.partner .loanstreet a:hover {
		background: url(http://clips.thestar.com.my/Themes/TSOL/img/loanStreet_color.png) no-repeat bottom left;
	}    

    .partner .leaderonomics a {
	    background:url(http://clips.thestar.com.my/Themes/TSOL/img/leaderonomics_bw.png) no-repeat bottom left;
	    display: block;
	    width: 130px;
	    height:27px;
	    margin-top: 43px;
    }
	
    .partner .leaderonomics a:hover {
	    background:url(http://clips.thestar.com.my/Themes/TSOL/img/leaderonomics_color.png) no-repeat bottom left;
    }

	.partner .red a {
		background: url(http://clips.thestar.com.my/Themes/TSOL/img/redfm_bw.png) no-repeat bottom center;
		display: block;
		width: 100px;
		height: 45px;
	}
	
	.partner .red a:hover {
		background: url(http://clips.thestar.com.my/Themes/TSOL/img/redfm_color.png) no-repeat bottom center;
	}
	
	.partner .suria a {
		background: url(http://clips.thestar.com.my/Themes/TSOL/img/suria_bw.png) no-repeat bottom center;
		display: block;
		width: 110px;
		height: 60px;
	}
	
	.partner .suria a:hover {
		background: url(http://clips.thestar.com.my/Themes/TSOL/img/suria_color.png) no-repeat bottom center;
	}
	
	.partner .nine88 a {
		background: url(http://clips.thestar.com.my/Themes/TSOL/img/988_bw.png) no-repeat bottom center;
		display: block;
		width: 70px;
		height: 60px;
	}
	
	.partner .nine88 a:hover {
		background: url(http://clips.thestar.com.my/Themes/TSOL/img/988_color.png) no-repeat bottom center;
	}
	
	.partner .capital a {
		background: url(http://clips.thestar.com.my/Themes/TSOL/img/capital_bw.png) no-repeat bottom center;
		display: block;
		width: 118px;
	    height: 52px;
	}
	
	.partner .capital a:hover,
	.partner .capital a:active {
		background: url(http://clips.thestar.com.my/Themes/TSOL/img/capital_color.png) no-repeat bottom center;
	}