﻿/* css reset begin http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1.3;
	color: black;
	background: white;
	text-align: left;
}
ol li, ul li {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/****** END css reset *************************/


body {
	background-color: #fafafa;
	color: #444;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size:12px;
	line-height:1.6em
}

h1,h2,h3,h4,h5 {color:#752E9A;margin:3px 0 10px 0px;padding:3px 0 3px 0px;}
h1{font-size:2.0em;}
h2{font-size:1.7em}
h3{font-size:1.5em}
h4{font-size:1.2em}
h5{font-size:1.0em}
h1,h2{font-family: "ubuntu-n4", 'Ubuntu', Arial, Helvetica, sans-serif; font-weight:400; text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;font-smooth:always;}

hr{color:#888f95;}

p{margin-bottom:1.5em;}

ul{margin-left: 1.5em;padding-left: 0;list-style-type:disc;margin-bottom:1.5em}
ul li {list-style: disc;}
ol{margin-left: 1em;list-style-type:decimal; margin-left:1.5em; padding-left: 0px}
ol li { list-style-type: decimal; padding-left: 1.1em}
em{font-weight: bolder}
.clearer {clear: both;}
.invisible {visibility: hidden!important;}
.hiddenDialog {display:none}
.hidden {display:none}

a:link, a:visited, a:active{ text-decoration:none; color:#8b35b7;}
a:active{ color:#3c4246; }
a:hover{ color:#b986d4 }
strong { font-weight:bold;}
.strong { font-weight:bold;}

/*center and size the master containers */
#mainContainer, #footerContainer, #publishingConsole {margin-left:auto; margin-right:auto;width:940px;background: #fafafa;}

#publishingConsole {width:900px}
#mainContainer{border: #dcdcdc 1px solid;width:900px;min-height: 500px;background:#fff; margin-top:10px;}
#footerContainer{padding:15px 1px 5px 1px;width:940px;height:500px;}

#mainNavContainer {
    background: #fff;
}

#col-container {
    width:100%; 
    margin-top:20px
}
#col-container h1{color:#752E9A;font-size:1.9em;margin-left: 15px;}
#twoCol-leftCol{float:left;width:69%;}
#twoCol-rightCol{float:left;width:29%; padding:10px 0 0 10px}
#privacy-statement{float:left;width:100%; padding:20px 0 0 0}

.form 
{
	border:1px solid #dcdcdc; 
	background-color:#ffffff; 
	overflow : hidden;
	margin-bottom:10px; 
	padding:0px 5px 0px 50px;
	width:550px;
	color:#444;
}

.form fieldset{
	margin-top:10px;
	width:95%;
	border-width: 0;
}
.form legend
{
    display: none;
}
.form fieldset ul {
	list-style: none;  
	float:left;
	padding:0;
	margin:0;
	padding-bottom:25px;
}
.form fieldset ul li 
{
    list-style: none;
	float: left;
	padding-top: 8px;
    width:550px; 
}  
.form fieldset ul li label {
	float: left;
	width: 140px;
	margin-right: 5px;      
	text-align: right; 
	padding-right: 13px;
	padding-top:0px;
	*padding-top:2px;
}
.form fieldset ul li .wide-label
{
	width: 160px;
	margin-left: -20px;
}
.form span.psuedo-field
{
	font-size:12px;
	padding-top:0px;
	*padding-top:2px;
	width: 250px;
}
.form fieldset textarea
{
	height:auto !important;/*make sure the text area does not inherit 20px height*/
}
.form fieldset .multi-select
{
	height:auto !important;/*make sure the multi select does not inherit 20px height*/
}
.form fieldset input, .form fieldset textarea, .form fieldset select, .form .validation-message, .form .radio-list 
{
	height: 20px;
	margin-top:0px;
	* margin-top:2px;/*hack to get ie 7 text to align*/
	float:left;
	clear:right;
	padding-left:2px;
	color:#3c4246;
}
.form fieldset input, .form fieldset textarea, .form fieldset select
{
	border: #cccccc 1px solid;
}
.form fieldset input, .form fieldset textarea,  span.input-help-text, .form .validation-message, .form fieldset select, .form .radio-list {
	clear:right;
	width:250px;
	margin-bottom:2px;
}
.form span.input-help-text-small{ font-size: 0.9em;line-height:1.5em;}

.form-wide-page-layout{	width:820px; overflow: visible;}
.form-wide-page-layout fieldset ul li {width:819px;}
.form-wide-page-layout fieldset .text-box-large
{
	height:150px !important;
	width:610px;
}

.form fieldset .psuedo-text-box-large
{
	width:350px;
}

.form fieldset select{width:255px;}

.form fieldset ul li .standardTable {margin-left: 153px; width: inherit;}
.form fieldset ul li .standardTable-wide-page-layout {margin-left: 158px;}

.form fieldset .smallddl{width:80px;}

.form .input-help-text,.form .validation-message, .form span.psuedo-field {
	margin-left:158px;
	display:block;
	text-align:left;
}
.form .phoneNumberControl_container .validation-message{*margin-left:0px;}

.form .validation-message{color:#ff0000; font-size:11px; clear:both;height:auto}
.form li.mandatory-field label {background: transparent url(/assets/img/icon_mandatory.png) 100% 60% no-repeat; }
.form li.optional-field label {background: none;}
.form .checkBox input {width:auto !important;float:none !important;vertical-align: middle;position: relative; top: 0px;border:0;height:auto}
.form .checkBoxList tr td label {padding-top:0px; float:none; width:auto}
.form .radio-list{float:left;display:block; margin-bottom:20px;}
.form .radio-list input{border:0;width:auto;height:auto;float:none; vertical-align:middle; margin-bottom:1px; *margin-bottom:1px;}
.form .radio-list label {width:auto;float:none; padding-top: 4px;} 
.form .radio{display:block; margin-top:-8px;}
.form .radio input{border:0;width:auto;height:auto;float:none; margin-left:-12px; margin-right:20px;padding-top:7px; *margin-bottom:4px;}
.form .radio label {width:220px;float:left; color:#888f95;}
.form .form-info-text{margin-left:10px; margin-bottom:30px; padding-top:20px; width:95%;}
.form .form-info-text h5{padding:0px; margin:0px;}
.form .form-info-text span {display:block; margin-left:10px;margin-bottom:5px;}
.form .form-info-text ul {padding:0px; margin:0px; margin-left:10px;margin-bottom:5px;}
.form .form-info-text .bullet{list-style:disc; padding:0px;}

.form .checkbox-label {display:block; margin-left:180px; margin-top:-21px; width:440px;}
.form .checkbox-label-narrow{display:block; margin-left:180px; margin-top:-21px; width:350px;}
.read-only-form fieldset ul li { padding-top:3px;}

.form .mandatory-instructions{color:#8B35B7; font-size:11px;font-family:Arial;clear:both;}
.form .mandatory-instructions span {background: transparent url(/assets/img/icon_mandatory.png) 100% 50% no-repeat;padding: 3px;} 
.form .important-instructions{color:#FF3838; font-size:11px;font-family:Arial;clear:both;}
.form .helper-text, .helper-text {color:#888f95; font-size:11px; font-weight:normal;}
 
.form .helper-text-indented{ margin-left: 219px;}
.form .phoneNumberControl_container {margin-bottom:5px;width:440px; *width:220px; }
.form .phoneNumberControl_container input  {width:227px; padding-bottom:0px;} .phoneNumberControl_areaCode { float: left; font-weight:bold; text-align:right; margin-top:0px; *margin-top:3px; color:#3c4246;}
.form .phoneNumberControl_container p.helper-text {*display:inline; text-align:left;clear:left;width:250px; margin-left:160px; *margin-left:0px;}

.form .passwordform label {width: 180px;}

.wide-label-form li.mandatory-field label {width:200px;}
.wide-label-form fieldset ul li label {width:200px;}
.wide-label-form .input-help-text, .wide-label-form .validation-message {margin-left:218px;}
.wide-label-form .phoneNumberControl_container {margin-bottom:5px;width:480px; *width:210px; }
.wide-label-form .phoneNumberControl_container p.helper-text {margin-left:213px; *margin-left:0px;}
.wide-label-form .phoneNumberControl_container .validation-message{*margin-left:0px;}
.wide-label-form .checkbox-label {display:block; margin-left:240px; margin-top:-20px; width:440px;}
.wide-label-form .checkBoxList{margin-left:40px;}
.wide-label-form .checkBoxList label {width:180px; padding-top:0px; float:none;}
.wide-label-form .checkBoxList TD {width:250px;}
.wide-label-form h4 {margin-left:30px;}
.wide-label-form fieldset {margin-left: -40px;}
.wide-label-form li.mandatory-field .extra-long-label  {margin-left:-10px; width:210px;}

.extra-wide-label-form li.mandatory-field label {width:250px;}
.extra-wide-label-form fieldset ul li label {width:250px;}
.extra-wide-label-form fieldset input {width:150px;}
.extra-wide-label-form .input-help-text, .extra-wide-label-form .validation-message {margin-left:263px;}
.extra-wide-label-form .phoneNumberControl_container {margin-bottom:5px;width:480px; *width:210px; }
.extra-wide-label-form .phoneNumberControl_container p.helper-text {margin-left:213px; *margin-left:0px;}
.extra-wide-label-form .phoneNumberControl_container .validation-message{*margin-left:0px;}
.extra-wide-label-form .checkbox-label {display:block; margin-left:240px; margin-top:-20px; width:440px;}
.extra-wide-label-form .checkBoxList{margin-left:40px;}
.extra-wide-label-form .checkBoxList label {width:180px; padding-top:0px; float:none;}
.extra-wide-label-form .checkBoxList TD {width:250px;}
.extra-wide-label-form h4 {margin-left:30px;}
.extra-wide-label-form fieldset {margin-left: -40px;}
.extra-wide-label-form .input-help-text,.extra-wide-label-form  .validation-message, .extra-wide-label-form  span.psuedo-field {margin-left:268px;}

.form .extended-width{width:360px;}
.form .no-margin{margin:0px;}

.wide-field fieldset input, .wide-field fieldset textarea,  .wide-field .input-help-text, .wide-field .validation-message {width:350px;}
.wide-field fieldset select{width:355px;}
.form fieldset .wide-field select {width:500px;} 
.form fieldset .extra-wide-field select {width:650px;}

.forgotPasswordForm fieldset ul {
	list-style: none;  
	float:left;
	padding:0;
	margin:0;
	padding-bottom:25px;
}
.forgotPasswordForm fieldset ul li {
	float: left;
	padding-top: 8px;
    width:550px; 
}  
.forgotPasswordForm fieldset ul li label {
	float: left;
	width: 140px;
	margin-right: 5px;      
	text-align: right; 
	padding-right: 13px;
	padding-top:0px;
	*padding-top:2px;
}

.commandBar {float:left;width:95%;*width:100%;margin-top:10px;padding-bottom:10px}
	.commandBar .commandBar-left	{float:left;text-align:left; width:50%}
	.commandBar .commandBar-right	{float:left; width:50%;text-align:right;}
	.commandBar .commandBar-right a.link-button {float:right;}
		.commandBar-spacer {float:right}

/*link button styling*/
a.login-button
{
    width:120px;
    text-align:center;
}
a.logout-button 
{
    margin-top: 10px;
    float:right !important;
    width:120px;
    text-align:center;
} 
a.link-button, a.link-button span, a.link-button:link span, a.link-button:hover span
{
	color: #fff;
	text-decoration: none;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
a.link-button:hover{text-decoration: none;}
a.link-button {
    /* Sliding right image */
    background: transparent url('/assets/img/btn_primary_left.png') no-repeat scroll top right; 
	display: block;
	float: left;
	height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 0px;
	padding-right: 16px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
}
a.link-button span {
	/* Background left image */ 
	background: transparent url('/assets/img/btn_primary_right.png') no-repeat 0% 50%; 
	display: block;
	line-height: 18px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
	padding: 5px 0 7px 18px;
}


a.secondary {
    /* Sliding left image */
    background: transparent url('/assets/img/btn_secondary_left.png') no-repeat scroll top right; 
}
a.secondary span {
	/* Background right image */ 
	background: transparent url('/assets/img/btn_secondary_right.png') no-repeat 0% 50%; 
	color:#3c4246 !important;
}
a.disabled {
    /* Sliding left image */
    opacity: 0.5;
}
a.disabled span {
	/* Background right image */ 
	color:#3c4246 !important;
}

.titled-box{background:#f6faeb; margin-bottom: 20px;}
.titled-box h3 {font-family: "ubuntu-n4", 'Ubuntu', Arial, Helvetica, sans-serif; font-weight:400; background:#ebf4d7;padding:10px;color:#5da13e;margin: 0px 0px 0px 0px;padding: 5px 0px 5px 8px}
.titled-box .content {padding:5px}
.titled-box .content h4 {font-weight: bold;}
.titled-box .content .nz-flag{background: transparent url('/assets/img/flags.jpg') no-repeat 0 -42px; float:left; width:80px; height:42px;}
.titled-box .content .au-flag{background: transparent url('/assets/img/flags.jpg') no-repeat 0 0; float:left; width:80px; height:42px;}
.titled-box ul li {list-style:none;}
.titled-box ul {margin-left:5px;}
.titled-box .content ul.link-list li a{display:inherit;text-align:left; font-weight:normal; margin-left:10px; text-indent:-15px; *margin-left:5px; *text-indent:0px; *margin-bottom:4px;}

.download-box Table {border-collapse: collapse;}
.download-box{background:#fff; margin-bottom: 20px; padding:0px 0px 20px 0px;}
.download-box .header td {padding:5px 5px 5px 15px; border-top:1px solid #888F95; border-bottom:1px solid #888F95;}
.download-box .description td {padding:15px 10px 15px 15px; }


.titled-box2 {background:#F6FAFE;} 
.titled-box2 h3 {font-family: "ubuntu-n4", 'Ubuntu', Arial, Helvetica, sans-serif; font-weight:400; background:#EAF1F7;color:#752E9A; padding:10px;margin: 0px 0px 0px 0px;padding: 5px 0px 5px 8px}
.titled-box2 .content {padding:10px}
.titled-box2 ul li {list-style:none;}


.box-collection .titled-box2 .title span {float:right; margin-right: 25px; font-weight:bold; color:#888f95;}
.box-collection .titled-box2 { margin-bottom: 20px;}
.box-collection .titled-box2 .content {padding-bottom:20px;}
.box-collection .titled-box2 .content img {float:left; display:block; margin:6px;}
.box-collection .titled-box2 .content p { margin-top:10px;margin-left:40px;}

.box-collection .titled-box .title span {float:right; *display:none; margin-right: 25px; font-weight:bold; color:#888f95;}
.box-collection .titled-box { margin-bottom: 20px;}
.box-collection .titled-box .content {padding-bottom:20px;}

.box-collection .titled-box .content img {float:left; display:block; margin:0px 20px 40px 6px;}
.box-collection .titled-box .content p { margin-top:6px; }
.box-collection .titled-box .content a { display:block; font-weight:bold;font-size:1em;}
.box-collection .titled-box .content ul.link-list li a{display:inherit;text-align:left; margin-left:10px; text-indent:-15px; *margin-left:5px; *text-indent:0px; *margin-bottom:4px;}
.box-collection .titled-box-bullet ul li { list-style-type: disc;margin-left: 20px;}

.box-collection .titled-box .service-application{padding-bottom:5px;}
.box-collection .titled-box .service-application p{ margin: 0px;}


.titled-box2 h4 {background:#EAF1F7;color:#752E9A; padding:10px;margin: 0px 0px 0px 0px;padding: 5px 0px 5px 8px}
.box-collection-horizontal .titled-box{margin-right: 10px; width:185px; float:left; height:200px;}
.box-collection-horizontal .titled-box2{margin-right: 20px; width:270px; float:left; height:180px; margin-bottom:20px; }
.box-collection-horizontal  .titled-box2 .content img {float:left; display:block; margin:6px; margin-left: -5px;}
.box-collection-horizontal  .titled-box2 .content a { display:block;text-align:right;}

.featured-solutions .titled-box .content p {margin-bottom:5px; padding-bottom:5px; }
.featured-solutions .titled-box .content p span {border-bottom:1px solid #DCDCDC; width:200px; display:block; margin-left:80px; margin-top:-10px;}
.featured-solutions .titled-box h3 {background-color:transparent; color:#8b35b7}
.featured-solutions .titled-box {background-color:transparent; }

.support-options{width:585px; padding:10px; border:1px solid #dcdcdc; margin-bottom:30px;}

.contact-us {margin:0 50px 0 50px;}   
.contact-us .box-collection .titled-box2 h4, h5 {margin-left:20px;}
.contact-us .box-collection .titled-box2 h5 {margin-left:30px;}
.contact-us .box-collection .titled-box2 ul li {margin-left:40px;}

.contact-list-edit-info{display:block; margin-bottom:20px;margin-left:5px;}
.contact-list-edit-info .helper-text{display:block; width:350px;}
.form .opt-in-clause{margin-left:20px;}
.form .opt-in-clause-edit-contact{margin-left:50px; margin-top:20px;}
.text-highlight {color:#8b35b7;}

select.dd {width: 60px!important; margin-right: 10px;}
select.mm {width: 50px!important; margin-right: 10px;}
select.yyyy {width: 76px!important;}
select.yesno {width: 60px!important;}

/* Login form */
.login-box {width:100%}
.login-box h3 {background-color:#EBEBEB; color:#8b35b7; padding:10px 15px 0;}
.login-box .content {background-color:#EBEBEB}


	.login-form {width:210px; padding:0px 5px 0px 10px;}
	.login-form fieldset ul{float:none;width:auto}
	.login-form fieldset ul li {width:auto;}
	.login-form fieldset ul li label {float:none}
	.login-form .input-help-text, .login-form  .validation-message {margin-left:0px;}
	.login-form fieldset input {width:200px;}
	.login-form fieldset select {width:200px;}
	.login-form fieldset ul li .empty-label {margin-right:0px; padding-right:0px;}
	.login-form span.psuedo-field {margin-left:30px; width:auto;float:left;}
	#login-helper-text{float:left; margin-top:10px;}
	.login-form {border:none; background-color:#EBEBEB;}

/*product catalog*/
.product-catalog{margin:20px 0px 0px 0px; padding:0px;}
    .product-catalog .inner {width:95%; float:left; margin-right:15px; margin-bottom:30px;}
    .product-catalog .inner img{display:block; margin:0px; float:left;}
    .product-catalog h4 {color:#56504E; padding:0px; margin-bottom:10px;margin-left:35px;}
    .product-catalog .price {color:#000; font-size:16px; display:block;margin:0px;margin-bottom:10px;margin-left:35px;} 
    .product-catalog .description {display:block; color:#888F95; font-size:15px; margin-left:35px;}
    .product-catalog ul{list-style:none; margin:0px; padding:0px;}
    .product-catalog ul.links{ margin:10px 0 10px 65px; font-size:15px;}
    .product-catalog .links li{ border-top:1px solid #dcdcdc; }
    .product-catalog .links li a { display:block; padding:7px 0; }
    .product-catalog .links li.prodDetails{ font-weight:bold; }
/* end product catalog*/

/* Change details nav bar*/
.step-nav {font-size:20px; margin-bottom:20px; font-weight:normal; color:#888f95; margin-left:0px;}
    .step-nav li 
    {
	    border:1px solid #752e9a; 
	    display:block; 
	    float:left; 
	    padding:5px 30px; 
	    margin-bottom:20px; 
	    margin-right:5px;
    }
    .step-nav .active { background-color:#752e9a; color:#fff; font-weight:bolder;}

/* end change details nav bar*/

.pdf-image-link {background:url(/assets/img/icon-pdf.gif) no-repeat 0px 0px; padding-left:22px;}
.acrobat-image-link 
{
	background:url(/assets/img/icon-get-acrobat.gif) no-repeat 100% 0px; 
	display:block;
	padding-right:120px;
	width:110px;
	margin:1em 0px;
	line-height:2.5em;
}

.standardTable {
    
    margin: 20px 0px;
    width: 100%;
}

.standardTable-wide-page-layout
{
	width: 610px!important;
}

.standardTable thead th, .standardTable thead td {
    background: none repeat scroll 0 0 #E2E6ED;
    color: #393F4C;
    font-weight: bold;
    text-align: left;
}
.standardTable th { padding: 10px; border-right: 1px solid #CDD2D9; border-bottom: 1px solid #fff;}
.standardTable td { padding: 8px 5px 8px 10px; border-right: 1px solid #CDD2D9;vertical-align: middle;}
.standardTable th:last-child { border-right: none;}
.standardTable td:last-child { border-right: none; }

.standardTable .odd td { background: none repeat scroll 0 0 #F7F3F8; }
.standardTable .even td { background: none repeat scroll 0 0 #ffffff; }
.standardTable .errorText td { color: #cc0000; }
.standardTable .date { text-align: center; }
.standardTable .currency { text-align: right; }
.standardTable .number { text-align: right; }
.standardTable .centeredText { text-align: center; }
    
.table-description { font-size: 2em; margin-bottom: -0.4em; }
.table-description a { font-size: 12px;border-bottom: 1px solid;}
.table-help-text { color: #888f95; margin-top: -1em; margin-bottom: 3.5em; }
.larger-table-text td { font-size: 13px; }
.standardTable .highlight td { background-color: #fbe5e5; }

.downloads-table{margin:0 0 10px 15px; width:95%;}

.linkListTable {padding-bottom:20px;}
.linkListTable td {padding-left:30px;}

/* LEVEL ONE */
ul.dropdown                         { position: relative; list-style: none !important; z-index: 1;margin-left:0px;padding-top:8px; }
ul.dropdown li                      { font-size:14px; float: left; zoom: 1; background: transparent; padding-right:20px; padding-bottom:12px;list-style-type: none;font-family: "ubuntu-n4", 'Ubuntu', Arial, Helvetica, sans-serif; font-weight:400;}
ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: none;color: #fff;font-size: 16px; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: transparent; color: #8b35b7; position: relative; }
ul.dropdown li.hover a              { color: #b986d4; }

/* LEVEL TWO */
ul.dropdown ul 						{ width: 180px; visibility: hidden; position: absolute; top: 100%; left: 0; border:solid 1px #dcdcdc; background-color:#fff; padding-left:20px; padding-top:15px; padding-bottom:20px; }
ul.dropdown ul li 					{ font-weight: normal; background: #fff; border-bottom: 0px solid #ccc; float: none;color:#888F95; padding-bottom:2px;list-style:none outside none; vertical-align:middle;}
ul.dropdown ul li a					{ font-size:13px;border-right: none; width: 100%; display: block;color:#373942!important; text-indent:-0px; *text-indent:-0px; margin-left:-10px; *margin-left:-5px; vertical-align:middle; *vertical-align:text-top;font-family:Arial, Helvetica, sans-serif, Verdana;} 
ul.dropdown ul li a:hover			{ color:#b986d4 !important}
ul.dropdown ul li.hover             { background: #fff; color: #000; position: relative; color:#b986d4 !important}

/* LEVEL THREE*/
ul.dropdown ul ul 					{ left: 100%; top: 0; list-style: none !important;}
ul.dropdown li:hover > ul 			{ visibility: visible; }

ul.floatlist{ margin:0; }
ul.floatlist li{float:left;}

/*for the account selector*/
.account-selector-width{max-width:400px; *width:380px; overflow:hidden;}

.footer { text-align:center; margin:0 auto; margin-top:30px; color:#888f95; }
    .footer ul { list-style-type:none;}
    .footer .bottomLinks { border-top:1px solid #dcdcdc; padding:15px 0; margin:15px 0; }
    .footer .bottomLinks li { margin-right:5px; font-size:11px;list-style-type: none}
    .footer .bottomLinks li a, .footer .bottomLinks li a:active, .footer .bottomLinks li a:link {color:#888f95;}
    .footer .bottomLinks li a:hover {text-decoration:underline}

.partner-info div {width:113px; height:39px; float:left; margin-right:5px; margin-top:8px;}
.partner-info .ccpartner{background: url("/assets/img/partner-icon.png") no-repeat scroll 0 -42px transparent;}
.partner-info .rmpartner{background: url("/assets/img/partner-icon.png") no-repeat scroll 0 -84px transparent;height: 59px;}
.partner-info .abpartner{background: url("/assets/img/partner-icon.png") no-repeat scroll 0 0 transparent;}
.partner-info img {float:left; margin-right:10px; margin-top:4px;}
.partner-info p {margin-bottom:10px;}

.label-text-pair label { font-weight:bold; width:60px; float:left; *float:inherit;}
.label-text-pair span {display:block; width:350px;}

/* page count results control */
.results{font-weight:bold; color:#888f95; list-style:none; margin:0px; padding:0px;}
	.count {float:left;margin-left:5px;}
	.page {float:right; margin-right:5px;}
		.top{margin-top:20px; padding-bottom:5px;}
		.bottom{margin-bottom:20px;}
.results li {list-style-type: none;}

.MessageBox
{
	background: #FFF2BA; 
	border: 1px solid #CCCCCC;
	padding:10px;
    margin-bottom: 20px;
    margin-top: 10px;
    overflow:hidden;
    text-align: left; 
    height:auto;
}

.form .MessageBox {margin-left: -30px;margin-right: 10px; width: auto; }

.span8 .MessageBox { width: auto;}

.MessageBoxWide { width: auto;}

.MessageBox span
{
	background: transparent url(/assets/img/icon_status_alert.png) 0% 50% no-repeat; 
    color:#333333;
    padding:10px 10px 10px 45px;
}
.MessageBox .important-message { font-size: 1.5em; font-weight: bold; background: none; padding:20px 10px 10px 0px;}

.Error { background: #FFF2BA; }
.Error span { background: transparent url(/assets/img/icon_status_alert.png) 0% 0% no-repeat; }
.Warning { background: #FFF2BA; }
.Warning span { background: transparent url(/assets/img/icon_status_alert.png) 0% 50% no-repeat; }
.Success { background: #E1F9C4; }
.Success span {	background: transparent url(/assets/img/icon_status_confirm.png) 0% 50% no-repeat; }

.GreyBox{margin-right:15px; width:auto; background:#eee;}

/* Popup boxes (UI Widgets) overrides*/
.ui-widget-header {
	background:none repeat scroll 0 0 #EBF4D7;
	border:none;
	color:#5da13e;
}
.ui-corner-all {
	-moz-border-radius:0px;
}
.ui-dialog .ui-dialog-content {
	background:#f6faeb;
	color:#888f95;
}
.ui-widget-header .ui-icon {
	background-image:url("/assets/scripts/jquery-ui-1.7.2.custom/css/smoothness/images/ui-icons_888888_256x240.png");
}

.support-details #supportname{margin-left: 15px;}
.support-details .heading{font-weight:bold;margin-bottom:5px; }
.support-details #renew-text {float: left; margin-top: 5px; margin-left: 5px; width: 450px;}
.support-details #renew-action{
    	padding:0.5em; 
    	font-size:x-small; 
    	font-weight:lighter;  
    	background: #EBF4D7; 
    	float: right; 
    	margin-top: 50px; 
    	border: #5da13e 1px solid;
}
.support-details #renew-action span{padding-left:0.8em; padding-right:0.6em}

.site-map div {margin:30px  0 0 30px;}
.site-map div ul li {list-style:none; font-size:18px; margin-bottom:10px;}
.site-map div ul li ul li {list-style:none; font-size:16px; margin-bottom:2px;}
.site-map div ul li a:after{color:#888f95; font-size:25px; content:"\00A0\00A0›"}
.site-map div ul li ul li a:after{color:#888f95; font-size:20px; content:"\00A0\00A0›"}

ul.link-list li a {font-weight:normal;}
ul.link-list li a:before {color:#888f95; font-size:20px; font-weight:normal; content:"›\00A0";}

.pagingControl .pageSizer {float: left;}
.pagingControl .pageSelector {float: right; margin-bottom:10px;}
.pagingControl a 
{
    color: #888F95; 
    font-size:13px;
    font-weight: bold;
    margin: 20px 1px 30px;
    padding: 2px 5px;
}

/* SUPPORT NEWS DASHBOARD*/
h1.editorFix, h2.editorFix, h3.editorFix, h4.editorFix
{
    float:none;
    width:auto;
    background-image: none;
    background: ;
    color:#5B1271;
}

h1.editorFix {font-size:1.2em}
h2.editorFix {font-size:1.1em}
h3.editorFix {font-size:1.0em}
h4.editorFix {font-size:0.8em}    

#bulletinArticlesTable {margin-top:5px}

#bulletinArticlesTable td 
{
    border-right: 1px none #763ab8;
    border-top: 1px dashed #763ab8;
    background: #fff;
    padding: 6px 6px 6px 5px;
    color: #763ab8;
}

.tabset_tabs a {font-size:12px}
.tabset_tabs { margin:0; padding:0; list-style-type:none; position:relative; z-index:2; white-space:nowrap }
.tabset_tabs li	{ margin:0; padding:0; display:inline }
.tabset_tabs a	{ color: #5f5f5f ! important; background-color:#eae9e9 ! important; border:1px solid #cccccc; text-decoration:none; padding:0 0.6em; border-left-width:0; border-bottom:none;}
.tabset_tabs a:hover { color: #5f5f5f ! important; background-color:#fff ! important }
.tabset_tabs a.activeTab { color: #5f5f5f ! important; background-color:white ! important; border-color:#cccccc; border-left-width:1px; cursor:default; border-bottom:white; padding-top:1px; padding-bottom:1px }
.tabset_tabs li.firstchild a	{ border-left-width:1px }
.tabset_content	{ border:1px solid #cccccc; background-color:white; position:relative; z-index:1; padding:10px 2px 2px 4px; display:none; float:left; }
.tabset_label	{ display:none }
.tabset_content_active	{ display:block }

.buttonInput {width:100px; 
              background:transparent url(/assets/img/buttons.gif) no-repeat scroll 100% -24px;
              margin:0px;
              border: none;
              color: #ffffff;
              display:block;
              font-weight:bold;
              line-height:2em;
              height:24px;
              }
 a.buttonInput {color:#fff;}
 
.articleSelector{width:auto}
.articleCheckBoxSelector input {width:20px; border:0px; margin-left: -3px;}
.articleEditorFooter p {margin-top: 60px;}
.articleEditorFooter {margin-left:150px; margin-top:20px;}

.ajaxProgress {
    opacity: 0.7; /* Safari, Opera */
    -moz-opacity:0.70; /* FireFox */
    filter: alpha(opacity=70); /* IE */
    z-index: 200;
    height: 22px;
    width: 180px; 
    background-repeat:repeat;
    position:relative;
    top: 0px;
    left: 0px;
    background: #fff url('/assets/img/bar180.gif') no-repeat center;
}

#recom-items-separator {height:30px;}
#button-align-fix {margin-left:25px;}
#optin-message {float:left; *clear:both;*float:none; }
.form fieldset ul .float-fix {float:left; *clear:both;*float:none; }

.halfsizeformLeft {width:50%; float:left;}
.halfsizeformRight {width:50%; float:left;}
    
.threequartersizeformLarge {width:70%; float:left;}
.threequartersizeformSmall {width:30%; float:left;}
.threequartersizeformSmall .form  {padding: 10px 5px 5px 10px; width:98%; }
.halfsizeformLeft .form {padding: 10px 5px 5px 10px; width:98%; margin-left: -15px;}
.threequartersizeformLarge .form   {padding: 10px 5px 5px 10px; width:95%;}
.halfsizeformRight .form {padding: 10px 5px 5px 10px; width:98%; margin-left:10px;}
.threequartersizeformLarge .form fieldset, .halfsizeformRight .form  fieldset {margin-top:0px; width:95%;}
.threequartersizeformLarge .form fieldset ul li, .halfsizeformRight .form fieldset ul li {width:95%;}
.threequartersizeformLarge .form fieldset span, .halfsizeformRight .form fieldset span {width: 95%;}
.threequartersizeformLarge .form fieldset input, .halfsizeformRight .form fieldset input, 
.threequartersizeformLarge .form fieldset textarea, .halfsizeformRight .form fieldset textarea,
.threequartersizeformLarge .form .validation-message, .halfsizeformRight .form .validation-message, 
.threequartersizeformLarge .form fieldset select, .halfsizeformRight .form fieldset select, 
.threequartersizeformLarge .form ul li .radio-list, .halfsizeformRight .form ul li .radio-list {width:180px;}
.threequartersizeformLarge .form fieldset select, .halfsizeformRight .form fieldset select {width:185px;}
.threequartersizeformLarge .form fieldset ul li label, .halfsizeformRight .form fieldset ul li label {width:180px;}
.threequartersizeformLarge .form .input-help-text, .halfsizeformRight .form .input-help-text {width:200px; margin-left:198px;}
.threequartersizeformLarge .form .input-help-text, .halfsizeformRight .form .input-help-text, 
.threequartersizeformLarge .form .validation-message, .halfsizeformRight .form .validation-message, 
.threequartersizeformLarge .form span.psuedo-field, .halfsizeformRight .form span.psuedo-field {margin-left:198px;}
.threequartersizeformSmall .numbered-list ol, .halfsizeformLeft .numbered-list ol {margin-right: 10px;}
.threequartersizeformLarge .form .radio-list input, .halfsizeformRight .form .radio-list input{border:0;width:auto;height:auto;float:none; vertical-align:middle; margin-bottom:1px; *margin-bottom:1px;}
.halfsizeformRight fieldset ul li label {width:280px;}

.halfsizeformRight .login-form {background-color: #FFF;border: none;}
.halfsizeformRight .login-form fieldset input{width:320px;}
.halfsizeformRight .login-form span.psuedo-field{margin-left: 20px; padding-bottom:20px;}
.halfsizeformRight .login-form .validation-message{margin-left: 0px; width:320px;}

/*PartnerQuote Page*/
.quote-contents-table{}
.quote-contents-table-header{font-size:0.95em;}
.quote-contents-table .product-description{text-align:left; vertical-align:middle;}
.quote-contents-table .product-quantity{text-align:center; vertical-align:middle;}
	.quote-contents-table .product-quantity select{width:50px; float:right;}
.quote-contents-table .product-delivery{text-align:center; vertical-align:middle;}
	.quote-contents-table .product-delivery select{width:100px; float:right;}
.quote-contents-table .product-upfront{text-align:right; vertical-align:middle; padding-right:60px; }
.quote-contents-table .product-monthly{text-align:right; vertical-align:middle; padding-right:60px; }

.quote-contents-table-header .product-description-th{font-weight:bold; width:270px; text-align:left;}
.quote-contents-table-header .product-quantity-th{font-weight:bold; width:60px; text-align:center;}
.quote-contents-table-header .product-delivery-th{font-weight:bold; width:130px;text-align:center;}
.quote-contents-table-header .product-upfront-th{font-weight:bold; width:160px;text-align:center;}
.quote-contents-table-header .product-monthly-th{font-weight:bold; width:160px;text-align:center;}

.quote-contents-table .total-text{text-align:right; vertical-align:middle; font-weight:bold;}
.quote-contents-table .total-upfront{text-align:right; vertical-align:middle;  font-weight:bold;}
.quote-contents-table .total-monthly{text-align:right; vertical-align:middle;  font-weight:bold;}

.quote-contents-table .action-buttons {padding-top:5px; padding-bottom:13px;}
.quote-contents-table .product-upfront, .quote-contents-table .product-monthly {padding-right:0px;}
.quote-contents-table .amount {padding-right:60px;}
.quote-contents-table .discount-amount {padding-right:60px; color: #86a831; font-weight: bold;}
.quote-contents-table .text {padding-right:25px;  font-size: 90%;}

#inline {float:left;}
.separator {background: transparent url(/assets/img/line.png) 0% 0% repeat-x;}

.product-form {padding-bottom: 20px; margin-bottom:20px;}

.form fieldset ul .product-selection {width:100%;}
.product-selection-text {padding-left: 25px;}
.product-selection-check{float:left !important;margin-top:3px;}

.form fieldset .horizontal-list {padding-bottom:7px;}
.form fieldset .horizontal-list li label {padding-right:6px;}
.product-form fieldset .payment-schedule select{width:auto;}
.product-form fieldset ul li label{width:120px;}
#payment-description{display:inline;margin-left:10px;}

/*combine images into sprites*/
h4.trigger span{
    background: url("/assets/img/arrows.gif") no-repeat scroll left 2px transparent;
    margin-right: 5px;
    height:36px;
    width:16px;
    float:left;
    clear:both;
}
h4.usertrigger span{
    background: url("/assets/img/arrows.gif") no-repeat scroll left 2px transparent;
    margin-right: 5px;
    height:36px;
    width:16px;
    float:left;
    clear:both;
}
h4.active span{background-position: left bottom;} 

.toggle_container {
    margin: 0 0 50px;
    padding: 0;
    overflow: hidden;
    clear: both;
}
h4.active span {background: url("/assets/img/arrows.gif") no-repeat scroll right 2px transparent;}

p.trigger span{
    background: url("/assets/img/arrows_updown.gif") no-repeat scroll left 2px transparent;
    margin-right: 5px;
    height:36px;
    width:16px;
    float:left;
    clear:both;
}

p.active span{background-position: left bottom;} 
p.active span {background: url("/assets/img/arrows_updown.gif") no-repeat scroll right 2px transparent;}

.toggle_container .block {
    padding: 5px; 
    background-color: #FAFAFA;
}

.toggle_container .block ol li 
{
	padding-bottom:10px;
	text-indent:-13px;
	margin-left:10px;
}

.block p{clear: both;}

#service-application-container
{
    float: left;width:98%
}
    #service-application-leftCol
    {
        width: 620px;float:left
    }
    #service-application-rightCol
    {
        width: 230px;float:left
    }
    
.form fieldset ul .owner-detail-header { margin-bottom:-10px; * margin-bottom:-12px;}
.form fieldset ul .owner-detail-header p {display:inline; font-size:11px; }
.form .owner-detail .smallfield { width:100px; display:inline; float:left;}
.form .owner-detail .mediumfield { width:160px; display:inline; float:left;}
.form .owner-detail  .spacer {display:inline; width:5px; float:left;  margin:5px 5px 0;}
.form fieldset .disabled-textbox{ border: none; }
.owner-detail-header .p1{margin-right:59px; * margin-right:63px;}
.owner-detail-header .p2{margin-right:74px;  * margin-right:79px;}
.owner-detail-header .p3{margin-right:46px;  * margin-right:49px;}
.form .owner-detail-validation-message{ margin-left: 0px;float: left;}
.business-owner .link-button-right { float: right;margin-right: 30px;}
span .owner-detail-header{ color: #763ab8;}

.styledList li {list-style-type:disc}
 .mandatory-instructions{color:#8B35B7; font-size:11px;font-family:Arial;clear:both;}
 .mandatory-instructions span {background: transparent url(/assets/img/icon_mandatory.png) 100% 50% no-repeat;padding: 3px;} 
 
#registrationSerialHelpText { display: none }
.find-serial .toggle_container .block ul.square {margin: 15px 0px 20px 20px; list-style-type: square; list-style-image: none;}
.find-serial .toggle_container .block ul.square li { list-style-type: inherit;}
.find-serial .toggle_container .block { background: transparent;}
.find-serial .toggle_container .block .standardTable thead td {
        background: none repeat scroll 0 0 #F3EAF8;
        color: #8132AA;
        font-weight: normal;
        text-transform: uppercase;
        text-align: left;
        font-size: 12px;
    }
    
.hidden-validation-summary ul { display: none; visibility: hidden; }

.li-space li { margin-bottom: 10px;}

.form .validation-message-wide{ width: auto;margin-left: 20px;}

#dropDownFilterContainer { width: 10px; position: relative; width: 100px; }
#dropDownFilter {
    border-style: solid;
    background: #ffffff;
    width: 200px;
    padding: 5px 5px 50px;
     border: 1px solid #DCDCDC;
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.5);
	box-shadow: 0 3px 3px rgba(0,0,0,.5);    
}
#dropDownFilter{*padding-bottom: 0px;}
#dropDownFilter label { text-transform: none; font-weight: normal; color: #62676B; }
#dropDownFilter a { text-transform: none; cursor: pointer;}
#dropDownFilter td { background: none; text-align: left; padding: 0; border: none; vertical-align: top;padding-top: 2px;}
#dropDownFilter input { width: auto;border: none; margin-right: 3px;margin-top: 1px;}   
#dropDownFilter input{ margin-top: -3px\9;*margin-top: -1px;}   /*note ie hack*/

#dropDownFilter table { padding-bottom: 15px;}    
#dropDownFilter table tr+tr td {border-bottom: 2px solid; color: #8132AA;}
#dropDownFilter table tr+tr+tr td {padding-top: 10px;border-bottom: none;}
#dropDownFilter table tr+tr+tr+tr td {padding-top: 0px; }



/* Cloud service specialized classes*/
.form fieldset .cloudServiceSelector li label {width:auto;margin-right: auto;}
.form fieldset .cloudServiceSelector li .wide-ddl{width:550px;}

.threequartersizeformLarge .form fieldset ul li .radio-list-wide { width: 320px;}
.form fieldset ul li.radioli { clear: both; padding-bottom: 50px;}
.form fieldset ul li.radioli span span {
                width:290px;
                display: block; 
                text-align:left;
                text-indent: 0;
                margin-left: 20px;
                font-size: 95%;
                margin-bottom: 10px;
}
.form fieldset ul li.radioli a {
                width:290px;
                display: block; 
                text-align:left;
                text-indent: 0;
                margin-left: 20px;
                font-size: 95%;
}
.form fieldset ul li.radioli.pad{padding-bottom: 200px;}
.form fieldset ul li.radioli.padsmall{padding-bottom: 100px;}
.halfsizeformRight .form .reset-margin-left{margin-left:25px; width:300px;}


/*Help Tab */
#helpcontainer #overlay {
    background-color:#000000;
    opacity: 0.7;
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100001;
}
#helpcontainer a#help-tab, a#help-tab:link {
    background-position: 2px 50% !important;
    background-repeat: no-repeat !important;
    display: block !important;
    height: 120px !important;
    margin: -45px 0 0 !important;
    padding: 0 !important;
    position: fixed !important;
    top: 45% !important;
    width: 31px !important;
    z-index: 100001 !important;   
}
#helpcontainer a#help-tab {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-radius: 0 10px 10px 0;
    background-color: #752E9A;
    background-image: url("");
    background-repeat: no-repeat;
    border-color: #752E9A #752E9A #752E9A -moz-use-text-color;
    left: 0;
    opacity: 0.7;
}
#helpcontainer a#help-tab img { margin-top: 10px; margin-right: 3px; z-index: 100001 !important;}
#helpcontainer #help-options {
    background: none repeat scroll 0 0 #EBEBEB;
    display: block;
    height: 600px;
    left: -395px;
    position: fixed;
    top: 10px;
    width: 390px;
    z-index: 2147483647;
    border: 1px solid  #752E9A;
    border-radius: 0 5px 5px 0;
}
#helpcontainer #help-options #inner {padding: 0 10px; text-align: left;}
#helpcontainer #help-options #outer { padding: 5px; text-align: right;}
#helpcontainer a#help-tab:link, a#help-tab:visited, a#help-tab:active { color: #FFFFFF; text-decoration: none;}
#helpcontainer #help-options #close-link{ font-size: 20px;}
#helpcontainer #help-options h1{ text-align: left;}
#helpcontainer #help-options h2 { margin-bottom: 5px; margin-left: 10px; margin-top: 30px;}
#helpcontainer #help-options h4 { margin-bottom: 5px; margin-left: 25px; margin-top: 5px;}
#helpcontainer #help-options p{text-align: left; margin-left: 20px; margin-bottom: 5px;}
#helpcontainer #help-options input{margin-left: 20px;}
#helpcontainer #help-options p span{
    border-bottom: 1px solid #888F95;
    display: block;
    margin-left: 60px;
    margin-top: -10px;
    width: 200px;
    margin-top: 10px;
}

.supportNewsArticle {width:500px}
.supportNewsArticle span.articleContent ul{ padding:1em; margin:1em; list-style-type: disc;}
.articleContent h1, .articleContent h2, .articleContent h3, .articleContent h4,.articleTitle h1 
{
    float:none;
    width:auto;
    background-image: none;
    background: ;
    color:#5B1271
}

/*Partner referal*/
.form .nzbsb  .bank { width:17px; display:inline; float:left;}
.form .nzbsb  .branch {width:37px; display:inline; float:left;}
.form .nzbsb  .account {width:52px; display:inline; float:left;}
.form .nzbsb  .suffix {width:27px; display:inline; float:left;  }
.form .nzbsb  .spacer {display:inline; width:10px; float:left;}
.halfsizeformRight .form .validation-message-partnerreferal {width:185px;}

/*feedback */
.feedback-link a { background: url("/assets/img/sprite.png") no-repeat scroll -1px -62px transparent; float:right; white-space:normal; padding:0 0 4px 33px;}
#feedback-form { padding:10px;}
#feedback-form textarea { width:200px}
.ratingControl img { float:left; padding: 0px; margin: 0px; border:0px; cursor:pointer }

/*service application nav*/
#serviceApplicationNavigation, #service-appilcation-navigation-legend{padding:10px; border: #dcdcdc 1px solid }
#serviceApplicationNavigation ul, #service-appilcation-navigation-legend ul {margin-left:20px;list-style-type: none;padding: 0;margin: 0;padding-top:10px;}
#serviceApplicationNavigation ul li {list-style-type: none}
#serviceApplicationNavigation a:link, #serviceApplicationNavigation a:visited, #serviceApplicationNavigation a:hover, #serviceApplicationNavigation a:active, #serviceApplicationNavigation a{ text-decoration:underline; }
#sa-pds {margin-top: 20px; margin-left:20px; }
#serviceApplicationNavigation li, #service-appilcation-navigation-legend li{background-repeat: no-repeat;background-position: 0 .4em; padding-left: 1.5em;}
#serviceApplicationNavigation li.current, #service-appilcation-navigation-legend li.current{background-image: url("/assets/img/navigationArrow.png")}
#serviceApplicationNavigation li.current a, #service-appilcation-navigation-legend li.current a{font-weight:bold; text-decoration:none}
#serviceApplicationNavigation li.complete, #service-appilcation-navigation-legend li.complete{background-image: url("/assets/img/tick.gif")}
#serviceApplicationNavigation li.inError, #service-appilcation-navigation-legend li.inError{background-image: url("/assets/img/wrong.png")}
#serviceApplicationNavigation li.NotVisited, #service-appilcation-navigation-legend li.NotVisited{background-image: url("/assets/img/question.png")}
.mandatory-instructions {margin-bottom:10px;}
#progress-legend{margin-bottom:0px; padding-bottom:0px;}
.legend-color{color: #8b35b7;}
#service-application-leftCol h4 {margin-bottom: 0px; padding-top : 0px;}
#service-application-leftCol #submit-text {margin-top:50px;}
#service-application-leftCol #additional-services{margin-top:50px; width:90%; background-color:rgb(250, 250, 250); border: 1px solid #dcdcdc; clear:both; padding:10px;}

/*Product downloads*/
 /*max width based on image dimensions */
.dialog {position:relative;margin:0px auto;min-width:8em;max-width:760px; color:#cdcdcd;z-index:1; margin-left:12px;margin-bottom:0.5em; }
.dialog .content,.dialog .t,.dialog .b,.dialog .b div {background:transparent url(/assets/img/dialog-background-a.png) no-repeat top right;_background-image:url(/assets/img/dialog-background-a.png);}
.dialog .content {position:relative;zoom:1;_overflow-y:hidden;padding:0px 12px 0px 0px;}
 /* top+left vertical slice  arbitrary long height, IE 6 */
.dialog .t { position:absolute;left:0px; top:0px;width:12px; margin-left:-12px;height:100%;_height:1600px; background-position:top left;}
.dialog .b {/* bottom */position:relative;width:100%;}
.dialog .b,.dialog .b div {height:10px; /* height of bottom cap/shade */ font-size:1px;}
.dialog .b {background-position:bottom right;}
.dialog .b div {position:relative;width:12px; /* bottom corner width */margin-left:-12px;background-position:bottom left;}
.dialog .hd,.dialog .bd,.dialog .ft {position:relative;}
/* extra content protector - preventing vertical overflow (past background) */
/* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
.dialog .wrapper {position:static;max-height:1000px;overflow:auto; }
/* margins will blow out backgrounds, leaving whitespace. */
.dialog p { margin:0px; padding:0.5em 0px 0.5em 0px;}
.dialog h1 {padding-bottom:0px;}
.downloadsDialog{width:230px;color: #262626;}
.downloadsDialog h3{padding:0.5em 0px 0.5em 0px;background: transparent;font-family: Arial;font-weight: bold;font-size: 14px;}
.downloadsTable{border-collapse:collapse;width:210px !important;margin: 0 auto;padding:0;}
.downloadsTable td{padding:0;margin:0;}
.downloadsTable td.downloadButton{width:100%;color:#fff;margin: 0 auto;vertical-align:middle;background:transparent url(/assets/img/btn_download.png) no-repeat top center;_background-image:url(/assets/img/btn_download.png);font-family: verdana;font-weight:bold;font-size: 11px;height: 45px;text-align:center;padding: 0px 5px 0px 5px;}
.downloadsTable td.downloadArrow{width:100%;margin: 0 auto;background:transparent url(/assets/img/icon_downloadarrow.png) no-repeat top center;_background-image:url(/assets/img/icon_downloadarrow.png);height: 30px;text-align:center;padding: 0;}
.downloadsTable td.downloadArrow{text-align:right;vertical-align:text-top;color:#333;}
.downloadsTable td.downloadButton a:link, .downloadsTable td.downloadButton a:visited, .downloadsTable td.downloadButton a:hover{color:#fff;text-decoration:none;width:100%;display:block;}
.downloadsTable th{text-align:center;}
.downloadsTable th h3{padding:0px;margin:20px 0px 15px 0px;}

/*ie7 hacks */
.halfsizeformRight .form {*width:90%}
.halfsizeformLeft .form { *margin-left:0px; *padding-left:5px; }
.commandBar .commandBar-left { *width: 48%;}

/* Support news*/
.supportnews-bulletineditor-form, .supportnews-articleeditor-form{ width:550px; padding-left:20px;}
.supportnews-articleeditor-form{ width: 700px;}
.supportnews-bulletineditor-form .text-link-button span{ text-decoration:underline;  }
.supportnews-bulletineditor-form fieldset ul li label{ width: 100px;}
.supportnews-bulletineditor-form .commandBar{ width: 375px;}
.supportnews-bulletineditor-source{width:500px;}
.supportnews-associatedArticlesSelector{float:left;width: 300px;}
.supportnews-associatedArticlesSelector select { width: 295px;}
.supportnews-bulletinPreview{float:left;width: 550px;float:left;width: 550px;}
#support-news-avaliable-categories{vertical-align:top;text-align:center;padding: 0px 3px 0px 3px;}

.cloudservice-table thead tr td { text-align: left; vertical-align: middle;}
.cloudservice-filter-table thead tr td  { text-align: left;}
.cloudservice-table thead tr td .clear { float: left; margin-right: 10px; margin-top: 4px;}
.cloud-title {background:transparent url(/assets/img/arlive_logosmall.jpg) 0% 50% no-repeat;padding-left: 45px; padding-top:10px;}
.cloud-title img { margin-right: 10px;}
.highligtedLabel {color:#752E9A;font-weight: bold;}

/*sizing elements*/
.threequarterwidth{ width: 75%;}
#support-news-email-recipients {border-top:2px solid #cdcdcd; padding:10px}
.reset-width { width: auto;}

#password-form-container {width: 700px; font-family: Arial,Helvetica,sans-serif,Verdana; font-size: 12px}
#password-form-container li {width: 660px;}
#password-form-container .title{margin-bottom: 15px;}
#password-form-container label {width: 180px;}
#password-form-container li.steps {font-weight:700;}
#password-form-container li.indent {margin-left: 40px;}
a.link-button .largerTextButton, a.link-button:link .largerTextButton, a.link-button:hover .largerTextButton { font-size: 13px;}
a.link-button .dropdownhelper, a.link-button:link .dropdownhelper, a.link-button:hover .dropdownhelper { font-size: 11px;text-transform:none;}

.expanda-container { margin: 5px 0 0 0;padding: 5px;}
.expanda-container .expanda-selector{border:solid 0px #E4C3F7;padding:5px 5px 5px 35px;margin: 3px 0 0 0; font-weight:bold;color:#783795;background: #DEDFE1 url('/assets/img/expanda-toggle-show.png') no-repeat 10px center;}
.expanda-container .expanda-selector:hover { background-color: #B3B3B3;cursor:pointer }
.expanda-container .expanda-selector h4, .expanda-container .expanda-selector h3, .expanda-container .expanda-selector h2 { margin:0;}
.expanda-selector h2 {font-size: 15px}
.expanda-selector h3 {font-size: 14px}
.expanda-selector h4 {font-size: 13px}
.expanda-container .expanda-content-wrapper { background-color: transparent;display:none; padding:0px 3px 3px 3px}
.expanda-container .expanda-content-root {background-color:#fafafa}
.expanda-container .expanda-content{border:solid 0px #E4C3F7;margin:0 0 0 0;background-color: #fff; padding:5px 3px 5px 5px}
.expanda-container .toggle-show {background-image: url('/assets/img/expanda-toggle-show.png')}
.expanda-container .toggle-hide {background-image: url('/assets/img/expanda-toggle-hide.png')}


/*these are lifted directly from the cart - perhaps refactor out in to a common css*/
.form fieldset ul .nzbsb-header { margin-bottom:-10px; * margin-bottom:-12px;}
.form fieldset ul .nzbsb-header p {display:inline; font-size:11px; }
.form fieldset ul .nzbsb-footer {padding-top:0px; margin-top:-4px; * margin-top:-7px;}
.form fieldset ul .nzbsb-footer p {font-size:10px; color:#666666; display:inline;}
.form .nzbsb  .bank { width:23px; display:inline; float:left;}
.form .nzbsb  .branch {width:42px; display:inline; float:left;}
.form .nzbsb  .account {width:57px; display:inline; float:left;}
.form .nzbsb  .suffix {width:27px; display:inline; float:left;}
.form .nzbsb  .spacer {display:inline; width:10px; float:left;  margin:5px 2px 0;}
.nzbsb-header .p1{margin-right:30px; * margin-right:34px;}
.nzbsb-header .p2{margin-right:38px;  * margin-right:42px;}
.nzbsb-header .p3{margin-right:50px;  * margin-right:55px;}
.nzbsb-footer .p1{margin-right:25px;  * margin-right:29px;}
.nzbsb-footer .p2{margin-right:40px;  * margin-right:44px;}
.nzbsb-footer .p3{margin-right:56px;  * margin-right:68px;}

.accept-terms{	margin-top:10px;margin-bottom:10px;	margin-left:10px;}
.accept-terms .checkBox{vertical-align: middle;}
.form fieldset .accept-terms input{	width:13px;	height:13px;border:none;margin-right:5px;}
.form fieldset .accept-terms {	margin-bottom:20px;}
.accept-terms-wide{padding-left:20px;}
.accept-terms-wide input{margin-left:-20px;}
.accept-terms-wide span{margin-left:-1px;}
#TermsAndConditionsPaymentProfiles{ margin-left: 160px;margin-top: 20px;}

.form .paymentprofile .radio{ margin-left: 170px;}
.form .paymentprofile .radio label{width: 80px; text-align: left;margin-top:4px; * margin-top:0px; }

.form .paymentprofile .radio label + input + label { width: 200px;}
.form .paymentprofile .radio input {margin-right:5px; float:left;}
.form .paymentprofile .commandBar { width: 630px;}
.form .paymentprofile .accept-terms span{float: left; width: 450px; margin-top: -4px;}

/*Would be nice to implement less to make these changes*/
/*firefox overrides*/
@-moz-document url-prefix() {
   .form .paymentprofile .radio label{margin-top:-4px;}
}

/*Chrome (opra, safari) overrides*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .form .paymentprofile .radio label{margin-top:-4px;}
}

.online-training .information {margin-bottom:20px;}
.online-training .information img {vertical-align:middle;}
.online-training ul li {margin-bottom:10px;}
.online-training .spacer, .online-training .pseudo-table ul li .spacer{margin-bottom:25px;}
.online-training .pseudo-table ul li{list-style:none;}
.online-training .pseudo-table ul li h3{float:left;}
.online-training .pseudo-table ul li h3:last-child{display:inline; margin-left:250px;}
.online-training .pseudo-table ul li a{float:left;}
.online-training .pseudo-table ul li p{ margin-left:350px;}
.online-training .pseudo-table ul li p + a{ float:right; margin-right:300px; margin-top:-37px;}
.online-training .pseudo-table {margin-bottom:40px;}

.pad {margin-top:25px; margin-bottom:35px;}
.fit-width{ width:inherit;}
.pull-right{ float: right;}
.pull-left{ float: left;}
.showAbout, .hideAbout{ color: #8b35b7; cursor: pointer; text-decoration:underline;}
.showAbout{background: url("/assets/img/information-icon-sm.png") no-repeat 10px center; padding-left:30px;}

.employee-title {background:transparent url(/assets/img/icon_employees.png) 0% 10% no-repeat;padding-left: 75px; padding-top:15px;}
.employee-title img { margin-right: 10px;}
.files-title {background:transparent url(/assets/img/icon_files.png) 0% 50% no-repeat;padding-left: 45px; padding-top:15px;}
.files-title img { margin-right: 10px;}
.uparrow-title {background:transparent url(/assets/img/sort_arrow_up.png) 80% 50% no-repeat;padding-left: 15px;}
.downarrow-title {background:transparent url(/assets/img/sort_arrow_down.png) 80% 50% no-repeat;padding-left: 15px;}
.goto-icon-right {background:transparent url(/assets/img/gridArrow_right.png) 100% 50% no-repeat;padding-right: 80px;margin-right: 4px;}
.goto-icon-left {background:transparent url(/assets/img/gridArrow_left.png) 0% 50% no-repeat;padding-left: 78px;margin-left: 6px;}
.goto-icon-left img { margin-left: 10px;}
.goto-icon-right img { margin-right: 10px;}
/*bootstrap like classes so transition is easier*/
.text-error{ color: #B94A48;}
.text-warning{ color: #C09853;}
.extra-padding-top{padding-top: 20px;}
.extra-padding-bottom{padding-bottom: 20px;	}
.stripy-odd {background-color: #F7F3F8;}
.stripy-even {background-color: #fff;}
#infocontainer .overlay, 
#helpcontainer .overlay, 
#busy .overlay , 
#productcontainer .overlay, 
#linkedClientsAdd .overlay,
#linkedClientsDelete .overlay
{
    background-color: #000000;
    opacity: 0.7;
    filter: alpha(opacity = 70); 
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100001;
}

#infocontainer .innerbox, #helpcontainer .innerbox, #busy .innerbox, #productcontainer .innerbox, #linkedClientsAdd .innerbox, #linkedClientsDelete .innerbox {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #752E9A;
    border-radius: 0 5px 5px 0;
    display: block;
    height: 80%;
    position: fixed;
    top: 10%;
    left: 25%;
    width: 800px;
    z-index: 2147483647;
}
#linkedClientsAdd .innerbox, #linkedClientsDelete .innerbox
{
    border: 1px solid #CDD2D9;
    height: 290px;
    top: 30%;
    left: 35%;
    width: 430px;
    padding: 10px 35px 35px;
}
#linkedClientsDelete .innerbox{
    height: 220px;
}

 #helpcontainer .innerbox{ width: 900px;height: 60%;}
 #productcontainer .innerbox {
      width: 95%;
      height: auto;
      top: 2%;
      left: 2%;
 }

#infocontainer .innerbox .inner, #helpcontainer .innerbox .inner, #busy .innerbox .inner, #productcontainer .innerbox .inner {
    padding: 40px;
    text-align: left;
}

#infocontainer .innerbox .inner, #helpcontainer .innerbox .inner, #productcontainer .innerbox .inner {
    padding-top: 15px;
    padding-left: 20px;
}


/*Product Selector*/
    
    .recommend-products p {
        color: #646472;
    }

    .recommend-products h3 {
        font-size: 16px;
        font-weight: bold;
    }

    .navigationbox{ 
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .navigationbox ul {
        margin-left: 0;    
        padding-left: 10px;
    }

    .navigationbox img {
        width:51px;
        height:51px;
        vertical-align: middle;
        margin-right: 5px;
        float: left;
        margin-top: -10px;
    }
    
    .navigationbox ul li
    {
        padding-bottom: 10px;
        float: left;
        display: inline;
        list-style-type: none;
        padding-right: 20px;
        font-size: 14px;
        font-weight: 100;
        width: 120px;
        letter-spacing: 0.09em;
    }
    .step-one-done {background:url(../../../assets/img/step-process.png) 0 0;}
    .step-one-todo {background:url(../../../assets/img/step-process.png) 51px 0;}
    .step-one-doing {background:url(../../../assets/img/step-process.png) 102px 0;}    
    .step-two-done {background:url(../../../assets/img/step-process.png) 0 153px;}
    .step-two-todo {background:url(../../../assets/img/step-process.png) 51px 153px;}
    .step-two-doing {background:url(../../../assets/img/step-process.png) 102px 153px;}
    .step-three-done {background:url(../../../assets/img/step-process.png) 0 102px;}
    .step-three-todo {background:url(../../../assets/img/step-process.png) 51px 102px;}
    .step-three-doing {background:url(../../../assets/img/step-process.png) 102px 102px;}    
    .step-four-done {background:url(../../../assets/img/step-process.png) 0  51px;}
    .step-four-todo {background:url(../../../assets/img/step-process.png) 51px  51px;}
    .step-four-doing {background:url(../../../assets/img/step-process.png) 102px  51px;}
    .done-text{ font-weight: normal;color: #642B82; line-height: 16px;}
    .todo-text{ font-weight:normal;color: #9999A2; line-height: 16px;}
    .doing-text{ font-weight:bold;color: #642B82; line-height: 16px;}  
    .main-infotext{ font-size: 15px;line-height: 21px;margin-top: -10px;}

    .quickselect {
        background: #646472;        
        border: 1px solid #646472;
        padding: 10px;
        padding-bottom: 10px;
        font-weight: 100;
    }

    .quickselect p {
        color: #ffffff;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .quickselect h3 {
        color: #ffffff;
        font-size: 24px;
        font-weight:100;
        margin-bottom: 5px;
    }

    .selectedfeatures ul li {
        list-style: disc outside url("../../../assets/img/purple-tick.png");
        padding: 5px 2px;
        margin-left: 6px;
        font-size: 14px;
        color: #646472;
    }
    .outline {
        height: 400px;
        overflow-y: scroll;
        position: absolute;
        border: 1px solid #D4D4D4;
        width: 400px;
        background: #fff;
        padding-left: 10px;
    }
    .dropdown img {
        margin-left: 20px;
    }
    .loading img {
        margin-left: 45px;
        margin-top: 80px;
        vertical-align: middle;
    }

    .recommend-products .form-horizontal .control-group
    {
        clear: both;
        float: right;
        font-size: 14px;
        margin-right: 150px;
    }

    .linked-clients .form-horizontal .control-group
    {
        clear: both;
        font-size: 16px;
    }

    .recommend-products .form-horizontal .control-group .control-label,
    .linked-clients .form-horizontal .control-group .control-label
    {
        float: left;
        margin-right: 30px;
        padding-top: 5px;
    }
    .recommend-products .form-horizontal .control-group .controls
    {
        float: right;
        margin-bottom: 15px;
        vertical-align: middle;
    }
    .linked-clients .form-horizontal .control-group .controls
    {
        margin-bottom: 15px;
        vertical-align: middle;
    }
    .recommend-products .form-horizontal .control-group .controls input,
    .linked-clients .form-horizontal .control-group .controls input
    {
        height: 30px;
        width: 250px;
        padding-left: 5px;
        font-size: 16px;
        color: #646472;
    }
    .recommend-products .form-horizontal .control-group .controls select,
    .linked-clients .form-horizontal .control-group .controls select
    {
        height: 30px;
        width: 260px;
        padding-left: 5px;
        font-size: 16px;
        color: #646472;
    }
    .linked-clients .form-horizontal .control-group .controls .read-only-field
    {
        margin-bottom: 20px;
        margin-top: 10px;
        height: 30px;
        width: 96%;
        padding-left: 15px;
        font-size: 16px;
        color: #646472;
        background-color: #F7F3F8;
        float: left;
        padding-top: 15px;
        padding-bottom: 10px;
    }
    
    .recommend-products .form-horizontal .control-group .controls .error p,
    .linked-clients .form-horizontal .control-group .controls .error p
    {
        color:red; 
        font-size:12px;
    }

     .recommend-products .standardTable {
        border:none;
        margin: 0 0 10px;
        width: 100%;
    }
    .recommend-products .standardTable th {
        border: 1px solid #669913;
        padding: 5px 10px;
    }
    .recommend-products .standardTable td {
        border: 1px solid #ffffff;
        padding: 5px 10px;
    }
    .recommend-products .standardTable thead th, .recommend-products .standardTable thead td {
        background: none repeat scroll 0 0 #669913;
        color: #ffffff;
        font-weight:normal;
        text-transform:none;
        text-align: center;
    }
    .recommend-products .standardTable .odd td {
         background: none repeat scroll 0 0 #eeeeee; 
    }
    .recommend-products .standardTable .centeredText {
         text-align: center;
    }

    #productSelectorBodyTable th {
        height: 0px;
        color: #ffffff;
        line-height: 0px;
        border: 0;
    }

    #productSelectorTable .extra-header-cell {
        width: 1px;
        padding-left: 5px;
        padding-right: 5px;
    }

     .recommend-products .question {
        display: block;
        height: auto;
    }

    .recommend-products .question span{
        
        text-align: left;
    }
    .recommend-products .question input{
        vertical-align: middle;
    }
    .recommend-products .question ul {
        margin-left: -5px;
        margin-top: 5px;
    }
    .recommend-products .question ul li span {
        margin-right: 20px;
        margin-left: 5px;
    }

    .recommend-products .question-container
    {
        border-bottom: 1px dashed #D8D8DC;
        margin-bottom: 22px;
    }

    .recommend-products .productShortcut img{
        margin-top: 30px;
    }
    .recommend-products .productShortcut span{
        display: inline;
        margin-top: -50px;
    }

    .recommend-products .show-setup, .recommend-products .hide-setup {
        -webkit-transition:all linear 0.8s;
        -moz-transition:all linear 0.8s;
        -ms-transition:all linear 0.8s;
        -o-transition:all linear 0.8s;
        transition:all linear 0.8s;
    }

    .recommend-products .show-setup{opacity: 0;}
    .recommend-products .show-start.show-start{opacity: 1;}
    .recommend-products .hide-setup {opacity:1;}
    .recommend-products .hide-start.hide-start {opacity:0;}

    .recommend-products .selected{ font-size: 200%;}
    .recommend-products .unselected{ font-size: 50%;}

    .recommend-products .confirmation-details ul li
    {
        list-style: none outside none;
        padding-bottom: 10px;
        font-size: 14px;
    }

    .recommend-products .btn.disabled, .btn[disabled] {
        opacity: .25;
    }
    .recommend-products .btn-primary.disabled, .btn-primary[disabled] {
        opacity: .25;
    }

.bottom-padding {
    padding-bottom: 10px;
}

.dashed-divider {
    border-bottom: 1px dashed #D8D8DC;
    margin-top: -12px;
}
.engorgio {
    font-size: 250%;
}

.well {
  padding:10px 30px 10px 50px;
  min-height: 20px;
  margin-bottom: 20px;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

/*Styling for new onboarding home page footer link list*/
.quicklinks{ height: 180px; }
.navlist{ margin-left: 0;}
.navlist li{list-style:none;text-align:center;width:170px;height: 150px;float:left;display: block;}
.navlist li a{display:block;padding: 25px 15px; color: #672C88;font-size: 18px;width:140px;height: 100px;}
.navlist li:hover{background-color:#f7f3f8;}
.navlist li.linkspacer{ background: none;width: 40px;}

.linkimg{
	background:url('/assets/img/home-quicklink-sprites.png') no-repeat center;display: inline-block;
    vertical-align: middle;
}

.imgwrapper {
    height: 50px;
}
.textwrapper {
    height: 35px;
    padding-top: 15px;
}

.partner .linkimg{width:43px;height:45px;background-position:0 0;}

.partner:hover .linkimg{width:43px;height:45px;background-position:-44px 0;}

.knowledge .linkimg{width:49px;height:49px;background-position:0 -46px;}

.knowledge:hover .linkimg{width:49px;height:49px;background-position:-50px -46px;}

.support .linkimg{width:61px;height:42px;background-position:0 -96px;}

.support:hover .linkimg{width:61px;height:42px;background-position:-62px -96px;}

.recommend .linkimg{width:61px;height:46px;background-position:0 -138px;}

.recommend:hover .linkimg{width:61px;height:46px;background-position: -63px -138px;}

.imagespacer { padding-top: 5px;}

/*.recommend .linkimg{width:62px;height:45px;background-position:0px -136px;}

.recommend:hover .linkimg{width:62px;height:45px;background-position:-62px -136px;}*/
 
/*Home Page Right Column Link Styling*/
.link-box { padding: 20px 20px 5px 20px; color: #ffffff; margin-bottom: 20px; }
.link-box ul li a:link, .link-box ul li a:visited, .link-box ul li a:hover { color: #ffffff;text-decoration: none;border-bottom: 1px solid; font-size: 16px; }
.link-box ul li a:hover { color: #ffffff;text-decoration: none;border-bottom: 0px; font-size: 16px; }
.link-box ul li { list-style: none; padding-bottom: 14px; }
.link-box-grey { background-color: #3B414E; }
.link-box-purple { background-color: #5C247B; }
.link-box h3 { color: #ffffff; font-family: "ubuntu-n3", 'Ubuntu', Arial, Helvetica, sans-serif; font-weight:300; font-size: 26px; line-height: 30px;}
.link-box ul { margin-left: 0px; }
.link-box-light-grey { color: #444; background-color: #EBEBEB; }
.link-box-light-grey h3 { color: #444; }
.link-box-light-grey ul li a:link, .link-box-light-grey ul li a:visited, .link-box-light-grey ul li a:hover { color: #444;}
.link-box-light-grey ul li a:hover { color: #444;}

/*Home page recommendations containing div*/
.recommended-items-container {
    max-height: 400px;
    overflow-x: visible;
    overflow-y: auto;
}

.recommended-items-container .standardTable {
    margin: 0;
}

/*Home page header styling*/
.home-page-header {font-family: "ubuntu-n3", 'Ubuntu', Arial, Helvetica, sans-serif; font-weight:300;font-size: 40px;}

.divider {
    height: 1px;
    border-top: 1px solid #DCDCDC;
    width: 100%;
    margin: 5px 0;
}

/*.give-feedback-container {
    background: #CCE29C;
    border: 1px solid #9BB92E;
    color: #334300;
    height: 48px;
    margin: 30px 0;
}
.give-feedback-container span{
    font-size: 14px;
    font-weight: bold;
    color: #334300;
    display: inline-block;
    padding: 15px 20px 20px 100px;  
}
.give-feedback-container a{
    font-size: 14px;
    color: #334300;
    text-decoration: underline;
}
.give-feedback-container a:hover{
    text-decoration: none;
}*/

.give-feedback-container {
    height: 48px;
    margin: 30px 0;
}
.give-feedback-container span{
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    padding-top: 15px;
    width: 100%; 
    text-align: center;
}
.give-feedback-container a{
    font-size: 14px;
    text-decoration: none;
}
.give-feedback-container a:hover{
    text-decoration: none;
}

.give-feedback-container.green {    
    background: #CCE29C;
    border: 1px solid #9BB92E;
    color: #334300;
}
.give-feedback-container.green span { color: #334300; }
.give-feedback-container.green a { color: #334300; }

.give-feedback-container.yellow {    
    background: rgb(254, 251, 175);
    border: 1px solid rgb(233, 228, 126);
    margin: 0px;
}

.give-feedback-container.bigger {
    height: 220px;
    margin: 0px;
}
.manage-users p { margin-top: 5px; }
.manage-users h3 { margin-top: 1em; margin-bottom: 1em; font-size: 2.1em; color: inherit; }
.manage-users a:link, .manage-users a:visited, .manage-users a:hover
{
    text-decoration: none;
    border-bottom: 1px solid;
    font-size: 16px;
}
.manage-users a:hover
{
    text-decoration: none;
    border-bottom: 0px;
    font-size: 16px;
}

/*Linked clients sprites*/
   .bankfeeds, .cloud, .delete-off, .edit-off, .edit-on, .light-green, .light-orange, .light-red, .delete-on{
        background: url(../../../assets/img/table-sprites.png) no-repeat;
    }

    .bankfeeds{
        background-position: -19.199981689453125px -59.20001220703125px ;
        width: 16px;
        height: 16px;
    }

    .nosprite{
        background-position: -31.199981689453125px -59.20001220703125px ;
        width: 22px;
        height: 22px;
    }

    .cloud{
        background-position: -1.199981689453125px -61.20001220703125px ;
        width: 17px;
        height: 12px;
    }

    .delete-off{
        background-position: -22.199981689453125px -22px ;
        width: 22px;
        height: 22px;
    }

    .edit-off{
        background-position: -22.199981689453125px 0;
        width: 25px;
        height: 22px;
    }

    .edit-on{
        background-position: -0.199981689453125px 0;
        width: 25px;
        height: 22px;
    }

    .light-green{
        background-position: -31.05712890625px -45px ;
        width: 14px;
        height: 14px;
    }

    .light-orange{
        background-position: -15.77142333984375px -45px ;
        width: 14px;
        height: 14px;
    }

    .light-red{
        background-position: -0.199981689453125px -45px ;
        width: 14px;
        height: 14px;
    }

    .delete-on{
        background-position: 0 -21px ;
        width: 22px;
        height: 22px;
    }
    .span-blockfix {
        display: inline-block;
    }
  
    .linkedclient-actions {
        display: inline-block;
        margin-right: 6px;
        margin-top: -14px;
        margin-left: 4px;
    }

    .link-rows {
        background: url("../../../assets/img/link.png") repeat-y scroll 0 0 transparent;
        float: right;
        height: 67px;
        margin-bottom: -32px;
        margin-top: -20px;
        width: 30px;
    }
    .link-rows-last{
        background: url("../../../assets/img/link-last.png") no-repeat scroll 0 0 transparent;
        float: right;
        height: 67px;
        margin-bottom: -30px;
        margin-top: -20px;
        width: 30px;
    }

    .right-spacing{margin-right: 6px;}

    li.privacy-change {
        float: right!important;
    }
    .privacy-change div {
        position: relative; 
        *width:100px;
    }
    .privacy-change img {
        position: absolute; 
        top:-30px;
        right:30px;
        float: left;
    }
    .cancel-form {
        padding: 10px;
        margin-bottom: 0px;
    }
    .width-40percent {
        width: 40%;
    }

    /* Fix for rebranding style */

    .myob body {
        background-color: #fafafa;
    }

    div.ms-WPBody {
        padding-left: 10px;
    }

    img.my-myob-banner {
        margin: auto;
        display: block;
    }

    .myob #globalNavList li.sign-in a {
        color: #8b35b7;
    }

    .myob #globalNavList li.sign-in span {
        font-size: 90%;
        vertical-align: middle;
    }

    .myob a.dropdown-toggle span {
        margin-right: 5px;
    }

    #mainNavList ul li {
        list-style: none;
    }

    #accountSelectNavList {
        margin-left: 10px;
    }

    #accountSelectNavList {
        width: 30%;
    }

    #accountSelectNavList li.account-selector-width select {
        width: 100%;
        display: inline-block;
        margin-top: 5px;
    }

    #accountSelectNavList li a {
        padding: 5px 0 5px;
    }

    div.quicklinks * {
        box-sizing: initial;
    }

    #twoCol-leftCol {
        margin: 10px 0 0 10px;
    }

    #globalNavList li.account-selector-width select {
        width: 100%;
        display: inline-block;
        margin: 16px 0 14px;
    }

    div.quicklinks * {
        box-sizing: initial;
    }

    div.give-feedback-container {
        height: 100%;
        padding-bottom: 10px;
    }

    .myob .loading {
        width: auto;
        background-color: transparent;
        border: none;
    }

    .myob .loading img {
        margin: 0px;
    }

    .linked-clients * {
        box-sizing: initial;
    }

    #oneCol-leftCol {
        margin: 0px 15px;
    }

    .myob input[type="checkbox"] {
        margin: 0px;
    }

    .radio-list label {
        margin-left: 20px;
    }

    .MessageBox span {
        font-size: 90%;
    }

    .commandBar-spacer span {
        box-sizing: initial;
    }

    .linked-clients a.btn {
        padding: 4px 8px;
        margin-top: 1px;
    }

    #clientStatusDescription { 
        border-top: 1px dashed #D8D8DC;
        color: #646472;
        font-size: 14px;
        margin-bottom: 50px;
        margin-top: 50px;
        padding-bottom: 30px;
        padding-top: 20px;
    }

    #clientStatusDescription span.span4 span {
        width: 90%;
        margin-left: 10px;
        vertical-align: top;
        display: inline-block;
    }

    div.halfsizeformRight span.radio-list label {
        margin-left: 10px;
    }

    .form span.commissionAsDiscount {
        height: 100%;
        margin-bottom: 0px;
    }

    @media (min-width: 768px) {
        #mainNavContainer div.container {
            width: auto;
        }
    }

    @media (min-width: 992px) {
        #mainNavContainer div.container {
            width: 960px;
        }
    }

    @media (min-width: 1200px) {
        #mainNavContainer div.container {
            width: 1160px;
        }
    }
