/* global.css hoojano 2007 */ /* 
1 -  page  container
2 -  header container
2.1 - navigation tabs
3 -  content container
3.1  - left-content-area 
3.2  - main-content-area
4 -  footer container
5 -  global document styles
5.1 - form styles
5.2 - form style 1
6 - login page
6.1 - forgotten password page
7. - main welcome page
8. - Job board page
9. - Box table
10. - ratings
11. - tips
12. - landing page custom styling
*/
* {
	margin: 0px;
	padding: 0px;
}
html { overflow: scroll; }
/* 1 --------------- page  container --------------------*/
body {
    height:100%;
    text-align:left;
	text-align: center;
	background: #81b2de;
	color: #3C5A7C;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 80%;
}

#page-container {
	text-align: left;
	margin: 0 auto;
	width: 975px;
}

.trackingArea {
    display: none;
}

/* 2 ------------- header container --------------------*/
#header-container {
	background: transparent url(../../images/myob/pageshadow_left_10x1.png) repeat-y;
/*	height: 129px; */
	position: relative;
	padding: 0 10px;
}
#header-top-container{
	background: url(../../images/myob/ss_logo_internal_right_1x_58.png) repeat-x;
	height: 94px;
	position: relative;
}
#header-top-nav-container {
    background: url(../../images/myob/rightofprimnav_1x36.png) repeat-x;
    width: 955px;
    margin-top: -3px;
	height:36px;
    clear: both;
}
#header-options {
	position: absolute;
	right: 10px;
	top: -6px;
}

#header-options input {
    color: #0066CC;
    cursor: pointer;
    background: url(../../images/myob/logout_norm_54x24.png) no-repeat;
	height: 22px;
	width: 52px;
    border:0;
    padding: 0px;
    margin-right: 5px;
}

#header-options a {
	text-decortion: none;
	font-size: 100%;
	color: #006FAE;
	border-right: solid 1px #006FAE;
	padding-right: 12px;
	padding-left: 15px;
	line-height: 21px;
	font-size: 90%;
}

#header-options a:hover {
	color: #0066cc;
	text-decoration: underline;
}

#header-options li {
	display: inline;
	float: left;
	margin-top: 10px;
	list-style-type: none;
	font-size: 100%;
}

#search-container {
	background-color: transparent;
	width: 80%;
	margin-left: 27px;
	margin-top: 16px;
	float: left;
	height: 5em;
}

#home-logo {
}

#home-logo h1{
	color:#002154;
	position: absolute;
	bottom:25px;
	right:65px;
	font-size:25px;
	cursor: pointer;
}
#home-logo a{
    text-decoration:none;
}
#home-logo img{
	height: 58px;
	width: 280px;
}

#header-search {
	width: 100%;
	margin-left: 10px;
	height: 1em;
	position: absolute;
}

#search-tabs {
	padding: 0px 0px 18px 0px;
}

#search-tabs li {
	display: inline;
	float: left;
	height: 22px;
	margin-top: 10px;
	position: relative;
}

#search-tabs li.selected {
	background-color: #FFFFFF;
	margin-top: 6px;
	padding-bottom: 0px;
}

#search-tabs a {
	background-repeat: repeat-x;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 10px;
}

#search-tabs a:hover {
	color: #000;
}

.header-search-options ul {
	margin-left: 8px;
}

.header-search-options li {
	float: right;
}

.header-search-options {
	width: 100px;
	float: left;
	font-size: 80%;
}

#rewardHelperText {
    margin-top: -17px;
    margin-left: 95px;
}

#search-input-box {
	background-color: transparent;
	background-image: url(../../images/search-area-bg.gif);
	background-repeat: no-repeat;
	margin-top: 25px;
	padding: 10px 10px 30px 10px;
}

.search-go-button {
	float: left;
	background-color: #000;
	margin-left: 1px;
}

.header-search-input-container {
	float: left;
	height: 35px;
	background-position: right;
}

.header-search-input {
	font-size: 80%;
	color: #FF0000;
	border: 0;
	margin: 10px;
}

.post-code-search-field-container {
	width: 142px;
	background-image: url(../../images/search-bar-postcode.gif);
	background-repeat: no-repeat;
}

.job-search-field-container {
	width: 200px;
	background-image: url(../../images/serch-bar-bg.gif);
	background-repeat: no-repeat;
}

.post-code-search-field {
	width: 122px;
}

.job-search-field {
	width: 180px;
}

/*-----------myob header-container------------------------*/
#myob-header-container {
    height:68px;
    padding: 0 10px;
    background: transparent url(../../images/myob/pageshadow_left_10x1.png) repeat-y;
	position: relative;
}
#myob-header {
    height:68px;
    background: transparent url(../../images/myob/home_header_slice_1x68.png) repeat-x;
	position: relative;
}
#myob-header-container #home-logo{
	position: relative;
	margin-left: 30px;
}

#myob-header-container #home-logo img{
	height: 68px;
	width: 310px;
}

#button-bar {
	margin-top: 15px;
    margin-left: 25px;
	height:32px;
	width:513px;
	background: transparent url(../../images/myob/buttonbar_bg_513x32.png) bottom no-repeat;
	position: absolute;
	top:15px;
	left:270px;
}
#button-bar ul{
	padding-top:10px;
	padding-left:15px;
	padding-right:10px;
}
#button-bar ul li{
	display:inline;
	padding-right:20px;
	
}
#button-bar ul li a{
	color:#4B9AC9;
	text-decoration:none;
}
#button-bar ul li a:hover, .myob-home-container .middel-container .signButton input:hover ,#sign-in input:hover{
	color: #fff; /* #0066cc; */
}

#sign-in{
	margin-top: 13px;
	margin-left: 25px;
	background: transparent url(../../images/myob/sign_in_100x38.gif) bottom no-repeat;
	width:100px;
	height:38px;
	position: absolute;
	right:5em;
	top:15px;
}
#sign-in input{
	color:#4999C8;
	background:transparent;
	left:2.3em;
	top:0.5em;
	position: absolute;
	border:0px;
	width:4em;
	font-size:120%;
	cursor: pointer;
}

.welcom-to-hoojano{
	margin: 30px 10px 10px 10px;
	display:none;
}

/*-----------------------other-----------------------*/
.hoojano-title{
	display:none;
}

/* 2.1 --------------- navigation tabs --------------------*/
#navigation-tabs-container {
	line-height: 1.8em;
	background-image: url(../../images/myob/secnav_left_10x30.png);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 110%;
	padding-left: 10px;
	margin-top: 0px;
	margin-left: 10px;
	padding-right: 20px;
	height: 35px;
	clear: both;
	position: relative;
}

.navigation-tabs-container-inner {
  background-image: url(../../images/myob/secnav_mid_1000x30.png);
  height: 30px;
  margin-right: 26px;
  background-position: top left;
}
#navigation-tabs-container .tab-ender {
	background-image: url(../../images/myob/secnav_right_10x30.png);
	position: absolute;
	right: 36px;
	top: 0px;
	height: 30px;
	width: 10px;
	z-index: 133;
}

#navigation-notabs-container {
	height: 5em;
	margin-bottom: 0.5em;
	background-image: url(../../images/myob/nav/purple_bar_2x35.png);
	background-position: bottom;
	background-repeat: repeat-x;
	position: relative;
}
#navigation-tabs {
	position: relative;
	bottom: 0px;
	height: 40px;
	font-size: 90%;
	overflow: hidden;
}

#welcomeText {
	visibility: hidden;
	color: #313131;
	left: 180px;
	position: absolute;
	bottom: 45px;
}
#navigation-tabs .right-rounded{
    background-image: url(../../images/myob/secnav_separator_2x30.png);
	width: 2px;
	height: 30px;
	bottom: 12px;
}
#navigation-tabs .selected .left-rounded{
    background-image: url(../../images/myob/current_location_arrow_17x8.png);
	width: 17px;
	height: 8px;
	bottom: 6px;
	left: 42px;
}

#navigation-tabs li {
	margin:0px;
	padding:0px;
	width: auto;
	height: 40px;
	background-image: none;
	z-index: 10;
}

#navigation-tabs li div.tab-top{
	margin-left:15px;
	margin-right:15px;
}

#navigation-tabs li.normal  a{
	color: #447ABA;
}
#navigation-tabs li  a:hover{
	color: #44477A !important;
}
#navigation-tabs li.selected  a{
	color: #E87631;
}

.help-icon {
	position: absolute;
	right: 10px;
	top: 6px;
}
.help-icon img {
	height: 18px;
	width: 18px;
}

/* 3 -------------- content container --------------------*/
#content-container {
	vertical-align: top;
    padding: 10px 30px 20px;
    background: url(../../images/myob/pageshadow_left_10x1.png) repeat-y;
	position: relative;
    min-height:300px;
    height:auto !important;
    height:300px
}

.homeContentBox {
	background-image: url(../../images/center-bg.gif);
	width: 500px;
	background-repeat: repeat-x;
}

.leftSide {
	background-image: url(../../images/left-side.gif);
}

.rightSide {
	background-image: url(../../images/right-side.gif);
}

img.headerBubble {
	position: absolute;
	right: 0px;
	bottom: -78px;
	visibility: hidden;
}

/* 3.1 ------------ left-content-area ---------------------*/
#left-content-area {
	float: left;
	width: 20%;
	min-height: 300px;
	background-color: #fff;
}

#left-content-area a {
	text-decoration: none;
	font-weight: bold;
}

#left-content-area h2 a {
	font-weight: bolder;
	color: #0066CC;
}

#left-content-area a.selected {
	color: red;
}

#left-content-area li li {
	text-decoration: none;
	margin-bottom: 0px;
	font-weight: normal;
}

#left-content-area li li a {
	text-decoration: none;
	font-weight: normal;
}

.left-content-panel {
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	padding: 1px;
	border-right: dashed 1px #ccc;
}

.left-nav li {
	line-height: 20px;
	margin-bottom: 5px;
}

#main-content-area {
	float: right;
	width: 79%;
	background-color: #fff;
}

#left-content-area li.currentMenuItem a {
	color: #0066CC;
}

/* 3.2 ------------ main-content-area ---------------------*/
.infoContainer {
	background-color: #fafafa;
	border: 1px solid #dcdcdc;
	padding: 6px;
	margin-bottom: 5px;
}

#search-result-container {
	width: 100%;
	white-space: nowrap;
	display: inline;
}

.sort-bar {
	margin-top: 1.4em;
	background-color: #EEE;
	border: solid 1px #CCC;
	font-size: 80%;
	display: inline-block;
	width: auto;
	height: 30px;
	vertical-align: middle;
}

.sort-bar p {
	float: left;
	margin-left: 5px;
	padding-left: 3px;
	padding-right: 3px;
}

.sort-bar select {
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	padding-left: 3px;
	padding-right: 3px;
}

.page-result-list {
	background-color: #FFF;
	clear: both;
	height: 20px;
}

.page-result-list a {
	color: #333;
	text-decoration: none;
}

.page-result-list li,.page-result-list p,.page-result-list ol {
	float: left;
	margin-left: 3px;
	padding-left: 3px;
	padding-right: 3px;
}

.page-result ol {
	float: left;
	margin-left: 3px;
	padding-left: 3px;
	padding-right: 3px;
}

.page-result-hr {
	height: 1px;
	width: 100%;
	background-color: #333;
	border: 0;
}

.page-result p {
	float: left;
	margin-left: 3px;
	padding-left: 3px;
	padding-right: 3px;
}

.search-result-entry {
	float: left;
	width: 100%;
	padding: 0px;
	margin-top: auto;
	margin-bottom: auto;
}

.search-result-entry h1 {
	font-size: 140%;
	color: #006699;
}

.search-result-entry h2 {
	font-size: 100%;
	color: #666666;
}

.search-result-entry p {
	font-size: 90%;
	color: #333;
}

.search-result-entry-options {
	clear: both;
}

.search-result-entry-options li {
	margin-left: 0px;
	display: inline;
	padding-right: 4px;
}

li#bounty {
	color: #009900;
}

#page-result-container {
	height: 300px;
}

.job-info-container {
	float: right;
	background-color: #fafafa;
	border: 1px solid #dcdcdc;
	padding: 6px;
	width: 21%;
	line-height: 18px;
	font-size: 90%;
}

.person-info-container {
	background-color: #fafafa;
	border: 1px solid #dcdcdc;
	padding: 6px;
	width: 75%;
	margin-top: 10px;
}

.referrer-container {
	background-color: #fafafa;
	border: 1px solid #dcdcdc;
	padding: 6px;
	height: auto;
	margin-top: 0.3em;
	width: 75%;
}

.referrer-container {
	background-color: #fafafa;
	border: 1px solid #dcdcdc;
	padding: 6px;
	height: auto;
	margin-top: 0.3em;
	width: 75%;
}

.container-heading {
	border: solid 1px #dcdcdc;
	padding: 4px;
	margin-bottom: 10px;
	font-weight: bold;
	background-image: url(../../images/button-bg.gif);
}

.jobListEntry {
	margin: 5px 0;
	clear: both;
}

.jobListEntry .jobListingHeading {
	font-size: 120%;
	color: #0066CC;
	font-weight: bold;
}

.jobListEntry .jobListingSubheading {
	color: #888;
}

.jobListingActions {
	margin: 10px 0;
}

.jobListEntry .jobListingActionsForMore {
	background: url(../../images/tile-gradation.gif) repeat-x;
	border-top: 1px solid #DCDCDC;
	padding: 5px;
}

.jobListingActions .jobListingAction {
	margin: 0 10px;
	float: left;
}

.jobListingActions .jobListingAction a {
	display: inline;
	vertical-align: top;
	color: #0066CC;
	vertical-align: middle;
	height: 2em;
	line-height: 2em;
}

.jobListingActions .jobListingAction img {
	position: relative;
	vertical-align: middle;
}

.jobListingActions .bounty {
	color: green;
	margin-left: 15px;
	float: left;
	line-height: 2em;
}

.red-txt {
	color: #4b941c;
}

.bold-txt {
	font-weight: bold;
}

.person-info-container div label {
	float: left;
	width: 100px
}

.person-info-container div {
	padding: 3px;
}

table.referrer-table thead,table.referrer-table td.headingTd {
	background: url(../../images/button-bg.gif) repeat-x;
	border: 1px solid #DCDCDC;
	font-weight: bold;
}

table.referrer-table tbody tr td,table.referrer-table thead tr th {
	padding: 2px;
	margin: 0;
}

table.referrer-table thead tr th {
	font-size: 100%;
	width: auto;
}

table.referrer-table tbody tr td {
	border: 1px solid #DCDCDC;
	font-size: 100%;
	width: auto;
}

table.referrer-table tbody tr td input[type=input] {
	width: 170px;
	font-size: 100%;
	margin: 1px;
}

table.referrer-table tbody tr td input[type=checkbox] {
	width: auto;
}

table.referrer-table tbody {
	border: none;
}

table.referrer-table {
	border-collapse: collapse;
	text-align: center;
	font-size: 10pt;
}

.referrer-table .firstRow {
	width: 170px;
	text-align: left;
}

.referrer-table .secondRow {
	width: 178px;
}

.referrer-table .thirdRow {
	width: 178px;
}

.referrer-table .fourthRow {
	width: 42px;
}

.referrer-table .noBorderRow td,.referrer-table tr td.noBorderTd {
	border: none;
}

.job-app-submit {
	width: 75%;
	padding: 6px;
}

.job-app-submit input {
	float: right;
}

#referrer-search-inner-frame {
	width: 582px;
	min-width: 582px;
	overflow: hidden;
	background-color: #FAFAFA;
}

#sendToFriend table tbody tr td input {
	width: 99%;
}

#sendToFriend table tbody tr td textarea {
	width: 99%;
	height: 80px;
}

#advanced-search form table input {
	width: 300px;
}

#advanced-search form table td {
	width: 50%
}

#advanced-search form select {
	width: 304px;
}

.appDetailsTable td {
	padding-top: 5px;
	vertical-align: top;
}

.contactContainer {
    text-align: left;
    padding: 10px 0px 10px 20px;
    width: 680px;
	float: left;
}

.referrerContactSearch {
    float: left;
    width: 100%;
    margin-top: 5px;
}

.referrerContactSearch h2 {
    margin-right: 5px;
     margin-left: 5px;
    color: #0066CC; 
    margin-top: 7px;
    float: left;
}

.referrerContactSearch .specialInputContainer {
    width: 300px; 
    float: left; 
    margin-top: 6px;
    margin-right: 2px;
}

.adminJobSearch {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.adminJobSearch h2 {
    margin-right: 5px; 
    color: black; 
    margin-top: 3px;
    float: left;
}

.adminJobSearch .specialInputContainer {
    width: 300px; 
    float: left; 
    margin-top: 2px;
    margin-right: 2px;
}

.pollSearchResultContainer h2 {
    margin: 10px 0;    
}

.contactHeader {
	float: left;
	margin-top: 10px;
	position: relative;
	text-align: left;
	width: 320px;
	margin-right:20px;
	height: 50px;
	background-color: #F3F3F3;
}

.contactHeader .leftContact {
	left: 0px;
}

.contactHeaderFontMYOBStyle{
	color: #fff;
	font-size: 10pt;
	font-weight: bold; 
}

.contactHeader .rightContact {
	right: 0px;
}

.contactHeader .rightContact1 {
	right: 0px;
}

.contactHeader .middleContact {
	background: url(../../images/myob/internal_banner_1x21.png) repeat-x;
	height: 21px;
	padding: 0 10px;
	width: 300px;
}

.contactHeader .corner {
}

.contactsContainer {
	float: left;
	height: 245px;
	position: relative;
	text-align: left;
	top: -1px;
	width: 680px;
	margin-bottom: 10px;
}

.contactsContainer .workstationRight, .contactsContainer .workstationLeft {
	margin: 0px 20px 0px 20px;
	padding-top: 0px;
	overflow-y: scroll;
	overflow-x: auto;
	border: solid 2px #b2b2b2;
	height:195px;
	width: 276px;
	background-color: white;
}
.contactsContainer .workstationRight {
}

.workstationRightContainer, .workstationLeftContainer {
	width: 320px;
	height: 200px;
	float: left;
	background-color: #F3F3F3;
}
.workstationRightContainer {
	margin-left: 20px;
}

.workstationLeft table, .workstationRight table{
	width: 260px;
	/* margin: 5px 0; */
}
/*
.contactsContainer .workstationLeft {
	left: -1px;
	width: 312px;
}

.contactsContainer .workstationRight {
	right: -1px;
}
*/

.footerContainer {
	bottom: 0px;
	clear: both;
}

.footerContainer .bottomLeft {
	display:none;
}

.footerContainer .bottomLeftMYOBStyle {
	float: left;
	color: #666666;
	vertical-align: middle;
	width: 301px;
	padding-left: 19px;
	margin-right: 3px;
	padding-bottom: 7px;
	background: #F3F3F3; 
}

.footerContainer .bottomLeftLeft,.footerContainer .bottomLeftCenter {
	float: left;
	width: 300px;
	vertical-align: middle;
	padding-left: 12px;
}

.footerContainer .bottomLeftLeft,.footerContainer .bottomLeftCenter {
	width: 144px;
}

.footerContainer .bottomLeftLeft {
	display: none;
}

.footerContainer .bottomLeftCenter {
	display: none;
}

.footerContainer .bottomLeftLeftMYOBStyle {
	width: 138px;
}

.footerContainer .bottomLeftCenterMYOBStyle {
	width: 142px;
	margin-right: 3px;
}

.footerContainer .bottomLeftLeftMYOBStyle, .footerContainer .bottomLeftCenterMYOBStyle {
	float: left;
	vertical-align: middle;
	padding-left: 19px;
	padding-right: 1px;
	color: #666666;
	background: #F3F3F3 none repeat scroll 0% 50%;
}

.footerContainer .bottomLeftMYOBStyle, .footerContainer .bottomLeftLeftMYOBStyle, .footerContainer .bottomLeftCenterMYOBStyle, .footerContainer .bottomRightMYOBStyle  {
	padding-bottom: 4px;
	padding-top: 4px;
}

.footerContainer .bottomLeftLeft:hover, .footerContainer .bottomLeftCenter:hover {
	color: #333333;
	background-color: #DADADA;
}

.footerContainer .bottomRight {
	display: none;
}

.footerContainer .bottomRightMYOBStyle {
	float: left;
	color: #666666;
	vertical-align: middle;
	width: 285px;
	padding-left: 20px;
	padding-right: 15px;
	margin-right: 7px;
	margin-left:17px;
	background: #F3F3F3;
}

/*
 *MYOB style common button
 */
/* -- begin -- */
.myobStyleCommonButton {
	width: auto;
	cursor: pointer;
	font-size: 75%;
}

.myobStyleCommonButton .front {
	float:left;
	width:8px;
	height:23px;
	background-image: url(../../images/myob/addleft_norm_10x23.png);
	background-repeat: no-repeat;
}
.myobStyleCommonButton:hover .front {
	background-image: url(../../images/myob/addleft_ro_10x23.png);
}

.myobStyleCommonButton .content {
	float:left;
	min-width: 80px;
	height:23px;
	color: #fff;
	font-size: 10pt;
    background: url(../../images/myob/addmid_norm_1x23.png) repeat-x;
	vertical-align: middle;
	text-align: center;
	padding-top: 2px;
}
.myobStyleCommonButton:hover .content {
    background: url(../../images/myob/addmid_ro_1x23.png) repeat-x;
}

.myobStyleCommonButton .back {
	float:left;
	width:9px;
	height:23px;
	background-image: url(../../images/myob/addright_norm_10x23.png);
	background-repeat: no-repeat;
}
.myobStyleCommonButton:hover .back {
	background-image: url(../../images/myob/addright_ro_10x23.png);
}

.myobStyleCommonButton .rail {
/*
	float:left;
	width:30px;
	height:30px;
	background-image: url(../../images/myob/btn_green_100x30_sliced/btn_green_100x30_04.jpg);
	background-repeat: no-repeat;
*/
}

/* -- end -- */

.footerContainer .hoverFooter {
	color: #333333;
	background-color: #DADADA;
}

.sortClicker,.sortButton {
	cursor: pointer;
	/*
	background-image: url(../../images/down-arrow.gif);
	*/
	background-image: url(../../images/myob/box_dd_21x21.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 16px;
	margin-left: 16px;
	color: black;
	font-size: 10pt;
}

.sortButton {
	position: absolute;
	right: 0px;
	width: 21px;
	height: 21px;
	top: 0px;
	z-index: 0;
	padding-right: 0px;
	margin-right: 10px;
}

.sortText {
	position: absolute;
	right: 36px;
	top: 2px;
	cursor: pointer;
	color: #fff;
}

.contactHeader .sortText {
	left: 20px;
	top: 25px;
	color: #888;
	display: block;
	border-left: solid 1px #B2B2B2;
	border-top: solid 1px #B2B2B2;
	border-bottom: solid 1px #B2B2B2;
	background-color: white;
	padding: 1px 4px 2px;
	width: 120px;
}
.contactHeader  .sortButton {
	background-image: url(../../images/myob/dd_arrow_16x19.png);
	border: solid 1px #B2B2B2;
	top: 25px;
	left: 133px;
	padding: 0px;
	width: 16px;
	height: 19px;
	
}


.contactSortClass {
	background-color: #FFFFFF;
	border: 1px solid #C9C9C9;
	color: #666666;
	cursor: pointer;
	position: absolute;
	right: 10px;
	text-align: left;
	top: 22px;
	z-index: 99999;
	display: none;
}

.contactJobClass {
	background-color: #FFFFFF;
	border: 1px solid #C9C9C9;
	color: #666666;
	cursor: pointer;
	position: absolute;
	right: 10px;
	text-align: left;
	top: 22px;
	z-index: 99999;
	display: none;
}

.contactSeperator { /*background-image:url(../../images/contactBar.gif);*/
	background-repeat: no-repeat;
	background-position: center;
	height: 6px;
	clear: left;
}

.contactDisplay {
	/* background-image: url(../../images/contactSeperator.gif); */
	background-repeat: repeat-x;
	background-color: white;
	padding-top: 0px;
}

.ContactDetails {
	padding: 0px;
}

.contactDetailsMessage {
	color: #666666;
	line-height: 1.5em;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 10px;
	padding-left: 7px;
}

.contactNameNoCursor {
	color: #666666;
	line-height: 1.4em;
	margin-right: 20px;
	margin-top: 5px;
	padding-left: 7px;
}

.contactName {
	color: #666666;
	line-height: 1.4em;
	margin-right: 20px;
	padding-left: 7px;
	cursor: pointer;
}

.contactNameContainer,.workstationRowHalfContainer {
	color: #666666;
	line-height: 1.4em;
	overflow: hidden;
}

.contactNameContainer div,.workstationRowHalfContainer div {
	padding-left: 3px;
}

.workstationRowHalfContainerNotActive div {
	color: #bbb;
}

.contactNameContainer,.hoverClickable {
	cursor: pointer;
}

.contactNameContainer:hover,.hoverClickable:hover {
	background-color: #CAE4FF;
}

.contactNameClicker {
	float: right;
	width: 20px;
	height: 1.4em;
	background-image: url(../../images/down-arrow.gif);
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.contactNameClicker:hover {
	background-color: #CAE4FF;
}

.contactNameDropdown {
	display: none;
}

.contactNameSelected {
	color: #111111 !important;
	background-color: #DDDDDD;
}

.contactName:hover {
	cursor: pointer;
	color: #111111;
	background-color: #CAE4FF;
}

.viewContactContainer {
	position: relative;
	color: #666666;
	width: 660px;
}

.viewContactContainer .corner {
	position: absolute;
	width: 2px;
	height: 30px;
}

.viewContactContainer .leftContactView {
	left: 0px;
	top: 0px;
	background-image: url(../../images/viewContactHeader_Left.gif);
	background-repeat: no-repeat;
}

.viewContactContainer .rightContactView {
	right: 0px;
	top: 0px;
	background-image: url(../../images/viewContactHeader_Right.gif);
	background-repeat: no-repeat;
}

.viewContactContainer .middleContactView {
	background-image: url(../../images/viewContactHeader_Middle.gif);
	background-repeat: repeat-x;
	height: 30px;
	float: left;
	position: relative;
	margin-left: 2px;
	margin-right: 2px;
	width: 100%;
}

.viewContactContainer .middleContactView1 {
	background-image: url(../../images/viewContactHeader_Middle.gif);
	background-repeat: repeat-x;
	height: 30px;
	margin-bottom: 15px;
}
.tabLeft {
	left: 0px;
	float: left;
	margin-right: 192px;
}

.tabLeft1 {
	width: 100%;
	left: 0px;
}

.tabRight {
	float: left;
}

/* -- add by Klark.yan-- */

.middleContactView em ,.middleContactView1 em{
	font-style: normal;
}

/*
.tabLeft em,.tabLeft1 em,.tabRight em{
	background:transparent url(../../images/myob/btn_green_100x30_sliced/btn_green_100x30_01.png) left 0 no-repeat;  
	color:#fff; 
	text-decoration:none; 
	height:30px; 
	float:left; 
	margin:0 5px 0 0;
	font-style: normal
}

.tabLeft em span,.tabLeft1 em span,.tabRight em span{
	background:transparent url(../../images/myob/btn_green_100x30_sliced/btn_green_400x30.png) right 0 no-repeat;  
	padding:5px 8px 5px 0; 
	margin:0 0 0 8px; 
	float:left; 
	height:20px; 
	padding-right:35px;
}
.tabLeft em span span.viewContactTab,.tabLeft1 em span span.viewContactTab,.tabRight em span span.viewContactTab{
	border:0px solid red;
	background:transparent;
	padding: 0px;
	_padding: 0px;
}

.middleContactView1 em {
	background:transparent url(../../images/myob/btn_green_100x30_sliced/btn_green_100x30_01.png) left 0 no-repeat;  
	color:#fff; 
	text-decoration:none; 
	height:30px; 
	float:left; 
	margin:0 5px 0 0;
	font-style : normal 
}

.middleContactView1 em span {
	background:transparent url(../../images/myob/btn_green_100x30_sliced/btn_green_400x30.png) right 0 no-repeat;  
	padding:5px 8px 5px 0; 
	margin:0 0 0 8px; 
	float:left; 
	height:20px; 
	padding-right:35px;
}

.middleContactView1 em span span.viewContactTab {
	border:0px solid red;
	background:transparent;
	padding: 0px;
	_padding: 0px;
}
*/










/* -- add --*/

.viewContactSeperator {
background-image:url(../../images/viewContactHeader_Seperator.gif);
background-repeat:no-repeat;
float:left;
height:29px;
left:1px;
position:relative;
top:1px;
width:1px;
}

.viewContactTab {
	padding: 15px;
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
	position: relative;
	float: left;
	line-height: 0px;
	background-image: url(../../images/optionClicker.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

.viewContactTab a{
	text-decoration: none;
	font-size:100%;
	color: #313131;
}

.viewContactTab:hover {
	background-image: url(../../images/optionClickerHover.gif);
	color: #0066CC;
}

/* ------------- 4. footer container --------------------*/
#footer-container {
	clear: both;
	background: url(../../images/myob/footer_975x40v2.png) no-repeat;
	font-size: 85%;
	height: 40px;
	width: 975px;
	margin: 0px auto;
}

#copyright {
	clear: both;
	text-align: center;
	color: #3C5A7C;
}

.footerCopyright {
	color: #3C5A7C;
	float: right;
	white-space: nowrap;
	width:180px;
	position:relative;
	top:-4px;
}

.footerCopyright p {
	display:none;
}

.footerCopyright div {
  display: inline;
  position: relative;
  top: 4px;
  vertical-align: top;
}
.footerCopyright a {
  display: inline;
}
.footerCopyright img{
	margin:0;
	padding-right: 15px;
	position: relative;
	top: 2px;
}

#footer-options {
	background-color: #FAFAFA;
	float: left;
	height: 38px;
	width: 100%;
	margin-top: 3px;
}

.footer-nav {
	margin-left: 10px;
	margin-top: 15px;
	display:none;
}

.footer-nav li {
	float: left;
	padding-left: 10px;
}
.myob-footer-nav {
    background: #fff;
    margin-left: 200px;
    margin-top: 0px;
}

.myob-footer-nav ul {
    padding-top: 5px;
}

.myob-footer-nav li {
	float: left;
	padding-right: 25px;
}

#footer-container a {
	color: #3C5A7C;
	text-decoration: none;
}

#footer-container a:hover {
	color: #0066cc;
	text-decoration: underline;
}

.page-controls li {
	display: inline;
	padding-left: 6px;
}

.page-controls {
	vertical-align: middle;
	float: right;
	padding-right: 18px;
}

.page-controls ul {
	
}

.footer-inner-container {
	border-bottom: 1px solid #DCDCDC;
	border-top: 1px solid #DCDCDC;
	height: 38px;
}

#footer-options .rounded-edges {
	position: absolute;
	width: 8px;
	height: 22px;
}

#footer-options .right-rounded {
	right: 0px;
	position: absolute;
	background-image: url(../../images/right-rounded-edge.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 19px;
}

#footer-options .left-rounded {
	left: 0px;
	position: absolute;
	background-image: url(../../images/left-rounded-edge.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 19px;
}

.small-text-size {
	font-size: 100%;
}

.medium-text-size {
	font-size: 120%;
}

.large-text-size {
	font-size: 140%;
}

.small-screen-size {
	font-size: small;
	cursor: pointer;
	cursor: hand;
}

.large-screen-size {
	font-size: large;
	cursor: pointer;
	cursor: hand;
}

#add-contact .formButton,#invite-friend .formButton,#import-contacts .formButton,#sendToFriend .formButton,#saved-search-form .formButton,#advanced-search .formButton
	{
	float: right;
	margin-top: 3px;
}

/* 5 ---------- global document styles ------------- */
img {
	border: none;
}

ul,ol {
	list-style: none;
	padding: 0 0 0px 0px;
}

a {
	color: #0066CC;
	text-decoration: none;
}

a:hover {
    color: #0066cc;
    text-decoration: underline;
}

h2 {
	color: #06C;
	font-weight: bolder;
	font-size: 1.4em;
	margin-top: 0.6em;
	margin-bottom: 0.3em;
}

a.h2:visited {
    color: #06C;
}

a.h2:link {
    color: #06C;
}

hr {
	height: 1px;
	border-style: none;
	color: #dcdcdc;
	background-color: #dcdcdc;
}

.clearer {
	clear: both;
	line-height: 0px;
	font-size: 0pt;
}

.ourHr {
	background-image: url(../../images/ourHr.png);
	background-repeat: repeat-x;
	height: 15px;
	margin: 10px 0px;
	clear: both;
}

.required-star {
	color: red;
}

.helper-tip {
	width: 16px;
	height: 16px;
	border: solid 1px gray;
	float: left;
	margin-top: 0.8em;
	margin-left: 0.4em;
	text-align: center;
}

.topTabs li {
    color: #fff;
	float: left;
	position: relative;
	height: 25px;
    background: transparent url(../../images/myob/primnav_mid_1x36.png) repeat-x;
    padding: 11px 15px 0px;
}

.tabs li {
	float: left;
	margin: 10px 1px 0px 0px;
	position: relative;
	padding: 0px 6px 3px 6px;
	overflow: hidden;
	position: relative;
	bottom: -0.12em;
}

.tabs li.selected {
	background:transparent url(../../images/myob/nav/white_tab_110x32.jpg) top no-repeat;
	margin-top: 10px;
	border-bottom: 1px solid white;
	width:110px;
	text-align:center;
}

/*.topTabs li {
	margin-top: 19px !important;
}*/

.tabs li.normal {
	/*border-bottom: 1px solid black;*/
}

.tabs li.normal a {
	color: #fff;
}

.topTabs .middle-right-edge {
    background: url(../../images/myob/primnavtab_right_5x36.png) no-repeat;
    width: 5px;
    height:36px;
    position:absolute;
	right: 2px;
	top: 0px;
}
.topTabs .middle-left-edge {
    left: 13px;
    background: url(../../images/myob/primnavtab_left_5x36.png) no-repeat;
    width: 5px;
    top: 0px;
    height:36px;
    position:absolute;
    margin-left: -15px;
    margin-top: 0px;
}

.topTabs .topright-rounded {
	right: 0px;
	background: url(../../images/myob/primnavtab_right_5x36_active.png) no-repeat;
	width: 10px;
	top: 0px;
	margin:0px;
}

.topTabs .topleft-rounded {
	left: -5px;
	background: url(../../images/myob/primnavtab_left_5x36_active.png) no-repeat;
	width: 10px;
	top: 0px;
	margin:0px;
}
.topTabs-left-end {
    float: left;
    height:36px;
    width: 10px;
    margin-left: 10px;
    background: transparent url(../../images/myob/primnav_leftedge_10x36.png) no-repeat;
}
.topTabs-right-end {
    height:36px;
    width: 10px;
    float: left;
    background: transparent url(../../images/myob/primnav_rightedge_10x36.png) no-repeat;
}

.topTabs li.selected {
	background: transparent url(../../images/myob/primnav_mid_1x36_active.png) top repeat-x;
	text-align:center;
	bottom:0px;
	color: #006FAE;
}
/*
.topTabs li {
    background: transaparent url(../../images/myob/primnav_mid_1x36.png) repeat-x;
	padding: 8px 9px 0px 9px;
	margin: 0px 5px;
}
*/
.topTabs a {
	text-decoration: none;
	color: #fff; /*#006FAE;*/
}
.topTabs li.selected a {
	text-decoration: none;
	color: #006FAE;
}

.tabs a {
	background-repeat: repeat-x;
	text-decoration: none;
	color: #333333;
}

.topTabs .corner {
	position: absolute;
	width: 5px;
	height: 36px;
	margin-left: 5px;
}

.tabs .corner {
	position: absolute;
	width: 7px;
	height: 66px;
}

.tabs .top-left-rounded.selected {
    background: transparent url(../../images/myob/primnav_leftedge_10x36.png) top repeat-x;
}

.tabs li.normal .right-rounded {
	right: 0px;
	_right: -1px;
	/*background-image: url(../../images/tab_normal_corners.gif);*/
	background-repeat: no-repeat;
	width: 7px;
	background-position: top right;
}

.tabs li.normal .left-rounded {
	left: 0px;
	/*background-image: url(../../images/tab_normal_corners.gif);*/
	background-repeat: no-repeat;
}

.tabs .right-rounded {
	right: 0px;
	_right: -1px;
	/*background-image: url(../../images/tab_selected_corners.gif);*/
	background-repeat: no-repeat;
	background-position: top right;
	width: 7px;
}

.tabs .left-rounded {
	left: 0px;
	/*background-image: url(../../images/tab_selected_corners.gif);*/
	background-repeat: no-repeat;
	width: 7px;
}

.tabs .mid-right-rounded {
	right: 0pt;
	/*background-image: url(../../images/home-options-right.gif);*/
	background-repeat: no-repeat;
	width: 10px;
}

.tabs .mid-left-rounded {
	left: 0pt;
	/*background-image: url(../../images/home-options-left.gif);*/
	background-repeat: no-repeat;
}

.tabs .long-right-rounded {
	right: 0pt;
	width: 10px;
	/*background-image: url(../../images/login-right-box.gif);*/
	background-repeat: no-repeat;
	height: 200px;
}

.tabs .long-left-rounded {
	left: 0pt;
	width: 10px;
	/*background-image: url(../../images/login-left-box.gif);*/
	background-repeat: no-repeat;
	height: 200px;
}

.tabs .tab-top {
	padding-top: 3px;
	background-repeat: repeat-x;
	margin-left: 7px;
	margin-right: 7px;
}

.quick-linkz {
	margin-bottom: 18px;
	margin-left: 45px;
	margin-top: 22px;
}

.quick-linkz li {
	list-style: disc;
	color: #06C;
	font-size: 1.3em;
	font-weight: bold;
}

.paginateButtons {
	margin: 5px 5px;
}

.paginateButtons .step,.paginateButtons .currentStep,.paginateButtons .nextLink
	{
	margin-left: 12px;
}

.loadingContainerDiv {
	text-align: left;
}

.loadingContainerDiv img {
	margin: 10px;
}

.ajaxError {
	padding: 2px;
	color: red;
	font-weight: bold;
}

ol.workflow {
	text-align: center;
	font-size: 110%;
	list-style-type: decimal;
	margin-left: 25px;
	height: 1em;
}

ol.workflow li {
	float: left;
	margin-left: 2em;
}

/* 5.1 ---------- form styles ------------- */
table {
	width: 100%;
}

form table td {
	width: 50%;
	padding-bottom: 6px;
}

form select {
	width: 85%;
}

form input {
	font-size: 100%;
}

form option {
	padding-right: 5px;
}

form select.not-too-big {
	width: 50%;
}

form select.quite-small {
	width: 35%;
}

form .options {
	margin: 8px 8px 8px 0px;
}

form .options input {
	padding: 3px 10px 3px 10px;
	margin-right: 4px;
}

input.submit-button {
	padding: 4px 10px 4px 10px;
	_padding: 4px 0px 4px 0px;
	border: solid 1px #ccc;
	background-image: url(../../images/button-bg.gif);
	background-repeat: repeat-x;
	cursor: pointer;
}

.errors,.errorserrors {
	background-color: #FFE6E6;
	border: 1px solid #CDCDCD;
	color: #BF6060;
	margin-bottom: 11px;
	padding: 8px;
}

.errorsSummary {
	margin: 10px 25px 20px 25px;
	padding: 13px 13px 0px;
	text-align: left;
}

.errorsSummary ul {
	list-style-image: url('../../images/error-cross.gif');
	padding-left: 28px;
}

.message {
	background-color: #dbf4d7;
	border: 1px solid #CDCDCD;
	color: green;
	margin: 10px 25px 20px 25px;
	padding: 13px;
	position: relative;
}

.message img {
	padding-right: 10px;
}

.gradient-divider {
	background-image: url(../../images/gradient-divider.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	width: 100%;
	height: 30px;
	line-height: 30px;
	border-bottom: solid 1px #DCDCDC;
}

.gradient-divider h2 {
	margin: 0 20px;
	color: black;
	font-size: 100%;
}

.formElement {
	width: 99.9%;
	clear: left;
	text-align: left;
	line-height: 1.2em;
}

.jobFormNotes {
    color: #3C5A7C;
	display: block;
    width: 90%;    
}

.formElement label,.formElement .value {
	margin: 3px 0px;
}

.formElement label {
	float: left;
	width: 25%;
	color: #3C5A7C;
}

.formElement .value {
	float: left;
	width: 74%;
	color: black;
}

.formElement .small {
	width: 33%;
}

.formElement .value input,.formElement .value textarea,.formElement .value select,.formElement .value .mceEditorContainer
	{
	width: 90%;
	margin-left: 6px;
	display: block;
	border: solid 1px #B2B2B2;
}

.formElement .value input, .formElement .value textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
	
.formElement .checkbox input {
	border: none !important;	
}

.formElement .value .counter {
	float: left;
	width: 90%;
	text-align: right;
}

.formElement .value .counter .toomuch {
	font-weight: bold;
}

.formElement .value input.tiny {
	width: 15%;
}

.formElement .value input.currency {
	text-align: right;
	padding-right: 1px;
}

.entryHeading {
    font-weight: bold;
    clear: left;
    font-size: 120%;
    color: #36C;
    text-align: left;
    margin: 6px 0;
}

.entryHeading .entryExample a {
    font-size: 90%;
    color: #36C;
    font-weight: normal;
    float: right;
    margin-top: -20px;
	padding-right: 22px;
}

.entryHeadingMain {
    font-weight: bold;
    clear: left;
    font-size: 130%;
    color: #36C;
    text-align: left;
    margin-bottom: 4px;
}

.formButtons {
	clear:right;
	text-align: right;
	padding: 12px 7.1% 4px 0px;
	float:right;
}

.formButtons input,.customButton {
	padding: 4px 10px 4px 10px;
	_padding: 4px 0px 4px 0px;
	color: #fff;
	border: solid 2px #ccc;
	_border: solid 1px #ccc;
	background-image: url(../../images/button-bg.gif);
	background-repeat: repeat-x;
	cursor: pointer;
}

.formButtons .searchFilter {
	background: transparent url(../../images/myob/save_norm_82x23.png) no-repeat scroll left center;
	width:80px;
	height:21px;
	border:0;
	padding-top: 2px;
	text-align: center;
	position: relative;
	right: 85px;
	border-style: none !important;
}
.formButtons .searchFilter:hover {
	background: transparent url(../../images/myob/save_ro_82x23.png) no-repeat scroll left center;
}

.formButtons input:hover,.customButton:hover {
	color: #fff;
}

.formButtons input:active,.customButton:active {
	border: inset 2px #ccc;
	_border: inset 1px #ccc;
}


/*
	demi.he myob button style
*/

.poll_button em,.formButtons em {
	/* background:transparent url(../../images/myob/btn_green_100x30_sliced/btn_green_100x30_01.png) left 0 no-repeat; */  
	color:#fff; text-decoration:none; 
	float:left; 
	height:30px; 
	margin:0 5px 0 0;
	
}
.poll_button em span,.formButtons em span {
	background:transparent url(../../images/myob/add_norm_82x83.png) right 0 no-repeat;  
	width: 80px;
	height: 21px;
	overflow: hidden;
	float: left; 
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 14px;
	line-height: 14px;
}
.poll_button em span:hover,.formButtons em span:hover {
	background:transparent url(../../images/myob/add_ro_82x83.png) right 0 no-repeat;  
}
.poll_button em span input,.formButtons em span input {
	border:0px solid red !important;
	text-align: center;
	background:transparent;
	padding: 0px 0px 4px 0px;
	margin: 0px;
	width: 80px;
	height: 17px;
	line-height: 21px;
	display: block;
}

#dropdownContainer {
	visibility: hidden;
	position: absolute;
	z-index: 50;
	background-color: #FBFBF9;
	border: 1px solid #C9C9C9;
	width: auto;
	text-align: left;
}

#dropdownContainer .selectable {
	text-align: left;
	line-height: 1.3em;
	padding: 3px 5px;
	cursor: pointer;
	width: 135px;
}

#dropdownContainer .selectable:hover {
	background-color: #CBEFFF;
}

#dropdownContainer .separator {
	border-bottom: 1px solid #C9C9C9;
	padding-bottom: 5px;
	margin-bottom: 5px;
	display: none;
}

#popupContainer {
	visibility: hidden;
	position: absolute;
	z-index: 40;
	background-color: #F6F6F6;
	border: 1px solid #B2B2B2;
	padding-bottom: 4px;
	width: 190px;
	text-align: left;
}

#popupContainer .popupTitle {
	height: 21px;
	line-height: 19px;
	padding: 0px 8px;
	border-bottom: 1px solid #B2B2B2;
	font-weight: bold;
	margin-bottom: 3px;
	background-image:url(../../images/myob/internal_banner_1x21.png);
	background-repeat:repeat-x;
	font-size: 10pt;
	color: white;
}

#popupContainer .popupTitle .closer {
	width: 80px;
	height: 21px;
	background-image: url(../../images/myob/cancel_norm_82x23.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #66CCFF;
	cursor: pointer;
	position: absolute;
	bottom: 8px;
	right: 10px;
}

#popupContainer .popupTitle .closer div {
	display: block !important;
	font-weight: normal;
	text-align: center;
	color: #888888;
}

#popupContainer .popupTitle .closer:hover {
	background-image: url(../../images/myob/cancel_ro_82x23.png);
}
#popupContainer .popupBody {
	padding: 0px 3px;
}

#popupContainer .popupBody .formElement .value input {
	width: 169px;
}

.searchFilteringContainer {
	margin: 30px 20px 10px 20px;
	border: 2px solid #B2B2B2;
	background-color: white;
	word-wrap: break-word;
	padding-bottom: 10px;
	overflow: hidden;
	padding-right: 2px;
}

.searchFilteringContainer li.mains{
	padding: 0px;
}
.searchFilteringContainer li.mains h4 {
	margin-left: 0px;
	padding-left: 0px;
	font-size: 90%;
	font-weight: normal;
}
/* 5.1 ------------- form style 1 ------------------ */
form.full-width {
	margin-left: 3px;
	float: left;
}

form.full-width h2 {
	margin-bottom: 10px;
}

form.full-width label {
	float: left;
	margin-bottom: 14px;
	margin-left: 10px;
}

form.full-width label.longer-than-your-average-label {
	width: 30%;
}

form.full-width .value {
	float: left;
}

form.full-width .value input,form.full-width .value select {
	margin: 0px 10px;
}

form.full-width .value select {
	width: auto;
}

form.full-width .value input {
	background-image: url(../../images/tile-gradation.gif);
	background-position: top;
	background-repeat: repeat-x;
}

form.full-width textarea {
	margin: 0px 13px;
	height: 76px;
}

form.full-width hr {
	margin-bottom: 15px;
	border: 1px solid #dcdcdc;
	height: 1px;
}

form.full-width .half-width-block {
	float: left;
	width: 45%;
	margin-bottom: 14px;
	text-indent: 0px;
}

form.full-width .half-width-block label {
	margin-bottom: 3px;
}

form.full-width .datePicker {
	margin: 0px 0px 0px 10px;
}

form.full-width .datePicker select {
	margin: 0px 0;
}

/* 6 --------------- login page --------------------*/
#user-management-container {
	background-image: url(../../images/nav_gradient.gif);
	background-repeat: repeat-x;
	padding-right: 10px;
	padding-left: 10px;
	height: 20em;
}

#user-management-container form .dialog {
	width: 100%;
	margin-top: 24px;
	padding-bottom: 5px;
}

#user-management-container form {
	margin-left: 14px;
}

#user-management-container form label {
	float: left;
	width: 30%;
	margin-bottom: 14px;
	margin-left: 10px;
}

#user-management-container #login-box form .dialog input {
	width: 172px;
}

#user-management-container form label.longer-than-your-average-label {
	width: 30%;
}

#user-management-container form .value {
	float: left;
}

#user-management-container form .value input {
	background-image: url(../../images/tile-gradation.gif);
	background-position: top;
	background-repeat: repeat-x;
	border: 1px solid #CCC;
	width: 250px;
}

#user-management-container .controls {
	text-align: right;
	margin-top: 7px;
}

#user-management-container .content {
	margin: 0px 10px 0px 10px;
}

#login-box {
	width: 40%;
	float: left;
	position: relative;
	background-color: white;
	margin-bottom: 2em;
}

.login-logout a {
	background:transparent url(../../images/myob/logout_norm_54x24.png) right 0 no-repeat;  
	width: 52px;
	height: 22px;
	overflow: hidden;
	padding-right: 0px !important;
	text-align: center;
	margin: 0px;
	display: block;
	font-size: 14px;
	line-height: 20px;
    margin-top:0px;
	border-style: none !important;
}

.login-logout a:hover {
	background:transparent url(../../images/myob/logout_ro_54x24.png) right 0 no-repeat;
    margin-top:0px;
}

input.remember-me {
	margin-left: 2px;
}

.forgotten-password {
	margin: 4px 0px 0px 0px;
}

.forgotten-password a {
	color: #06C;
	margin: 0px;
}

#register-box {
	margin-bottom: 2em;
	width: 59%;
	float: right;
	position: relative;
	background-color: white;
}

#register-box .agree {
	margin-top: 5px;
}

#register-box .agree a {
	color: #06C;
	margin: 0px;
}

#register-box .agree input {
	margin-left: 2px;
}

/* 6.1 --------------- forgotten password page --------------------*/
#forgotten-password-box {
	margin-bottom: 2em;
	width: 59%;
	float: left;
	position: relative;
	background-color: white;
	height: 200px;
}

#tips-box {
	width: 40%;
	float: right;
	position: relative;
	background-color: white;
	margin-bottom: 2em;
	height: 200px;
}

/* 7 --------------- main welcome page --------------------*/
.home-container{
    padding: 1px 10px 20px 10px;
    background: url(../../images/myob/pageshadow_left_10x1.png) repeat-y;
	position: relative;
	text-align: left;
	overflow: hidden;
	width: 955px;

}

.home-container h1 {
	color: #06C;
}

.home-container .getting-started-options-container {
	margin: 5px 30px 38px 30px;
}

.home-container .getting-started-option {
	margin-top: 45px;
	width: 282px;
}

.home-container .getting-started-option p {
	padding: 9px;
	font-size: 80%;
}

.home-container .connecting-options-container {
	padding: 0px 10%;
	margin-top: 18px;
	height:0px;
}

.home-container .connecting-option {
	width: 33.3%;
	float: left;
	height: 130px;
	position: relative;
	background-image: url(../../images/home-options-bg.gif);
	background-repeat: repeat-x;
	display:none;
}

.home-container .connecting-option .content {
	padding: 15px 15px 0px 15px;
}

.home-container .connecting-option a {
	margin: 0px;
	color: #06C;
}

.home-container .main-middel-container{
	 display:none;
	 position: relative; 
	 width: 750px; 
	 margin-left: auto; 
	 margin-right: auto; 
	 margin-top:12px; 
	 
}

.home-container .home-desc{
	color:#333; font-size: 120%; margin: 0px;
	display:none;
	height:0px;
}

/*-----------myob home-container------------------------*/
.home-container .myob-home-container{
	clear:both;
	text-align: left;
	margin-left:30px;
	margin-right:30px;
	position: relative;
	/*top:-3.5em;*/
}
.myob-home-container .middel-container{
	position: relative;
	padding-top: 0 /*0.5em;*/
}
.myob-home-container .middel-container .left{
	float:left;
	background: url(../../images/myob/hero_image_447x237.png) top no-repeat;
	width:447px;
	height:237px;
    margin-bottom:20px;
}
.myob-home-container .middel-container .content{
    float:left;
    background: url(../../images/myob/green_banner_1x237.png) repeat-x;
    width:408px;
    height:215px;
    padding-top:30px;
    padding-left:40px;
}
.myob-home-container .middel-container .content h1{
    color:#fff;
    font-family: Verdana, Tahoma, Helvetica, Arial;
    font-size: 18pt;
    font-weight:normal;
}
.myob-home-container .middel-container .content ul {
    color:#fff;
    font-family: Verdana, Tahoma, Helvetica, Arial;
    font-size: 11pt;
    font-weight:normal;
    list-style-type: disc;
    margin-left: 15px;
    padding-top: 15px;
}
.myob-home-container .middel-container .content ul li {
    padding-bottom: 10px;
}
.myob-home-container .middel-container .content p{
	color:#032451;
	font-size:18px;
	padding-top:5px;
	padding-bottom:5px;
}
.myob-home-container .middel-container .content span {
	color:#6DADD6;
	font-size:15px;
}
.myob-home-container .middel-container .signButton {
}

.myob-home-container .middel-container .signButton a {
	background: transparent url(../../images/myob/arrow-signup-194x64.png) no-repeat scroll 0 0;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	height: 56px;
	line-height: 34px;
	margin-top:-4px;
	padding-right: 50px;
	padding-top: 10px;
	text-align: center;
	text-decoration: none;
	width: 144px;
}

.myob-home-container .middel-container .signButton a:hover {
    background: url(../../images/myob/arrow-signup-ro-194x64.png) no-repeat;
}

.myob-home-container .middel-container .signButton label {
	background:transparent;
	right:4.9em;
	bottom:0.5em;
	position: absolute;
	font-size:100%;
	color:#F1FAF1;
}
.myob-home-container .bottom-container {
    height:245px;
    position: relative;
    clear:both;
}
.myob-home-container .bottom-container-header {
    position: relative;
    background: url(../../images/myob/home_banner_1x30.png) repeat-x;
    height: 25px;
    color: #fff;
    padding-left: 10px;
    padding-top: 7px;
}
.myob-home-container .bottom-container table {
    width:100%;
    background:#e1f0fa;
}
.myob-home-container .bottom-container table tr td {
    background: #fff;
    text-align: left;
    border: solid 1px #ccc;
    width: 33%;
}
.myob-home-container .bottom-container table tr td p {
    margin: 0 10px 10px 10px;
    text-align: center;
}
.myob-home-container .bottom-container table tr td p img {
    margin: 0;
    text-align: center;
}
.myob-home-container .bottom-container table tr td img {
    margin: 10px 0 0 10px;
}

.myob-home-container .bottom-container .title {
	color:white;
	padding-left:10px;
	font-size:1.3em;
	position: absolute;
	top:0.3em;
}

.myob-home-container .bottom-container .desc1{
	color:#3B547B;
	padding-left:10px;
	font-size:0.9em;
	position: absolute;
	top:15em;
	left:2.0em;
	width:17em;
	text-align:center;
	font-weight:bold;
}

.myob-home-container .bottom-container .desc2{
	color:#3B547B;
	padding-left:10px;
	font-size:0.9em;
	position: absolute;
	top:15em;
	left:28.5em;
	width:22em;
	text-align:center;
	font-weight:bold;
}

.myob-home-container .bottom-container .desc3{
	color:#3B547B;
	padding-left:10px;
	font-size:0.9em;
	position: absolute;
	top:15em;
	left:60em;
	width:15em;
	text-align:center;
	font-weight:bold;
}

.myob-home-container .bottom-container .bannerMap {
		position:absolute;
		left:0px;
		top:0px;
}

/* 8 --------------- job board page --------------------*/
.searchContainer {
	margin-top: 10px;
}

.preferencesPane {
	width: 140px;
	overflow: hidden;
	float: left;
    padding-bottom: 20px;
	background-color: #f2f2f2;
    margin: 0px 0px 20px 0px;
}

.preferencesPane h3 {
	padding: 0px 8px;
	height: 21px;	
	line-height: 21px;
    font-size: 10pt;
	background-image: url(../../images/myob/internal_banner_1x21.png);
	color: white;
	background-repeat: repeat-x;
}

.preferencesPane ul {
	color: #666;
}

.preferencesPane ul ul {
	margin-bottom: 5px;
}

.preferencesPane ul li {
    line-height: 1.5em;
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
}

.preferencesPane ul li ul li {
    margin-left: 20px;
	text-indent: -20px;
}

.preferencesPane ul li a {
	text-decoration: none;
}

.preferencesPane ul li * {
	vertical-align: middle;
}

.preferencesPane img {
	margin: 0px 0px 0px 4px;
}

.preferencesPane h4,.preferencesPane h5 {
	display: inline;
	/* background: transparent url(../../images/myob/btn_plusbox_21x21.png) left no-repeat; */
	padding-left:10px;
	padding-top:5px;
	margin-left:2px;
	font-size: 1em;
}

.preferencesPane .subFiltering li {
	line-height: 1em;
}

.preferencesPane .searchFilteri{
	background-color:#6699FF;
	
}

.contactSearch {
    width: 100%;
    float: right;
}

#home-container  {
    overflow: hidden;
}

.jobSearch {
	width: 504px;
	position: relative;
	left: 20px;
    float: left;
}

.jobSearch .ourHr {
	display: none;
}

.jobSearch .jobSearchInnerContainer {
	background-color: white;
	margin: 30px 20px;
	overflow: hidden;
	border: solid 2px #b2b2b2;
	padding: 10px;
	width: 440px;
}
.jobSearch #jobSearchForm {
	background-color: #f2f2f2;
	overflow: hidden;
	margin-bottom: 20px;
}

.jobSearch #jobSearchForm h2 {
	padding: 0px 8px;
	height: 21px;	
	line-height: 21px;
    font-size: 10pt;
	background-image: url(../../images/myob/internal_banner_1x21.png);
	color: white;
	background-repeat: repeat-x;
}

#job-search-result-container {
	clear: both;
}

#job-search-result-List {
	overflow: hidden;
	margin-bottom: 15px;
	clear: both;
}

input[type=hidden] {
	border-style: none !important;
}

.jobSearch h2 {
    /* margin-bottom: 4px; */ 
    color: black; 
    margin-top: 0px;
}

.jobSearch .specialInputContainer {
    float: left; 
    margin-top: 6px; 
    width: 250px; 
    margin-right: 2px;    
}

.jobSearch .advancedSearchLink {
    float: left; 
    font-size: 80%; 
    color: black; 
	position: relative;
	left: 10px;
	top: 8px;
}

.jobSearch .advancedSearchLink  a {
	text-decoration: none;
}

.go {
	background:transparent url(../../images/myob/save_norm_82x23.png) left no-repeat;
	width:80px;
	height:35px;
	color:#fff;
	border:0px;
	float: left;
	cursor: pointer;
	padding-left:7px;
	padding-top: 0px;
	text-align: center;
	padding-bottom: 1px;
}


.go:hover {
	background:transparent url(../../images/myob/save_ro_82x23.png) left no-repeat;
}

.specialInputContainer {
	position: relative;
	height: 2em;
	line-height: 2em;
}

.specialInputContainer input {
	width: 96%;
	vertical-align: middle;
	padding: 2px 3px;
	border: solid 1px #b2b2b2;
}

.basicOptions {
	line-height: 2em;
}

.basicOptions * {
	vertical-align: middle;
}

.basicOptions select {
	width: auto;
}

.basicOptions img {
	margin: 0px 2px;
}

#collapsibleAdvancedSearch {
	width: 470px !important;
}

#paginator {
	margin-bottom: 3px;
	clear: both;
}

/* 9 --------------- Box table --------------------*/
.actionTable,.displayTable {
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	font-size: 100%;
	border-top: 1px solid #CDCDCD;
	border-bottom: 1px solid #CDCDCD;
}

.actionTable th,.actionTable tbody td,.displayTable th,.displayTable tbody td
	{
	padding: 0px 10px;
	text-align: left;
	border-left: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
}

.actionTable th,.displayTable th {
	border-bottom-style: none;
	line-height: 2.2em;
	background-image: url(../../images/actionTableHeaderBottomBg.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	padding-bottom: 12px;
	background-color: #F2F2F2;
}

.actionTable tbody td,.displayTable tbody td {
	padding-bottom: 4px;
	padding-top: 2px;
}

.actionTable tbody tr {
	cursor: pointer;
}

.actionTable tbody tr.selected {
	background-color: #D9D9D9;
}

.actionTable tbody tr:hover {
	background-color: #CAE4FF;
}

ul.actionsToolBar {
	border: 1px solid #CDCDCD;
	width: 100%;
	background-color: #F2F2F2;
	height: 2em;
	margin-bottom: 6px;
}

ul.actionsToolBar li {
	border-right: 1px solid #CDCDCD;
	padding: 0.2em 8px;
	height: 1.6em;
	line-height: 1.6em;
	float: left;
}

ul.actionsToolBar li {
	border-right: 1px solid #CDCDCD;
	padding: 0.2em 8px;
	height: 1.6em;
	line-height: 1.6em;
	float: left;
}

ul.actionsToolBar li {
	border-right: 1px solid #CDCDCD;
	padding: 0.2em 8px;
	height: 1.6em;
	line-height: 1.6em;
	float: left;
}

ul.actionsToolBar li a {
	font-weight: bold;
	text-decoration: none;
}

ul.actionsToolBar li span {
	background-image: url(../../images/optionClicker.gif);
	width: 10px;
	margin-right: 4px;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	float: left;
}

ul.actionsToolBar a:hover span {
	background-image: url(../../images/optionClickerHover.gif);
}

/*** 10. - ratings ***/
.ratingStarOn,.ratingStarOff {
	height: 38px;
	width: 40px;
	margin: 0px 1px;
	cursor: pointer;
	float: left;
	display: block;
	background-repeat: no-repeat;
}

.ratingStarOn {
	background-image: url(../../images/yellow-star.gif);
}

.ratingStarOff {
	background-image: url(../../images/grey-star.gif);
}

.ratingComponent {
	height: 40px;
}

.ratingStarsContainer {
	height: 40px;
	float: left;
}

.ratingDescriptionContainer {
	float: left;
	line-height: 40px;
	margin-left: 10px;
	font-size: 140%;
	color: green;
}

/*** 11. Tips ***/
#tipsHintsContainer {
	float: right;
	margin-top: 34px;
	margin-bottom: 10px;
	position: relative;
	width: 250px;
}

#content-container #tipsHintsContainer #tipButtons{
	top: -29px;
}

#content-container #tipsHintsContainer {
	width: 230px;
}
#content-container #tipsHintsContainer .tip .bottom {
	margin-right: 0px;
	width: 210px;
}

#tipButtons {
	position: absolute;
	top: -19px;
	left:0em;
}

#tipButtons label {
	position: absolute;
	top: 3px;
	left: 28px;
	white-space: nowrap;
}

.myobTipButtonOn{
	padding: 4px 10px 4px 10px;
	_padding: 4px 0px 4px 0px;
	border: solid 0px #ccc;
	_border: solid 0px #ccc;
	background: transparent url(../../images/myob/checkbox_unchecked_13x13.png) center no-repeat;
	cursor: pointer;
	width:23px;
	font-size:0px;
	height:23px;
	color:white;
	padding-top:18px;
}
.myobTipButtonOff{
	padding: 60px 10px 4px 10px;
	_padding: 4px 0px 4px 0px;
	border: solid 0px #ccc;
	_border: solid 0px #ccc;
	background: transparent url(../../images/myob/checkbox_checked_13x13.png) center no-repeat;
	cursor: pointer;
	width:23px;
	height:23px;
	font-size:0px;
	color:white;
	padding-top:18px;
}

.myobTipButtonOn:hover, .myobTipButtonOff:hover{
	color:white;
	border: solid 0px #ccc;
}

#innerTipsHints {
	position: absolute;
	right: -230px;
	top: -5px !important;
}
#jobForm .customCrazy1 {
	top: -50px !important;
}

#jobForm .customCrazy2 {
	top: auto !important;
	bottom: 80px !important;
}

.tip {
	position: relative;
	width: 250px;
}

.tip .top {
	/*background-image: url(../../images/tip-top.png);
	background-repeat: no-repeat;
	position: absolute;*/
	text-align: center;
	top: 0px;
	left: 0px;
	width: 196px;
	height: 8px;
}

.tip .bottom {
	/*background-image: url(../../images/tips-bottom.png);
	background-repeat: no-repeat;
	background-position: bottom left;*/
	margin-top: 8px;
	padding: 7px 8px 8px 8px;
	border:1px solid #ccc;
	margin-right:20px;
	background:#FFF0C2;
	border:1px solid #999999;
	color:#012150;
}

.tip .speaker {
	width: 14px;
	height: 16px;
	background-repeat: no-repeat;
	position: absolute;
	top: 23px;
	left: -12px;
	background-image: url(../../images/myob/help_arrow_14x16.png);
	
}

/* the user poll view css */
.poll{
	padding-top:15px;
	position: relative;
	width: 230px;
}
.poll .poll_title{
	background:#eee;
	margin-top: 5px;
	padding: 4px 7px 3px 8px;
	border:1px solid #ccc;
	font-weight: bold;
}
.poll .poll_context {
	clear:both;
	border:1px solid #ccc;
	border-bottom:0px solid #ccc;
	border-top:0px;
	padding: 7px 7px 8px 8px;
}

.poll_context li {
    padding: 4px 0;
    position: relative;
}


.poll_context .poll_line {
	clear: left;
	text-align: left;
	padding-top: 5px;
	line-height: 1.2em;
}
.poll_context .poll_line label {
	float: left;
	width: 45%;
	word-break: break-all;
}
.poll_context .poll_line .headline {
	margin: 3px 0px;
}
.poll_context .poll_total {
	clear: left;
	font-weight: bold;
	padding-top: 10px;
}

.poll .poll_button {
	border:1px solid #ccc;
	border-top:0px solid #ccc;
	height:35px;
	padding:5px;
}


/* The Admin PollView Display style*/
#pollContent .poll_title{
	clear: both;
	font-size: 0.9em;
	margin-top: 5px;
	font-weight: bold;
}

#pollContent .poll_line label{
	float: left;
	width:15%;
	word-break:break-all;
	padding-left:5px;
}
#pollContent .poll_line {
	clear: left;
	text-align: left;
	line-height: 1.2em;
}

#pollContent strong{
	font-size: 1.2em;
}

/* The OTHER style of hints 'n' tips */
.paymentConfirmation {
    margin-top: 10px;
}

.paymentConfirmation p {
    margin-top: 15px;
    margin-bottom: 10px;    
}

.tipsHints {
    background-color:#E3ECF6;
    border-top:1px solid #5677B0;
    border-bottom:1px solid #5677B0;
    color: #003366;
    font-size: 0.9em;
    margin:auto;
    text-align:left;
    width:95%;
    padding: 15px;
    vertical-align: middle;
    margin-top: 35px;
}

.faqPages p {
    margin-top: 10px;
}

.about {
    line-height: 180%;	
}

.termsAndConditions {
    margin: 10px 20px;
}

.termsAndConditions p {
    margin-top: 10px;
}

.termsAndConditions h3 {
    margin-top: 20px;
}

/*** 12. Landing page custom styling ***/

#landing-page {	
	background-color: #cacaca;
	font-family: Verdana, Tahoma, Helvetica, Arial;
	color: #333333;
}

#landing-page a {	
	color: #333333;
}
#landing-page a:hover, #landing-page a:active {	
	color: #6a1f7d;
}
#landing-page h1, #landing-page .typeOfUser h2, #landing-page .bottomNav span {
    display: none;
}

#landing-page #myob-header-container {
	background-image: url(../../images/myob/landing-page/bg-ca-header.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 20px;
	overflow: auto;
	height: auto;
}

#landing-page #myob-header {
	background-image: none;
    height: auto;
    width: 955px;
}

#landing-page #home-logo {
	margin-left: 25px;
}
#landing-page #home-logo img {
	display: none;
}

#landing-page #home-logo a {
	width: 316px;
	height: 45px;
	display: block;
	background-image: url(../../images/myob/landing-page/ss_logo_full.png);
}

#landing-page #page-container {
	background-image: url(../../images/myob/landing-page/bg-ca-tile.png);
	background-repeat: repeat-y;
	background-position: center center;
}
#landing-page .home-container {
	background-image: none;
}
#landing-tabs {
	margin-left: 7px;
}

#landing-tabs li {
	padding: 0px 15px;
	float: left;
	margin-top: 1.7em;
	padding-bottom: 8px;
	background-image: url(../../images/myob/landing-page/separator.png);
	background-position: right top;
	background-repeat: no-repeat;
}

#landing-tabs li.last {
	background-image: none;
}

#landing-page .myob-home-container {
	margin: 0px 24px 0px;
    padding-top: 3px;
}
#landing-page #footer-container {
	background-image: url(../../images/myob/landing-page/bg-ca-footer.png);
	background-position: center center;
}

#landing-page #quickSearch {
	background-image: url(../../images/myob/landing-page/search-bg.png);
	background-repeat: no-repeat;
    margin: 23px 0px;
}

#landing-page #quickSearch h2 {
	color: #6a1f7d;
    font-size: 16px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
} 
#landing-page #quickSearch .sectionEnder {
	background-image: url(../../images/myob/landing-page/search-bg-bottom.png);
    height: 10px;
    line-height: 0px;
    font-size: 0px;
    clear: both;
}

#landing-page #quickSearch form {
	padding: 17px 20px 10px;
    overflow: auto;
} 

#landing-page #quickSearch form .submitButton {
	background-image: url(../../images/myob/landing-page/search_norm.png);
    border-style: none;
    width: 66px;
    height: 19px;
    line-height: 17px;
    text-align: center;
    vertical-align: top;
    color: #4479b9;
    padding-bottom: 2px;
    margin-top: 9px;
} 
#landing-page #quickSearch form .submitButton:hover {
	background-image: url(../../images/myob/landing-page/search_ro.png);
} 

#landing-page #quickSearch .searchSection {
    float: left;
    width: 30%;
    margin-top: 8px;
}
#landing-page #quickSearch .searchSection input, #landing-page #quickSearch .searchSection select {
    width: 90%;
    color: #333;
    border: 1px solid #AB7F7F;
}
#landing-page #quickSearch .searchSection input{
    padding: 2px 1px 1px;
    border: solid 1px #ab7f7f;
    margin-top: 1px;
    *margin-top: -1px;
}

#landing-page .bottom-container-header {
    display: none;
}

#landing-page .bottom-container {
    position: relative;
}
#landing-page .typeOfUser .heading {
    margin-left: 3px;
}


#landing-page .typeOfUser {
    background-repeat: no-repeat;
    width: 286px;
    top: 0px;
    padding-top: 5px;
    height: 229px;
}
#landing-page .typeOfUser .content a {  
    color: #4479b9;
    text-decoration: underline;
    background-image: url(../../images/myob/landing-page/blue_arrow.gif);
    background-repeat: no-repeat;
    background-position: center right;
}
#landing-page .typeOfUser .content {
    overflow: hidden;
    font-size: 15px;
    padding: 14px 100px 17px 23px;
}
#landing-page .jobSeekerUserType {
    background-image: url(../../images/myob/landing-page/bg-typical-job-seeker.png);
    position: absolute;
    right: 0px;
}              
#landing-page .employerUserType {
    background-image: url(../../images/myob/landing-page/bg-typical-employer.png);
    position: absolute;
    left: 0px;
}              
#landing-page .referrerUserType {
    background-image: url(../../images/myob/landing-page/bg-typical-referrer.png);
    margin: 0px auto;
    position: relative;
}

#landing-page .bottomNav a {
    width: 133px;
    height: 33px;
    display: block;
    position: absolute;
    bottom: 31px;
    left: 24px;
}

#landing-page .referrerUserType .bottomNav a {
    background-image: url(../../images/myob/landing-page/tell_more_norm.png);
}
#landing-page .referrerUserType .bottomNav a:hover {
    background-image: url(../../images/myob/landing-page/tell_more_ro.png);
}
#landing-page .employerUserType .bottomNav a {
    background-image: url(../../images/myob/landing-page/post_job_norm.png);
}
#landing-page .employerUserType .bottomNav a:hover {
    background-image: url(../../images/myob/landing-page/post_job_ro.png);
}
#landing-page .jobSeekerUserType .bottomNav a {
    background-image: url(../../images/myob/landing-page/search_jobs_norm.png);
}
#landing-page .jobSeekerUserType .bottomNav a:hover {
    background-image: url(../../images/myob/landing-page/search_jobs_ro.png);
}
#landing-page #footer-container .myob-footer-nav {
    margin-left: 34px;
}
#landing-page #footer-container .myob-footer-nav a {
    background-image: url(../../images/myob/landing-page/red_arrow.gif);
    background-repeat: no-repeat;
    background-position: center left;
}
#landing-page #footer-container .footerCopyright {
    text-align: right;
    margin-right: 14px;
    display: inline;
    color: #333333;
}

#takeTheTourVideo {
    width: 520px;
    margin: 20px auto 30px;
}

/* -- end of global.css -- */