/*

Site-wide styles. These should be applied to every page.
Additional style sheets can be used to override styles
contained here (e.g., print styles).

*/ /* BEGIN: FONT FAMILY AND SIZE DECLARATIONS */ /*
Base font size: 12px

PX   EM

12   1.0
11   0.92
10   0.83

*/ /* set font family and base size for IE 6 / Win */
html {
	min-height: 100%;
	height: auto;
}

body {
	font-size: 75%; /* equivalent to 12px */
	font-family: Arial, Sans-Serif;
	line-height: 1em;
	background: #002551 url(/images/beintent_bg_sky.jpg) repeat-x bottom;
	behavior: url("/css/csshover3.htc");
}

body#empty {
    background: none;
}

/* set base size for modern browsers (ie. *not* IE 6) */
html>body {
	font-size: 12px;
}

/* Reset all the padding and margins */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
	{
	margin: 0;
	padding: 0;
}

a img,:link img,:visited img {
	border: none;
}

div#content-container p {
	line-height: 1.2em;
	padding: 0 0 6px 0;
}

h1,h2,h3 {
	font-family: Geneva, Verdana, Sans-Serif;
}

h1 {
	line-height: 2em;
	margin-bottom: 10px;
}

body#about h2 {
	background-color: #E5AE43;
	color: #000;
}

h2 {
	line-height: 1.6em;
	margin-bottom: 10px;
	background-color: #333;
	height: 18px;
	font-size: 1em;
	text-transform: uppercase;
	color: #fff;
	font-weight: normal;
	padding-left: 5px;
	margin: 1em 0 1.5em;
}

body#home h2.homepage {
	font-size: 15px;
	text-transform: none;
}

body#home h2.view-demo,
body#home a.view-demo {
	color: #002551;
	display: block;
	font-size: 13px;
	font-weight: bold;
	height: 18px;
	line-height: 1.6em;
	margin: 1em 0 0.2em;
	text-decoration: none;
	text-transform: uppercase;
	margin-left: 100px;
}

body#home a.view-demo:hover {
	text-decoration: underline;
}
body#home #col-two h3 {
	font-size: 13px;
	font-weight: normal;
	margin: 1em 0 0;
	padding: 0;
}

h3 {
	line-height: 1.4em;
	padding-bottom: 6px;
	font-size: 1em;
}

h4 {
	color: #333;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.4em;	
	padding-bottom: 4px;
}

#footer-base,#footer-top,
div#live_life_on_purpose img,
#window-base {
	behavior: url(/css/iepngfix.htc)
}

div#container {
	width: 916px;
	margin: auto;
	padding: 0px;
	height: 100%;
}

div#content-container {
	padding: 0px;
	height: 100%;
	background-image: url(/images/content-background.png);
}
/*

/* START GENERAL ELEMENTS */
div.clearer {
	clear: both;
	height: 1px;
	overflow: hidden;
}
.as-inline-block {
	display: inline-block;
}

div.hr {
	width: 100%;
	height: 2px;
	border-top: 1px solid #ccc;
	margin: 10px 0;
}

.highlight-text {
	font-weight: bold;
}
.left {
	float: left;
}
.sub-note,.author-accreditation{
	color: #666;
	font-style: italic;
}

div#content p.first,
div#content h3.first {
	padding-top: 10px;
}

p.uppercase-text {
	text-transform: uppercase;
}

p.homepage {
	font-family: Verdana
}

.tag-line {
	font-size: 14px;
}

.right {
	float: right;
}

#logo-small {
	display: block;
	width: 70px;
}

div#content-container p.quote,div#content-container li.quote {
	font-style: italic;
	text-indent: 24px;
	background: url(/images/quotes.png) no-repeat 0 -4px;
	padding-bottom: 1em;
}

ul {
	margin: 0.5em 0 1em;
}

li {
	list-style: none;
	line-height: 1.5em;
}

ul.bullet li {
	background-image: url(/images/list-bullet-dash.png);
	background-repeat: no-repeat;
	padding: 0 0 0 12px;
}

ul.bullet-dot,
ul.bullet-none,
ul.bullet-decimal {
	margin: 0.5em 0 0.5em;
}

ul.bullet-dot li,
ul.bullet-none li,
ul.bullet-decimal li {
	margin-left: 1em;
	list-style-type: disc;
}

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

ul.bullet-decimal li,
ul.bullet-decimal-bold li {
	list-style-type: decimal;
	margin-left: 2em;
}

ul.bullet-decimal-bold li {
  font-weight:bold
}

div#content ol.body-steps li {
	list-style: decimal;
	margin: 0 0 0 30px;
}

div#content ul.header-section-links {
	margin: 0 0 0 0.5em;
	padding: 0;
}

div#content ul.header-section-links li,
div#content ul.header-section-links-wide li {
	list-style: none;
	background-image: url(/images/list-bullet-arrow.png);
	background-repeat: no-repeat;
	width: 46%;
	float: left;
	padding: 0 0 5px 14px;;
	margin: 0 0 0 0;
	line-height: 1.2em;
}

div#content ul.header-section-links-wide li {
	width: 100%;
}

div#content ul.header-section-links li a,
div#content ul.header-section-links-wide li a {
	text-transform: uppercase;
	font-size: 0.92em;
	color: #333;
	padding: 0 0 0 0;
}

div#content ul.header-section-links li a:hover {
	text-decoration: underline;
}

a.website-urls {
	white-space: nowrap;
}

a.anchor-top {
	font-weight: bold;
}

a.anchor-top:hover {
	text-decoration: underline;
}

div.beintent-logo-corporate img {
	float: right;
	border: none;
}

div.banner-contents {
	width: 740px;
}

div.banner-contents h1 {
	padding: 1em 0 0 1em;
}

div#live_life_on_purpose {
	margin: 28px 0 4px 700px;
}

img#logo,img.btn-more,img.btn-sign-up {
	float: right;
	clear: both;
}

/* col-three section headings */
h2.panel-heading {
	background: #ccc;
	color: #333;
}

/* END GENERAL ELEMENTS */ /* START forms */
label, .label {
	font-family: verdana;
	font-size: 0.83em;
	padding-top: 4px;
	float: left;
	display: block;
	width: 150px;
	color: #333;
	text-transform: uppercase; /* force text to uppercase */
}
.instruction {
	color: #666;
    text-transform: none;
    font-style:italic;
    	
}
.form-row input {
	background-color: #CDE2E8;
	border: 1px solid white;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 2px;
	margin: 0;
}

.form-row input:focus {
	border: 1px solid black;
	background-color: #fff;
	padding: 2px;
}

div.form-row {
	padding: 5px 0;
	clear: left;
	border-bottom: 1px dashed #ccc;
	display: inline-block;
	width: 100%;
}

div.form-list-left {
	float: left;
	width: 300px;
}

div.form-list-right {
    float: left;
    width: 529px;
}

div.form-list-left .form-field {
	width: 50px;
}

fieldset.vertical {
    border: 0;
    margin: 0;
    padding: 0;	
}
fieldset.vertical .form-field {
	float: none;
}
fieldset.vertical .form-row {
	border-bottom: none;
	float: none;
}
fieldset.vertical input {
	float: inherit;
}
fieldset.vertical label {
	clear: none;
	width: auto;
	float: inherit;
	display: inline;
}

.form-row-error .error {
	color: red;
}

.button {
	color: #fff;
	font-size: 0.83em;
	font-family: DIN, Verdana, Sans serif;
	text-transform: uppercase;
	background-color: #fff;
	border: 1px solid;
	border-color: #fff;
	background: url('/images/btn-95wide.png') no-repeat;
	width: 97px;
	height: 27px;
	border: none;
	padding: 0px; 
	padding-bottom : 5px;
	text-align: center;
	padding-bottom: 5px;
}

.button-135 {
	font-size: .9em;
	background: url('/images/btn-135wide.png') no-repeat;
    width: 134px;
    display: block;
}

input.button {
	background-color: #fff;
	border: 1px solid #fff;
}

a.button {
	padding: 5px 0 0 0;
	text-decoration: none;
}

.button-arrow {
	float: left;
	padding-right: 4px;
	margin-top: -1px;
}

.button:hover {
	background: url('/images/btn-95wide-over.png') no-repeat;
	color: #333;
	background-color: #fff;
	cursor: pointer;
}
input.button:hover,input.button:focus  {
    border: 1px solid #fff;
}

.button-135:hover {
	background: url('/images/btn-135wide-over.png') no-repeat;
}

div.form-field {
	float: left;
	width: 290px;
}
form#individual-signup div.form-field {
    width: 310px;
}
div.form-field-narrow {
	float: left;
	width: 140px;
}
div.form-field .radio_list li {
    display: block;
    clear: right;
}
div.form-field .radio_list li input{
    float: none;
    margin: 2px 10px 0 0;
}
div.form-field .radio_list li label {
	margin: 0;
	padding: 0;
	float: none;
	display: inline;
}
input.cancel, .expired input.cancel { display:none; }

.settings-text-version, .expired .settings-text-version { display:none; }

.settings .expired form { display: block; }

div.expire-error {
}

p.expire-error {
	font-weight: bold;
}

.expire-sorry {	
  color: #f00;
}

.expire-warning {
  font-weight: bold;	
	color: #f00;
}

.expire-notice {
  font-weight: bold;	
  color: #ff6000;  
}


div.success-row, div.error-row  {
    font-weight:bold;
    margin:5px 0;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center; 
}

div.success-row {
    border:solid 1px #349534; 
    background-color:#C9FFCA;
    color:#008000;
    background-image: url('../images/msg-ok.png');
}

div.error-row {
    border:solid 1px #CC0000; 
    background-color: #F7CBCA;
    color:red;
    background-image: url('../images/msg-error.png');
}

/* END forms */ /* START navigation */
#signin-nav {
	float: right;
	margin: 2px 50px 0;
	line-height: 1.5em;
	
}
#signin-nav a {
    color: #333;
    font-weight: bold;	
    text-transform: uppercase;
}
#register-nav {
	float: right;
	margin: 7px 27px 0 0;
    color: #fff;
}
#register-nav a {
	text-transform: uppercase;
	color: #fff;
}

div#nav-container {
	font-family: Verdana, Sans-Serif;
	height: 51px;
	padding: 0;
	background-image: url(/images/nav-background.png);
}

ul#nav,ul#sub-nav {
	padding: 0px;
	clear: left;
	float: left;
	margin: 0;
	
}

ul#nav {
	height: 21px;
	padding-top: 1px;
	font-weight: normal;
	margin: 0px;
	width: 100%;
}

div#sub-nav-about ul#sub-nav {
	margin: 5px 0 0 20px;
	display:inline; 
}

div#sub-nav-mypage ul#sub-nav {
	
}

div#sub-nav-admin ul#sub-nav {

}

ul#sub-nav {
	display:inline;
	height: 20px;
	font-size: 0.92em;
	margin: 5px 0 0 20px;
}

ul#nav li,ul#sub-nav li {
	float: left;
	list-style: none;
	margin: 0;
}

ul#sub-nav li {
	color: #fff;
}

ul#nav li a {
	padding: 0 30px;
	color: #000;
	line-height: 24px;
	text-decoration: none;
	display: block;
	margin: 0;
}

ul#nav li a:hover,ul#sub-nav a:hover {
	text-decoration: underline;
}

ul#nav li.last a {
	border-right: solid 1px #091C3A;
	min-width: 54px;
}

ul#nav li.inner a.current,ul#nav li.inner a:hover,ul#nav li.last a:hover
	{
	color: #fff;
	background-color: #091C3A;
}

ul#sub-nav li a {
	padding: 0 10px;
	border-right: 1px solid #fff;
	color: #fff;
	text-decoration: none;
	height: 28px;
	line-height: 20px;
}

ul#sub-nav li.last a {
	border-right: none;
}

div#sub-nav-about,div#sub-nav-mypage,div#sub-nav-admin {
	display: none;
}

ul#nav span.arrow {
	display: none;
}

body#mypage a#tab-mypage {
	color: #fff;
	background-color: #091C3A;
}

body#mypage a#tab-mypage span.arrow,body#about a#tab-home span.arrow,body#home a#tab-home span.arrow
	{
	display: inline;
}

body#admin a#tab-admin {
	color: #fff;
	background-color: #091C3A;
}

body#admin a#tab-admin span.arrow
{
    display: inline;
}

body#home a#tab-home,body#about a#tab-home,a#tab-home:hover {
	background-image: url(/images/home-nav-over.png);
	background-repeat: no-repeat;
	color: #fff;
}

body#home div#sub-nav-about,body#about div#sub-nav-about,body#mypage div#sub-nav-mypage,body#admin div#sub-nav-admin
	{
	display: block;
}

/* END nav */ /* START home */
body#home div#col-two img{
	margin-top: 2px;
}

body#home div#col-one img{
  margin-bottom:   10px;
  margin-right: 10px;
}

body#home h1 {
	padding: 40px 0 0 0;
}

body#home h2 {
	margin-bottom: 10px;
	background-color: #fff;
	font-size: 1.1em;
	text-transform: uppercase;
	color: #000;
	font-weight: normal;
	padding-left: 0px;
}

body#home div#content-container {
	padding: 10px 40px 50px 85px;
}

body#home div#col-one {
	width: 560px;
	float: left;
}

body#home div#col-one div.col {
	width: 230px;
	padding: 20px 40px 0 0;
	float: left;
}

body#home div#col-two {
	float: right;
	width: 180px;
	background: #fff url(/images/bg-column-border.jpg) repeat-y;
	height: 605px;
	margin-top: 10px;
	padding-left: 2em;
}

#home-free-trial {
	margin-top: 0.25em;
	float: right;
}

/* END home */ /* START about */
body#about div#content-container {
	padding: 10px 16px 20px;
}

body#about div#col-one {
	width: 580px;
	float: left;
	margin-left: 80px;
	display:inline; 
}

body#about div#col-one div.col {
	float: left;
	margin: 5px 20px 0 0;
	padding: 0;
	width: 260px;
	display:inline; 
}

body#about div#col-one div.col.last {
	padding-left: 20px;
	background: #fff url(/images/bg-column-border.jpg) repeat-y;
}

body#about div#col-one img.col-header {
	padding-top: 1em;
}

body#about div#col-one-centered,
body#about div#col-one-centered-enquiry {
	width: 360px;
	height: 360px;
	background: #fff url(/images/bg-account-activation.png) no-repeat;
	margin-left: 250px;
	float: left;
}

body#about div#col-one-centered-enquiry {
	background: #fff url(/images/bg-enquiry-thanks.png) no-repeat;
}

div#col-one-centered div.col-one-centered-content {
	margin: 220px 40px 0;
	padding-top: 1em;
	border-top: #ccc 2px dotted;
}

body#about div#col-two {
	float: right;
	background: #fff url(/images/bg-column-border.jpg) repeat-y;
	padding-left: 1em;
	width: 190px;
}

body#about div#col-two a {
}

/* END about */ 
/* START video player */
body#video {
    overflow: hidden;	
}
body#video {
	 width: 640px;
	 height: 480px;
	 overflow: hidden;
}
body#video div#container {
    padding: 0;
    margin: 0;
    border: 0;
    width: 640px;
     height: 480px;
     overflow: hidden;
}
body#video div#player { 
	display: block;
	width: 640px;
	height: 480px;
}
/* END video player */

/* START organisations */
img#header-organisation-solutions {
	padding-left: 50px;
}

div#col-one div.organisation-challenge-box {
	font-size: 0.83em;
	width: 570px;
	margin: 0 0 0 10px;
	background: url(/images/organisation-challenge-box-middle.png) repeat-y;
}

div#col-one div.organisation-challenge-box div.organisation-challenge-box-top {
	background: url(/images/organisation-challenge-box-top.png) no-repeat;
	height: 12px;
}

div#col-one div.organisation-challenge-box div.organisation-challenge-box-bottom {
	background: #fff url(/images/organisation-challenge-box-bottom.png) no-repeat;
	height: 12px;
}

div#col-one div.organisation-challenge-box div.narrow {
	float: left;
	width: 110px;
	margin: 0 10px 0 12px;
}

div#col-one div.organisation-challenge-box div.wide {
	float: left;
	width: 360px;
	margin: 0 10px 0 24px;
}

div#organisation-links {
	margin: 0 0 10px 0;
}

div#organisation-links div.col li {
	width: 97%;
}

div.chart-organisation img {
	float: left;
	padding: 0 40px 0 0;
}

div.chart-organisation p {
	margin: 30px 0 0 0;
	padding: 0; 
	width : 130px;
	float: left;
	display: block;
	width: 180px;
}
div.chart-organisation h4 {
	float: left;
	display: block;
	width: 180px;
}

/* END organisations */ /* START you */
div#col-one div.col-panel {
	float: left;
	width: 135px;
	padding-right: 10px;
}

div#col-one div.col-panel img {
	margin-bottom: 15px;
}

/* END you */ /* START testimonials */
div#col-one p#icon-testimonial-westpac {
	text-align: center;
	padding-bottom: 12px;
}
div#col-two h4 {
	margin-top: 10px;
}
div#col-two h4.no-margin-top {
  margin-top: 0px;
}
div#col-two.testimonials p{
    margin-bottom: 10px;
}

/* END testimonials */ /* START pricing */
div#pricing-table {
	color: #333;
	padding-top: 1em;
}

div#pricing-table a {
	color: #333;
	font-weight: bold;
}

div#pricing-table div.pricing-block {
	padding-bottom: 1.2em;
}

div#pricing-table div.col-one {
	float: left;
	width: 120px;
	padding-left: 40px;
}

div#pricing-table div.col-two {
	float: left;
	background: url(/images/bg-column-border.jpg) repeat-y;
	padding-left: 20px;
	width: 300px;
}

div#pricing-table p.price {
	font-size: 2em;
	line-height: 0.8em;
	padding: 0;
}

div#pricing-table p.month {
	font-size: 1.3em;
	text-indent: 24px;
	line-height: 0.8em;
}

/* END pricing */ /* START how this site works */
table#how-this-site-works-individual {
	font-size: 10px;
	color: #666;
	width: 100%;
}

table#how-this-site-works-individual td {
	width: 25%;
	vertical-align: top;
}

img.image-indent {
	float: left;
	padding: 0 2em 2em 0;
}

/* END how this site works */ /* START mypage */
body#mypage div#content-container,
body#admin div#content-container {
	padding: 10px 40px 50px 47px;
}

body#mypage div#col-one,
body#admin div#col-one {
	width: 145px;
	float: left;
	background: #fff url(/images/bg-column-border.jpg) repeat-y 144px;
}

body#mypage div#col-one img.col-header-choose,
body#admin div#col-one img.col-header-choose {
	margin: 2em 0 0.5em 4px;
}

body#mypage div#col-one img.col-icons,
body#admin div#col-one img.col-icons {
	margin: 0.25em 0;
}

body#mypage div#col-two-wide {
	width: 510px;
	float: left;
	padding: 1em;
}

div#col-two-wide div.form-field {
    width: 340px;
}

body#mypage div#col-two,
body#admin div#col-two {
	width: 450px;
	float: left;
	padding: 1em;
}

body#mypage div#col-three,
body#admin div#col-three {
	width: 190px;
	float: left;
	background: #fff url(/images/bg-column-border.jpg) repeat-y;
	padding-left: 1em;
}

body#mypage div#col-two div.col,
body#admin div#col-two div.col {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	width: 210px;
}

body#mypage div#col-two div.col.last,
body#admin div#col-two div.col.last {
	margin: 0;
	padding-left: 10px;
}

/* END mypage */ 

/* START admin */

div.report-row,
div.intent-detail-row {
	padding: 5px 0;
	clear: left;
	border-bottom: 1px dashed #ccc;
	display: inline-block;
	width: 100%;
}

div.report-row-open {
	padding: 5px 0;
	clear: left;
	border-bottom: none;
	display: inline-block;
	width: 100%;
}

label.report-row-label {
	float: left;
	width: 500px;
}

table#intenttable th {
    text-align: left;
}

table#intenttable td {
    text-align: left;
}

div.team-schedule-item {
    display: inline-block;
}

/* END admin */

/* START refer a friend */
/* END refer a friend */
/* START mytools */
div#col-one div#mytools-nav-section-instructions {
	color: #333;
	font-weight: bold;
	padding-top: 5em;
}

div#col-one ul#mytools-nav-section {
	padding: 1em 0 4.5em;
}

div#col-one ul#mytools-nav-section li {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#col-one ul#mytools-nav-section li p {
	color: #333;
	font-family: Verdana;
	font-size: 10px;
	padding: 0 0 1em 32px;
	width: 100px;
}

img#header-mytools {
	margin-top: -100px;
}

/* Set H2 background colour dependent on state chosen */
h2.innerself {
	background: #E5AE43;
}

h2.materialself {
	background: #00715B;
}

h2.sharedself {
	background: #37ABA9;
}

h2.intellectualself {
	background: #82E7B3;
}

div#col-two div.mytools-icon-grid {
	float: left;
	height: 170px;
	width: 130px;
	padding: 0 10px
}

div#col-two div.mytools-icon-grid p {
	margin-top: 0.5em;
}

div#col-two div.mypage-icon-grid {
  float: left;
  height: 110px;
  width: 130px;
  padding: 10px 10px
}

div#col-two div.resource-text {
	float: left;
	width: 70%;
}

div#col-two div.resource-image {
	float: left;
	padding-left: 1em;
}

/* END mytools */ /* START myfix */
h1.fix-title {
    color: #fff;	
}
img.fix-icon {
	margin-right: 20px;
}
a.fix-link {
    float: left;
}
#myfix-container {
	padding: 10px 30px;
}
/* END myfix */ /* START signin */
div#changepassword,
form#signin {
	width: 250px;
	height: 262px;
	background-image: url(/images/background-login.png);
	background-repeat: no-repeat;
	padding: 80px 60px 40px 70px;
	margin-left: 80px;
}
div#changepassword {
	margin-left: 250px;
}	

form#signin label {
	width: 75px;
	clear: left;
}

form#signin .form-field {
	width: 160px;
}

.signinForm {
	width: 300px;
}

form#signin div#submit {
}
form#signin .forgot-password {
	padding: 20px 0 0 90px;
	}
/* END signin */ /* START signup */
div#signup-individual,div#signup-company {
	float: left;
	margin: 0;
	padding: 0;
	width: 290px;
	height: 300px;
}

div#signup-individual {
	background: #fff url(/images/bg-signup-individual.png) no-repeat;
}

div#signup-company {
	background: #fff url(/images/bg-signup-company.png) no-repeat;
}

div#signup-company p.signup-text,div#signup-individual p.signup-text {
	margin: 90px 25px 0;
	width: 230px;
}

div.btn-sign-up-container {
	margin: 50px;
}

input#contact_number_of_employees,input#contact_number_of_employees_with_computers
	{
	width: 40px;
}

input.dob-day-input {
	width: 20px;
}

/* END signup */ /* START technical support */
div#content div#tech-support-contact-details {
	padding: 1em 1.5em;
	background: #fcfcfc;
	border-left: solid 3px #E7E7E7;
	border-bottom: solid 3px #E7E7E7;
	border-right: solid 2px #F5F5F5;
	border-top: solid 2px #F5F5F5;
}

div#content div#callcentrefeedtext {
  float: left;
  width: 160px;
  padding-right: 20px;
}	

body#about div#content .lowercase {
	text-transform: lowercase;
}

/* END technical support */ /* START FAQ */
.faq p {
	margin-bottom: 10px;
}

/* END FAQ */ 

/* START what my boss needs to know */

.the-know
{
	width: 430px;
    height: 302px;
    background-image: url(/images/the-know.png);
    padding: 40px 40px ;
    margin-left: 30px;
    margin-top: 30px;
}

/* END what my boss needs to know */

/* HOME TAB SPECIFIC STYLING */
ul#nav li.first a {
	padding-left: 30px;
}

/* START footer */
#footer {
	line-height: 0;
	color: #666;
	margin-bottom: 40px;
}

#footer-content {
	background-image: url(/images/footer-background.png);
	background-repeat: repeat-y;
	padding: 0px 45px 10px 45px;
	line-height: 1.2em;
	font-size: 0.83em;
}

#footer div#col-left {
	float: left;
	width: 200px;
}

#footer div#col-panel {
	float: left;
	width: 145px;
	padding-right: 10px;
}

#footer div#col-panel img {
	margin-bottom: 15px;
}

#footer-base {
	background-image: url(/images/footer-bottom.png);
	height: 36px;
	margin-bottom: 50px;
}

#footer-base p {
	text-align: center;
	padding-top: 10px;
	line-height: 1em;
}

#footer-base a {
	text-decoration: none;
	color: #333;
}

#footer-base a:hover {
	text-decoration: underline;
}
/*END footer */

/* START OVERRIDES */

body#mypage div#col-one.no-seperator {
    background-image: none;
}

/* END OVERRIDES */

#slider {
    width: 560px; /* important to be same as image width */
    height: 390px; /* important to be same as image height */
    position: relative; /* important */
  overflow: hidden; /* important */
}
#sliderContent {
    width: 560px; /* important to be same as image width or wider */
    position: absolute;
    top: 0;
    margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
    display: none;
    width: 560px;
}
.sliderImage span {
    position: absolute;
    padding: 10px 13px;
    width: 534px;
    background-color: #000;
    filter: alpha(opacity=70);
    opacity: 0.7;
    color: #fff;
    display: none;
}
slider-clear {
    clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.slider-top {
    top: 0;
    left: 0;
}
.slider-bottom {
    bottom: 0;
    left: 0;
}
.slider-left {
    top: 0;
    left: 0;
    width: 120px !important;
    /*note: not sure why this height needs to be 5 pixels less than the height of slider image*/
    height: 385px;
}
.slider-right {
    right: 0;
    bottom: 0;
    width: 120px !important;
    /*note: not sure why this height needs to be 5 pixels less than the height of slider image*/
    height: 385px;
}
div#intentThumbnails .intentcontainer {
    height: 100px;
    width: 182px;
    float: left;
    padding-right: 15px;
    padding-bottom: 18px;
    margin: 5px;
}
div#intentThumbnails .intentcontainer .toolTipApproved img,
div#intentThumbnails .intentcontainer .toolTipUnapproved img,
div#intentThumbnails .intentcontainer .toolTipUnseen img {
	  height: 100px;
	  width: 150px;
	  border: 5px solid green;
}
div#intentThumbnails .intentcontainer .toolTipUnapproved img {
      border: 5px solid red;
}
div#intentThumbnails .intentcontainer .toolTipUnseen img {
      border: 5px solid orange;
}
div#intentThumbnails .intentcontainer a {
    height: 100px;
    width: 150px;
}
div#showintent embed {
    height: 390px;
    width: 560px;	
}

div#moodreportimage img {
    width: 840px;
    height: 554px;
}

div.pagernav {
    padding: 10px 0px;
}

div.pagernav a {
    color: #2200CC;
    font-weight: bold;
}

div.pagernav a.pagelink {
    color: black;
    font-weight: normal;
}

div.pagernav a.currentpagelink {
    color: rgb(169, 10, 8);
    text-decoration: none;
}

div.pagernav td.pagecell {
    width: 15px;
    text-align: center;
}

table#branchmemberstable {
    margin-left: 20px;
}

div.hidden-details {
    display: none; 
    padding: 5px 0;
    border-bottom: 1px dashed #ccc;
}

select#userid {
    margin-top: 8px;
    margin-bottom: 8px;
    width: 200px;
}  
#addTeamMemberButton {
	margin-bottom: 8px;
}
.download_step {
    width: 333px;
    float: left;
}
#col_download {
	width: 805px;
	margin-left: 80px;
}
#col_download .clearer {
	border-top: dotted 1px black;
	margin: 10px 30px 10px 0;
}
.download_heading {
	margin-top: 30px;
}
.download_step h3 {
    color: red;
}
.pc_screenshot {
	float: right;
	margin: 10px 30px 25px 0;
}
.mac_screenshot {
    float: right
}
.download_button {
    margin-left: -10px;
    margin-top: 20px;	
    cursor: pointer;
}
#auto_download_box {
	margin: 30px 110px 0 30px;
	border: solid 1px black;
	background-color: #E1E3E7;
}

#auto_download_box h3,
#auto_download_box p{
    margin: 10px 20px;
}
#mac_screenshot_1 {
	margin-right: 10px;
}
#mac_screenshot_2 {
    margin-right: 8px;
}
#mac_screenshot_3 {
    margin-right: -1px;
}
#mac_screenshot_4 {
    margin-right: 13px;
}
#mac_screenshot_5 {
    margin-right: 7px;
}

.motivatorCategory {
    width: 200px;
    height: 190px;
    float: left;
    display: inline-block;
    margin-bottom: 16px;
}
#content .motivatorCategory p {
    padding: 0px;
    line-height: 1.3em;
}

#content .motivatorCategory p.title {
    font-size: 14px;
    font-weight: bold;
}

.categoryApproved {
    color: green;
}

.categoryUnapproved {
    color: red;
}

.categoryUnseen {
    color: orange;
}

.thumbnailContainer img {
    width: 150px;
    height: 104px;
}

a .thumbnailContainer {
    width: 158px;
    height: 112px;
    background-image: url(/images/thumb_shadow.png);
    background-repeat: no-repeat;
    background-position: left top;
}

a:hover .thumbnailContainer {
    background-image: url(/images/thumb_shadow_orange.png);
}

.select_checkboxes_link {
	float: right;
	margin-right: 25px;
}

.motivatorCategoryInput {
	width: 673px;
}

#addBranchMotivatorButtons {
    margin-bottom: 5px;
    padding: 5px 0;
}

#editcategorydiv {
	display: none;
	margin-top: 10px;
	margin-bottom: 25px;
	border-bottom: 1px dashed #CCCCCC;
}

#editcategorydiv h3 {
    margin-top: 10px;
    margin-bottom: 5px;
}

#launch {
    margin: 0 auto;
    display: block;
    width: 517px;
    height: 327px;
}

#launch_image_container {
    width: 517px;
    height: 327px;
    cursor: pointer;
	background-image: url("/images/myday/thumb_shadow_big.png")
}

a:hover #launch_image_container  {
    background-image: url("/images/myday/thumb_shadow_orange_big.png")
}

#launch_be_intent_image {
    width: 502px;
    height: 312px;
}

#launch_text {
	font-size: 16px;
	margin: 30px 20px 0 25px;
}