/*
 * VSH Law Stylesheet for screen
 * Written by Lush Technology Ltd
 * October 2007
 */
 
* {
        margin: 0;
        padding: 0;
}

/* work around for IE */
body {
        font-family: Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0;
		font-size: 75%;
}



html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd {
        /*font-size:    85%;*/
    /* be nice to Opera */
}

/* accessibility or no stylesheet div */
#skipnavigation {
        height: 0;
        left: 0;
        position: absolute;
        visibility: hidden;
}

/* useful */
.left {
	text-align: left;
}

.right {
	text-align: right;
}

.bottom {
	vertical-align: bottom;
}

.formerror {
	color: #990000;
	padding: 0 20px;
	font-weight: bold;
}

#header {
	width: 100%;
	height: 75px;
	background: url('/i/red_background.jpg') no-repeat bottom;
	background-color: #c70712;
	clear: both;
}

.vshlogo {
	float: left;
	vertical-align: middle;
	border: 0;
	padding-left: 20px;
	padding-top: 2px;
	background-color: transparent;
}

.vshtextlogo {
	padding-right: 20px;
	float: right;
	background-color: transparent;
}

/* Menu */
#menu {
        display: block;
        /*float: right;*/
        clear: both;
        width: 100%;
		margin-top: 1px;
        padding: 0;
        height: 30px;
        background: url('/i/blue.jpg') no-repeat bottom; 
}

#leftmenu {
	float: left;
	padding: 0 15px;
}

#leftmenu ul {
	list-style-type: none;
	padding: 2px;
}

#leftmenu ul > li {
	border-left: 0;
}

#leftmenu ul li + li {
	border-left: 1px solid #ffffff;
}

#leftmenu ul li {
	float: left;
	padding: 5px;
	font-weight: bold;
}

#leftmenu ul li a:link {
        color: #ffffff;
}

#leftmenu ul li a.selected:link {
        color: #ffffff;
		text-decoration: none;
}

#leftmenu ul li a:active {
        color: #ffffff;
}

#leftmenu ul li a.selected:active {
        color: #ffffff;
		text-decoration: none;
}

#leftmenu ul li a:visited {
        color: #ffffff;
}

#leftmenu ul li a.selected:visited {
        color: #ffffff;
		text-decoration: none;
}

#leftmenu ul li a {
        float: left;
        margin-left: 0;
}

#menu a.membermenu {
	display: block;
	width: 214px;
	/*height: 30px;*/
	float: right;
	background-image: none;
	background-color: #000000;
	margin: 0;
	color: #ffffff;
	padding: 7px;
	text-align: center;
	font-weight: bold;
}

#menu a.membermenu.selected {
	text-decoration: none;
}

/* Home page */

#homeLeftColumn {
	width: 35%;
	padding: 0 20px;
	float: left;
}

#homeLeftColumn h1 {
	font-size: x-large;
	color: #990000;
	padding: 5px;
}

#homeLeftColumn h2 {
	font-size: medium;
	color: #000000;
	padding: 10px 5px 0 5px;
}

#homeLeftColumn img {
	padding: 20px 5px;
}

#homeRightColumn {
	float: left;
	width: 60%;
}

#homeRightColumn a {
	color: #990000;
}

.roundedcornr_box_business {
	background: url(/i/roundedcornr_679541_tl.png) no-repeat top left;
	width: 280px;
	float: left;
	margin-right: 20px;
}

.roundedcornr_box_individual {
	background: url(/i/roundedcornr_679541_tl.png) no-repeat top left;
	width: 280px;
	float: left;
}

.roundedcornr_box_property {
	background: url(/i/roundedcornr_679541_tl.png) no-repeat top left;
	width: 580px;
	float: left;
	clear: both;
	margin-top: 20px;
}

.roundedcornr_box_member {
	width: 500px;
	float: left;
	clear: both;
}

.roundedcornr_box_register {
	width: 500px;
	float: left;
	clear: both;
}

.roundedcornr_box_news {
	width: 280px;
	float: left;
	clear: both;
	text-align: right;
}

.roundedcornr_box_news a {
	padding-right: 10px;
}

.roundedcornr_top {
	background: url(/i/roundedcornr_679541_tr.png) no-repeat top right;
}
.roundedcornr_bottom {
	background: url(/i/roundedcornr_679541_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom div {
	background: url(/i/roundedcornr_679541_br.png) no-repeat bottom right;
}
.roundedcornr_content {
	background: url(/i/roundedcornr_679541_r.png) top right repeat-y;
}


.roundedcornr_content_member_r {
	background: url(/i/roundedcornr_679541_r.png) bottom left repeat-y;
	margin: 0;
}

/*.roundedcornr_content_member_r_news {
	background: url(/i/roundedcornr_679541_r.png) bottom left repeat-y;
	margin: 0;
	text-align: right;
}*/

.roundedcornr_content_member_l {
	background: url(/i/roundedcornr_679541_r.png) top right repeat-y;
	margin: 0;
}

.roundedcornr_top div,.roundedcornr_top,
.roundedcornr_bottom div, .roundedcornr_bottom {
	height: 15px;
	font-size: 1px;
}

.roundedcornr_content { padding: 0 15px; }

.borderise {
	border-left: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
	padding: 5px 10px 15px 10px;
	height: 100px;
}

.borderisenews {
	border-left: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
	height: 75px;
	padding-top: 10px;
}


a.homeheading {
	color: #990000;
	font-weight: bold;
	padding-bottom: 10px;
	display: block;
	font-size: medium;
}

#homeArtist {
	display: block;
	width: 250px;
	height: 100px;
	float: left;
	text-align: center;
	padding: 20px 0;
	margin-top: 20px;
}

#homeArtist img {
	float: left;
	width: 75px;
}

#homeArtist table {
	margin-top: auto;
	margin-bottom: auto;
}

#homeArtist table tbody th {
	width: 85px;
	padding-left: 10px;
}

#homeArtist table tbody td {
	width: 50%;
	text-align: center;
	padding-right: 10px;
}

/*#homeArtist a {
	width: 70px;
	color: #990000;
	float: right;
	padding-left: 10px;
	vertical-align: middle;
}*/

/*#homeNews {
	width: 280px;
	float: left;
	clear: left;
	margin-top: 20px;
	margin-right: 20px;
}*/

/*#homeNews h2 {
	background: url('/i/lozenge_header.jpg') no-repeat bottom;
	color: #ffffff;
	font-size: small;
	padding: 5px 0 5px 15px;
}

#homeNews a {
	padding: 2px 0 2px 15px;
	color: #990000;
} */

/* Breadcrumb */
#breadcrumb {
        text-align: left;
        float: left;
        clear: right;
        font-size: x-small;
        color: black;
        padding: 0;
        margin-bottom: 10px;
}

/* Container div to control spacing */
#container {
	padding-top: 15px;
}

/* Left hand navigation */
#leftNav {
	/*width: 20%;*/
	float: left;
	clear: left;
	/*padding: 20px;*/
	padding: 10px 30px 0 20px;

}

#leftNav ul {
	list-style-type: none;
}

#leftNav ul li {
	color: #990000;
	padding: 5px 0;
}

/*#leftNav ul li.heading {
	font-weight: bold;
}*/

#leftNav ul li a {
	color: #990000;
	padding-left: 10px;
}

#leftNav ul li a.selected {
	text-decoration: none;
}

.heading {
	font-weight: bold;
}

.selected {
	text-decoration: none;
}

#leftNav ul li.submenu {
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#leftNav ul li.subsubmenu {
	padding-left: 30px;
	padding-top: 2px;
	padding-bottom: 2px;

}

/* Middle Column of the three column design */
#middleColumn {
	/*width: 550px;*/
	width: 55%;
	float: left;
	text-align: left;
/*	min-height: 250px; */
/*	height: auto !important; */
	/*padding-top: 10px;*/
}

#middleColumn h1 {
	color: #990000;
	font-size: x-large;
	padding: 10px 0 25px 0;
}

#middleColumn h2 {
	font-size: large;
	padding: 2px 0;
}

#middleColumn h3 {
	font-size: 100%;
	/*margin-top: 10px;*/
	color: #990000;
}

#middleColumn img {
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #b2b2b2;
}

#middleColumn img.inbody {
	float: none;
	margin-bottom: 1em;
}

#middleColumn p {
	color: #000000;
	padding: 0;
	margin-bottom: 10px;
}

#middleColumn a {
	color: #990000;
}

#middleColumn strong {
	display: block;
	margin: 0 0 1em 0;
}

#middleColumn ul {
	padding-left: 30px;
}

#middleColumn form {
	margin: 10px 0;
}

#middleColumn h4 a img {
	float: none;
}

/* Login table (also used for forgotten details) */
#middleColumn table#table-login {
	/*width: 580px;*/
	padding: 0 10px;
}

#middleColumn form#form-login p {
	padding: 10px 15px;
	margin: 0;
}

#middleColumn form#form-login strong {
	padding: 0 15px;
}

#middleColumn form#form-login table#table-login tbody tr th {
	padding: 5px 10px;
	width: 25%;
}

#middleColumn form#form-login table#table-login tbody tr td {
	padding-right: 10px;
	text-align: right;
	width: 50%;
}

#middleColumn form#form-login table#table-login tbody tr td.small {
	width: 8%;
	padding: 0 5px;
}


#middleColumn form#form-login table#table-login tbody tr td input {
	width: 99%;
}

#middleColumn form#form-login table#table-login tbody tr td textarea {
	width: 99%;
}

#middleColumn form#form-login table#table-login tbody tr td input.align {
	width: 30px;
	float: right;
}

/* Registration form */
#middleColumn form#form-login table#table-register {
	padding-top: 10px;
}

#middleColumn form#form-login table#table-register tbody tr th {
	width: 35%;
	padding: 0 10px;
}

#middleColumn form#form-login table#table-register tbody tr td {
	width: 25%;
	text-align: right;
	padding: 0 5px;
}

#middleColumn form#form-login table#table-register tbody tr td.small {
	width: 8%;
	padding: 0 5px;
}

#middleColumn form#form-login table#table-register tbody tr td input {
	width: 99%;
}

#middleColumn form#form-login table#table-register tbody tr td input.align {
	text-align: center;
}

#middleColumn div.employee {
	display: block;
	clear: both;
	margin-bottom: 35px;
}

#middleColumn div.employee img {
	float: left;
}

#middleColumn div.employee h3 {
	margin: 10px 0;
}

div.employee_cv {
	float: right;
}

#middleColumn div.employee_cv table tbody tr td strong {
	/*float: right;*/
	/*display: none;*/
	/*margin: 0;*/
}

/* Those red topped boxes */
.box {
	/* it appears we can't apply the style to the form, divitis time */
	width: 500px;
	clear: both;
	margin-bottom: 20px;
	/*padding-bottom: 20px; */
}

.box-news {
	/* it appears we can't apply the style to the form, divitis time */
	width: 280px;
	float: left;
	clear: left;
	margin-top: 20px;
	margin-right: 20px;
}

/*.box-news a {
	float: right;
}*/

#homeRightColumn marquee {
	padding: 5px 10px;
	text-align: left;
}

.lawsociety {
        clear: left;
        clear: right;
        float: right;
        border: none;
}

.lawsociety img {
        border: none;
        padding-top: 10px;
}

/*
.lawsociety {
        clear: left;
        float: right;
        border: none;
}

.lawsociety img {
        border: none;
        padding-top: 10px;
}
*/


.price {
	width: 100%;
	padding: 15px;
	vertical-align: bottom;
}

.logout {
	padding: 0 20px;
}

.price th {
	font-weight: normal;
}

.price td {
	text-align: right;
}

.price th strong {
	padding: 10px 0 0 0;
}

.price td strong {
	padding: 10px 0 0 0;
}

.price-rm {
	padding: 10px 0;
}

.price-rm th {
	font-weight: normal;
}

.disbursements {
	padding: 15px;
}

.disbursements tr td {
	width: 50%;
}

.table-header {
	background: url('/i/headerbar.gif') no-repeat;
	width: 500px;
	color: #ffffff;
	font-weight: bold;
	padding: 5px 15px;
}

.table-header-580 {
	background: url('/i/headerbar580.gif') no-repeat;
	width: 580px;
	color: #ffffff;
	font-weight: bold;
	padding: 5px 15px;
}

.table-header-news {
	background: url('/i/lozenge_header.jpg') no-repeat;
	width: 280px;
	color: #ffffff;
	font-weight: bold;
	padding: 5px 15px;
}

.callback {
	width: 150px;
	height: 50px;
	float: right;
	vertical-align: middle;
	margin-top: 10px;
	/*color: #990000;*/
}

/* Offers page */
#middleColumn a.offer img {
	display: block;
	/*float: left;*/
	clear: right;
}



/* Right Downloads area */
#rightColumnDownloads {
	float: right;
	width: 20%;
	padding: 65px 0;
	font-size: 90%;
}

#rightColumnDownloads h2 {
	font-size: medium;
	color: #990000;
}

#rightColumnDownloads h2.space {
	margin-top: 10px;
}

#rightColumnDownloads ul {
	list-style-type: none;
}

#rightColumnDownloads ul li {
	padding-top: 2px;
	padding-bottom: 2px;
}

#rightColumnDownloads ul li a {
	color: #990000;
	text-decoration: none;
}

#rightColumnDownloads ul li a:hover {
	text-decoration: underline;
}


/* Footer bar */
#footer {
	background: url('/i/red_background.jpg') no-repeat bottom;
	/*background-color: #c70712;*/
	height: 75px;
	text-align: center;
	clear: both;
	padding-top: 40px;
}

#footercontainer {
	width: 80%;
	margin: 0px auto;
	color: #ffffff;
	font-size: small;
}

#footercontainer p {
	color: #ffffff;
	font-size: xx-small;
}

#footercontainer a {
	color: #ffffff;
	font-size: xx-small;
}