﻿/* -- Addresses -- */

.aoVerification {
    width: 120px;
    height: 14px;
	text-transform: uppercase;
}

.aoAVType {
    width: 45px;
    height: 24px;
    padding-left: 2px;
    vertical-align: middle;
}

.aoAVName {
    vertical-align: middle;
}

.aoAVAddress {
    vertical-align: middle;
}

.aoAVStatus {
    vertical-align: middle;
}

.aoAVCode {
    width: 130px;
    vertical-align: middle;
}

.aoAVOptions {
    width: 60px;
    vertical-align: middle;
}

.aoAddressesColName {
    width: 150px;
    padding-left: 2px;
    padding-right: 2px;
}

.aoAddressesColAddress {
    width: 260px;
    padding-right: 2px;
}

.aoAddressesColAlerts {
    width: 60px;
    padding-right: 2px;
}

.aoAddressesColStatus {
    padding-right: 2px;
}

.aoAddressesColAction {
    padding-right: 2px;
}

.aoAddressesColDefault {
    width: 50px;
    padding-right: 2px;
    text-align: center;
}

.aoAddressesColDelete {
    width: 50px;
    text-align: center;
}

.aoAddressesCommand {
	color: #FFFFFF;
	background-color: Transparent;
	border: none;
	padding: 0px;
	margin: 0px;
	text-decoration: underline;
	cursor: pointer;
	font-size: 85%;
}

.aoMBContainer {
    width: 100%;
    margin: 0;
    padding: 0;
}

.aoMBFolder {
    width: 10px;
    border-right: solid 1px #d3d3d3;
    padding: 5px 5px 0px 0px;
}

.aoMBContent {
    margin-left: 5px;
    padding: 5px 0px 0px 5px;
}

/* -- GENERAL -- */

.aoHomeTitle {
    height: 40px;
}

.aoHomeTitle h1 {
    float: left;
}

.aoHomeTitle p {
    float: right;
    color: #666666;
    font-weight: bold;
}

.MaxWidth {
    width: 100%;
}

.MaxHeight {
    height: 100%;
}

.AlignLeft {
    margin-left: 0px;
    margin-right: auto;
}

.AlignRight {
    margin-left: auto;
    margin-right: 0px;
}

.AlignCenter {
    margin-left: auto;
    margin-right: auto;
}

.aoInlineImage {
    vertical-align: middle;
}

.FloatRight {
    float: right;
}

.FloatLeft {
    float: left;
}

a.aoLinkOptions {
    color: #FFFFFF;
    font-size: 75%;
    vertical-align: middle;
}

a.aoButtonRegister {
    color: #000000;
    background: #D7D7D7;
    padding: 2px 5px 2px 5px;
    font-family: arial;
    font-size: 89%;
    font-weight: normal;
}

a.aoButtonRegister:hover {
    background-color: #999999;
    text-decoration: none;
}

/* -- Colours -- */

.LightBlue {
    color: #ECEFF5;
}

.Blue {
    color: #627AAD;
}

.DarkBlue {
    color: #3B5998;
}

.Yellow {
    color: #FFCA0C;
}

#aoAlertSecureKey {
    padding: 0.8em;
    background-color: #ECEFF5;
    color: #627AAD;
    vertical-align: top;
    margin-bottom: 10px;
}

/* -- Home Dock -- */

.aoHDBox {
    padding: 1px;
    text-align: left;
    margin: 5px;
}

.aoHDTitle {
    padding: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.aoHDContent {
    background-color: #fff;
    padding: 5px;
}

.aoColWarning {
    background-color: #D25252;
}

.aoColNormal {
    background-color: #627AAD;
}


/* -- Basic Layout -- */

#aoContent {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}

#aoContentBody {
    width: 980px;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 9px;
    padding: 14px 14px 16px 14px;
}

#aoOuterBody {
    width: 980px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

#aoSplitterBody {
    width: 980px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.aoMargin {
    width: 190px;
    padding-left: 14px;
}

.aoLeftColumn {
    width: 180px;
    padding: 10px 10px 10px 10px;
    float: left;
}

.aoRightColumn {
    width: 180px;
    padding: 10px 10px 10px 10px;
}

/* -- SIGN IN -- */

.aoWebFormLoginFields {
    height: 125px;
    padding: 10px 10px 10px 10px;
    margin-bottom: 10px;
    background-color: #ECEFF5;
}

.aoWebFormRegisterFields 
{
    height: 125px;
    padding: 10px 10px 10px 10px;
    margin-bottom: 10px;
    background-color: #ECEFF5;
}

.aoPublisherSignInFields {
    height: 100px;
    padding: 10px 10px 10px 10px;
    margin-bottom: 10px;
    background-color: #ECEFF5;
}

/* -- FORM -- */

.aoWebFormHeading {
    padding: 5px 10px 5px 10px;
    font-size: 110%;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #627AAD;
}

.aoWebFormFields {
    padding: 10px 10px 10px 10px;
    margin-bottom: 10px;

    margin-left: auto;
    margin-right: auto;
    
    background-color: #ECEFF5;
}

.aoWebFormTitleShort {
    width: 100px;
    font-weight: bold;
    padding-bottom: 5px;
}

.aoWebFormTitle {
    height: 26px;
    width: 160px;
}

.aoWebFormField {
    width: 250px;
}

.aoWebFormWide {
    width: 410px;
}

.aoWebFormExplanation {
    
}

/* -- Side Panel -- */

.aoSPBox {
    min-width: 180px;
    margin-bottom: 10px;
}

.aoSPHeading {
    padding: 5px 10px 5px 10px;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #627AAD;
}

.aoSPFields {
    padding: 10px 10px 10px 10px;
    text-align: left;
    background-color: #ECEFF5;
}

.aoSPButtonRow {
    margin-top: 10px;
    text-align: right;
}

.aoSPHeadingLogin {
    height: 17px;
    padding: 5px 10px 5px 10px;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #627AAD;
}

.aoSPLoginField {
    width: 99%;
    height: 18px;
    border: solid 1px #C5C5C5;
    margin-top: 2px;
}

.aoSPLoginControls {
    margin-top: 10px;
}

a.aoSPLoginOptions {
    color: #627AAD;
    font-size: 70%;
}

.aoSPLoginOptionsContainer {
    text-align: center;
    line-height: 70%;
}

/* -- Sign Up -- */

.aoSUContainer {
    margin-left: auto;
    margin-right: auto;
}

.aoSUSignIn {
    width: 350px;
    height: 150px;
    background-color: #ECEFF5;
    border: solid 1px #000000;
    padding: 5px 5px 5px 5px;
    vertical-align: middle;
}

.aoSURegister {
    width: 360px;
    height: 150px;
    background-color: #ECEFF5;
    border: solid 1px #000000;
    padding: 5px 5px 5px 5px;
    vertical-align: middle;
}

/* -- FOOTER -- */

a.aoFooterMenu {
    color: #627AAD;
    text-decoration: none;
    font-weight: normal;
}

a.aoFooterMenu:hover {
    text-decoration: none;
}

#aoFooter {
    height: 18px;
    font-size: 85%;
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}

#aoFooterCopyright {
    float: left;
    color: #627AAD;
    padding-left: 13px;
}

#aoFooterMenu {
    float: right;
    color: #627AAD;
    padding-right: 14px;
}

.aoFooterAdvert {
    display: none;
}

/* -- Error Window -- */

.aoEWBody {
    font-family: arial, sans-serif;
    font-size: small;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#aoEWList {
    height: 200px;
    overflow: auto;
}

#aoEWControls {
    height: 20px;
    text-align: center;
    padding: 10px;
    background-color: #F1F1F1;
    border-top: solid 1px #000000;
}

.aoPadColumn {
    padding: 0px 10px 0px 10px;
}

#aoPopUpHeader {
    text-align: center;
    padding-bottom: 4px;
    border-bottom: solid 20px #3B5AA8;
}

#aoFormControlWizard {
    overflow: auto;
}

#aoFormControlBack {
    float: left;
}

#aoFormControlNext {
    float: right;
}

.aoHeaderPane {
    
}
.aoContentPane {
    margin: 0px 0px 0px 0px;
}
.aoFooterPane {
    border-top: solid 1px #A3A3A3;
}

/* NEW ENDS HERE */

body {
	font-family: arial, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #000000;
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}

a {
    color: #3B5998;
    text-decoration: none;
    cursor: pointer;
}

a:hover { 
    text-decoration: underline;
}

h1 {
    color: #3B5998; 
    font-size: x-large; 
    font-weight: bold; 
    margin-bottom: 10px; 
    margin-top: 0px; 
    letter-spacing: -1px;
}

h2 {
    color: #3B5998; 
    font-size: large; 
    font-weight: bold; 
    margin-bottom: 10px; 
    margin-top: 0px; 
}

h3 {
    color: #3B5998; 
    font-size: medium; 
    font-weight: bold; 
    margin-bottom: 10px; 
    margin-top: 0px; 
}

h4 { 
    color: #3B5998; 
    font-size: small; 
    font-weight: bold; 
    margin-bottom: 10px; 
    margin-top: 0px; 
}

img {
    border-width: 0px;
    background-image: none;
}

/* -- Inputs -- */

input {
    overflow: visible;
}

.aoButton {
    height: 22px;
    border: solid 1px #8F8F8F;
    color: #000000;
    background: #D7D7D7;
    margin: 0;
    padding: 1px 5px 1px 5px;
    font-family: Verdana;
}

.aoButton:hover {
    background-color: #999999;
}

.aoButton[disabled] {
    color: #666666;
    border: solid 1px #888888;
}

.aoButton[disabled]:hover {
    background-color: #D7D7D7;
}

a.aoLinkButton {
    height: 22px;
    border: solid 1px #8F8F8F;
    color: #000000;
    background: #D7D7D7;
    margin: 0;
    padding: 2px 6px 2px 6px;
    font-family: Verdana;
}

a.aoLinkButton:hover {
    background-color: #999999;
    text-decoration: none;
}

.aoButtonCursor {
    cursor: pointer;
}

li { 
    margin-bottom: 0px; 
}

ol {
    margin-top: 0px; 
    margin-bottom: 0px;
}

p {
    margin: 0;
    padding: 0;
}

samp {
    font-family: "Courier New", Courier, monospace;
	font-style: italic;
	font-size: small;
	padding-left: 40px;
	color: #000099;
}

td {
    vertical-align: top;
}

th {
    font-weight: bold; 
    text-align: left;
}

ul {
    padding: 4px 0px 0px 30px;
    margin: 0px 0px 0px 0px;
    list-style-image: url("/App_Themes/alertsonline/images/b_dot.png");
}

.aoSPFields ol, .aoSPFields ul {
    padding-left: 20px;
}

.alert, .Bold {
	font-weight: bold;
}

.BorderLightThin {
    border: solid 1px #C3C3C3;
}

.Command {
	color: gray;
	background-color: Transparent;
	border: #FFFFFF 1px solid;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}

.CommandSel {
	color: #000000;
	background-color: #ECEFF5;
	border: #d3d3d3 1px solid;    
	padding: 0px;
	margin: 0px;
}

.Command:hover { 
    text-decoration: underline;
    color: #4169e1;
}

.Content {
    padding: 0px 5px 0px 5px;
    text-align: left;
}

.FullHeight {
    height: 99%;
}

.LinkButton {
    color: #3B5998;
    background-color: Transparent;
    border: 1px none #FFFFFF;
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
}

.LinkButton:hover { 
    text-decoration: underline;
}

.NavTop {
    color: #808080;
    border-bottom: #d3d3d3 1px solid;
    padding: 0px;
    margin-bottom: 5px;
}

.NavTop TD {
    padding-top: 0px;
    vertical-align: baseline;
}

.aoDRDirectories {
    margin: 5px 0px 5px 0px;
    color: #333333;
    font-weight: bold;
    text-align: center;
}

.aoDRCommandButton {
    color: #FFFFFF;
    background-color: Transparent;
    border: none;
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
}

.aoBreadCrumb {
    color: #C6C6C6
}

.aoBreadCrumb a {
    color: #C6C6C6
}

#aoClear {
    clear: both;
}

.Empty {
	color: #696969;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}

.PanelSpacer {
    width: 90%;
    border-top-color: #d3d3d3;
    border-top-style: solid;
    border-top-width: 1px;
}

.RightPanel {
	border: #d3d3d3 1px solid;
	background: #ECEFF5;
	width: 206px;
}

.LeftPanel {
	border: #d3d3d3 1px solid;
	background: #ECEFF5;
	margin: 5px 5px 0px 0px;
	padding: 3px 3px 3px 3px;
	width: 100%;
}

.LeftInnerPanel {
	border-left: #d3d3d3 1px solid;
	background: #ECEFF5;
	margin: 5px 5px 0px 0px;
	padding: 3px 3px 3px 6px;
}

.Right {
    text-align : right;
}

.RightInnerPanel {
	border-right: #d3d3d3 1px solid;
	background: #ECEFF5;
	margin: 5px 5px 0px 0px;
	padding: 3px 3px 3px 3px;
}

.InnerPanel {
	background: #ECEFF5;
	margin: 5px 5px 0px 0px;
	padding: 3px 3px 3px 3px;
}

.LowerPanel {
	border-bottom: #d3d3d3 1px solid;
	border-left: #d3d3d3 1px solid;
	border-right:#d3d3d3 1px solid;
	background: #ECEFF5;
	margin: 5px 5px 0px 0px;
	padding: 3px 3px 3px 3px;
	width: 100%;
}

.PanelFoot {
	border-top: #d3d3d3 1px solid;
	margin: 5px 5px 0px 0px;
	padding: 3px 3px 3px 3px;
}

.MidPanel {
	border-left: #d3d3d3 1px solid;
	border-right: #d3d3d3 1px solid;
	background: #ECEFF5;
	margin: 5px 5px 0px 0px;
	padding: 3px 3px 3px 3px;
	width: 100%;
}

.FullPanel {
	border: #d3d3d3 1px solid;
	background: #ECEFF5;
	margin: 5px 5px 0px 0px;
	padding: 3px 3px 3px 3px;
	width: 100%;
}

.TabRight {
    color: #a9a9a9; 
    font-size: medium; 
    border-bottom: #d3d3d3 1px solid;
    border-left: #d3d3d3 1px solid;
    margin: 5px 5px 0px 0px;
    padding: 3px 3px 3px 3px;
    text-align: right;
    vertical-align: bottom;
    width: 100%;
}

.TabRight a {
    color: #a9a9a9; 
    font-size: medium; 
    border-bottom: #d3d3d3 1px solid;
    margin: 5px 5px 0px 0px;
    padding: 3px 3px 3px 3px;
    text-align: right;
    vertical-align: bottom;
    width: 100%;
}

.TabSelected {
    color: #3B5998; 
    font-size: medium; 
    font-weight: bold; 
	border-Top: #d3d3d3 1px solid;
	border-left: #d3d3d3 1px solid;
	background: #ECEFF5;
	white-space: nowrap;
	padding-left: 8px;
	padding-right: 8px;
}

.TabSelected INPUT {
    color: #3B5998; 
    font-size: medium; 
    font-weight: bold; 
 	background-color: Transparent;
	border: none;    
	padding: 0px;
	margin: 0px;
}

.TabRight a:hover { 
    text-decoration: underline;
    color: #4169e1;
}

.TabUnselected {
    color: #a9a9a9;
    font-size: medium; 
    font-weight: bold; 
    border-top: #d3d3d3 1px solid;
    border-bottom: #d3d3d3 1px solid;
    border-left: #d3d3d3 1px solid;
    background: #ebebeb;
}

.TabUnselected INPUT {
    color: #a9a9a9;
    font-size: medium; 
    font-weight: normal; 
 	background-color: Transparent;
    border: none;    
	padding-left: 8px;
	padding-right: 8px;
	margin: 0px;
	text-decoration: none;
}

.TabUnselected INPUT:hover { 
    text-decoration: underline;
    color:#4169e1;
}

#Footer {
    padding-bottom: 2px; 
    padding-top: 2px; 
    text-align: center;
    width: 100%;
}

a.DirSubTitle {
    color: #3B5998;
    text-decoration: none;
}

a.DirSubTitle:hover { 
    text-decoration: underline;
}

a.DirSubTitle:visited {
	color: #3B5998;
}

a.DirSubTitle:visited:hover { 
    text-decoration: underline;
}

a.help { 
	background-color: transparent;
    color: #000000; 
    text-decoration: none; 
}

a.help:hover { 
    text-decoration: underline;    
}

a.HelpBack {
	color: #000000; 
    font-size: smaller; 
    font-weight: bold; 
    text-decoration: none;
    line-height: 30px;
}

a.HelpBack:hover {
	color: #000000; 
    font-size: smaller; 
    font-weight: bold; 
    text-decoration: underline;
    line-height: 30px;
}

a.HelpTitle {
	color: #3B5998;
    font-size: medium;
    font-weight: bold;
    text-decoration: none;
    line-height: 40px;
}

a.HelpTitle:hover {
	color: #3B5998;
    font-size: medium;
    font-weight: bold;
    text-decoration: underline;
    line-height: 40px;
}

a.SignLink {
	font-size: 16px;
	font-weight: bold;
}

a.Title:Hover {
    color: white;
}

.DirectoryAlert {
	padding-left: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	vertical-align: top;
}

.Subscribe {
	width: 105px;
	padding-top: 8px;
	text-align: center;
	font-size: small;
}

.SubscriptionButton {
	background: #FFFFFF;
	padding: 2px;
	font-family: Geneva, Vera, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-variant: small-caps;
	border: 1px solid #333333;
}

.ContentButtonUnSub {
	background: #3B5AA8;
	padding: 0px 5px 0px 3px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

.SignUpFrame {
	border: solid 1px #7C7C7C;
	padding: 10px 15px 10px 15px;
	width: 330px;
}

.DropDownField, 
.DropDownFieldSmall, 
.DropDownFieldMedium, 
.DropDownFieldLarge, 
.TextFieldLarge, 
.TextFieldExtraLarge, 
.TextFieldMedium, 
.TextFieldSmall {
	font-family: arial, sans-serif;
	font-size: small;
}

.DropDownField, .DropDownFieldLarge, .DropDownFieldMedium, .DropDownFieldSmall, .TextFieldLarge, .TextFieldExtraLarge, .TextFieldMedium, .TextFieldSmall {
    margin-top: -3px;
    margin-left: 2px;
}

.SecurityCode {
	font-family: arial, sans-serif;
	font-size: small;
	text-transform: uppercase;
	width: 70px;
}

.Dashed {
    border-bottom: dotted 3px #ffffff;
    background-color : #F3F3F3;
    color: #cccccc; 
    line-height: 0px;
    margin: 5px 10px 5px 10px;
    width: 97%;
}

.Spacer {
    margin-bottom : 10px;
}

.Breadcrumb { 
    color: #666666; 
    font-size: x-small;
    font-family: tahoma, sans-serif; 
}

.Center {
    text-align: center;
}

.ChkBoxTnC {
    margin-left: -1px;
}

.aoRegisterchkTnC {
    color: #000000;
}

.aoRegisterchkTnCE {
    color: #FF0000;
}

.FooterLink { 
    color: #3B5998; 
    font-size: x-small;
}

.FooterText {
    font-size: x-small; 
}

.BackgroundYellow {
	background: #FFFFC1;
}

.BackgroundGreen {
	background: #63C37B;
}

.BackgroundGrey, .TrGray {
    background-color: #F5F5FF;
}

.BackgroundWhite, .TrWhite {
    background-color: white;
}

.Red, .TextRed, .Mandatory {
    color: #ff0000;
}

.Warning {
    color: #FF0000;
    font-weight: bold;
}

.Green, .TextGreen {
    color: #009900;
}

.Height100 {
    height: 100px;
}

.LightGrey {
    color: #C6C6C6;
}

.DarkGrey, .Optional {
    color: #808080;
}

.DarkBlue {
    color: #3B5998;
}

.Option {
	white-space: nowrap;
    color: #000faf; 
    padding-right: 5px; 
}

.PadAbove TD {
    padding-top: 10px;
}

.PadPanel {
    padding: 3px 3px 0px 5px;
}

.PadTop {
    padding-top: 20px;
}

.PadTopDefault {
    padding-top: 4px;
}

.PaddedDefault, .PadLeftDefault {
	padding-left: 8px;
}

.PadLeft30 {
    padding-left: 30px;
}

.PadRight10 {
    padding-right: 10px;
}

.PadRight20 {
    padding-right: 20px;
}

.PadBottom5 {
    padding-bottom: 5px;
}

.SmallText {
    font-size: x-small; 
}

.SmallDateText {
    padding-left: 5px;
    font-size: x-small; 
}

/* START REGION - Accounts */

.TdInvoiceItems {
    text-align: right;
    padding-right: 15px;
}

.TdTaxRate {
    text-align: left;
}

.ThInvoiceItems {
	font-weight: bold;
    text-align: right;
    padding-right: 15px;
}

/* END REGION */

p.Slogan {
	padding-left: 10px;
}

.Slogan {
	color: #D00500;
    font-family: arial, sans-serif;
    font-size: small;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
}

.Title {
	padding-left: 10px;
	font-weight: bold;
	font-size: xx-large;
	color: #3B5998;
	font-family: arial, sans-serif;
	text-decoration: none;
}

.Width65 {
    width: 65px;
}

.Width70 {
    width: 70px;
}

.Width80 {
    width: 80px;
}

.Width85 {
    width: 85px;
}

.Width100 {
    width: 100px;
}

.Width120 {
    width: 120px;
}

.Width126 {
    width: 126px;
}

.Width135 {
    width: 135px;
}

.Width141 {
    width: 141px;
}

.Width150 {
    width: 150px;
}

.Width160 {
    width: 160px;
}

.Width175 {
    width: 175px;
}

.Width220 {
    width: 220px;
}

.Width250 {
    width: 250px;
}

.Width300 {
    width: 300px;
}

.Width306 {
    width: 306px;
}

.Width500 {
    width: 500px;
}

.FullWidth {
	width: 99%;
}

.TermsBox {
	overflow: scroll;
	width: 100%;
	height: 150px;
	background-color: white;
	border: #d3d3d3 1px solid;
}

.FooterTable {
    text-align: center;
    font-size: x-small; 
    border-top: solid 2px #203886;
}

.BorderLeftGrey {
	padding-left: 8px;
	border-left: solid 1px #D3D3D3;
}

.BorderRightGrey {
	border-right: solid 1px #D3D3D3;
}

.BorderBottomGrey {
	border-bottom: solid 1px #D3D3D3;
}

.BorderBottomPadding {
	padding: 0px 0px 10px 8px;
}

.BorderNonePadding {
	padding: 8px 0px 10px 8px;
}

p.ProductDesc {
    width: 100%;
    height: 60px;
    overflow: auto;
}

tr.ProduceDivide TD {
    border-bottom: #d3d3d3 1px solid;
}

#aoAlertIcon {
    padding-right: 5px;
}

a.aoBtnSubscribe {
    padding: 3px 8px 3px 8px;
    background-color: #3B5998;
    color: #FFFFFF;
    border: solid 1px #000000;
    font-weight: bold;
}

a.aoBtnSubscribe:hover {
    text-decoration: none;
}

a.aoBtnSubscribeList {
    padding: 1px 4px 1px 4px;
    background-color: #3B5998;
    color: #FFFFFF;
    border: solid 1px #000000;
    font-weight: bold;
    text-transform: lowercase;
    font-size: 85%;
    white-space: nowrap;
}

a.aoBtnSubscribeList:hover {
    text-decoration: none;
    background-color: #FFFFFF;
    color: #3B5998;
}

a.aoBtnUnsubscribe {
    padding: 3px 8px 3px 8px;
    background-color: #3B5998;
    color: #FFFFFF;
    border: solid 1px #000000;
    font-weight: bold;
}

a.aoBtnUnsubscribe:hover {
    text-decoration: none;
}

.btnSubscribe {
	background: #3B5AA8;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
    border: 0px none;
}

.btnUnsubscribe {
	background: #3B5AA8;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
    border: 0px none;
    cursor: pointer;
}

.White {
    color: #FFFFFF;
}

DIV.ToolBar {
    border-bottom: solid 1px #d3d3d3;
    width: 100%;
}

DIV.ToolBar TABLE {
    float: left;
    vertical-align: top;
}

DIV.ToolBar TD {
    padding: 0px;
}

DIV.ToolBar INPUT {
   	border: none;
   	background: transparent;
    text-align: left;
    padding: 0px;
    margin: 0px;
    color: #3B5998;
    cursor: pointer;
}

DIV.ToolBar INPUT:hover {
    text-decoration: underline;
}

#aoAntiPhish {
    background-color: #627AAD;
    border-bottom: solid 1px #3B5998;
    padding: 2px 0px 2px 0px;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.aoAntiPhishMessage {
    font-family: Arial, Sans-Serif;
    width: 33%;
    padding-left: 5px;
    vertical-align: middle;
}

.aoAntiPhishActual {
    font-family: Arial, Sans-Serif;
    width: 34%;
    text-align: center;
    font-size: 125%;
    color: #FFFF99;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
}

.aoAntiPhishLink {
    font-family: Arial, Sans-Serif;
    width: 33%;
    text-align: right;
    padding-right: 5px;
    vertical-align: middle;
}

a.aoAntiPhishLink {
    color: #FFFFFF;
    text-align: right;
    text-decoration: none;
}

.aoAffHTML {
    color: #FFFFFF;
    background-color: #627AAD;
    padding: 10px;
    font-size: 0.8em;
    width: 400px;
    overflow: hidden;
}

/* Alert Control START */

#aoAlertTitle {
    color: #3B5998; 
    font-size: 26px; 
    font-weight: bold; 
    margin-bottom: 10px; 
    margin-top: 0px; 
    letter-spacing: -1px;
}

a.aoAlertSendButton {
    color: #FFFFFF;
    background: #627AAD;
    padding: 0.2em 1em 0.2em 1em;
    font-family: arial;
    font-size: 120%;
    font-weight: bold;
}

a.aoAlertSendButton:hover {
    text-decoration: none;
}

.aoDirectory a {
    font-family: Arial, Sans-Serif;
}

#aoAlertProblems {
    padding: 0.8em;
    margin-bottom: 1em;
    background-color: #FF3333;
    color: #FFFFFF;
}

#aoAlertProblems .aoTitle {
    font-size: 125%;
    font-weight: bold;
    margin-bottom: 0.5em;
}

#aoAlertProblems .aoItem {
    padding-left: 0.8em;
}

#aoAlertWarnings {
    padding: 0.8em;
    margin-bottom: 1em;
    background-color: #eceff5;
    color: #3b5998;
}

#aoAlertWarnings .aoTitle {
    font-size: 125%;
    font-weight: bold;
    margin-bottom: 0.5em;
}

#aoAlertWarnings .aoItem {
    padding-left: 0.8em;
}

#aoAlertWarnings a {
    text-decoration: underline;
}

#aoAlertPublisherMenu {
    width: 100%;
    padding: 0.8em;
    margin-bottom: 1em;
    background-color: #ECEFF5;
    color: #627AAD;
}

#aoAlertPublisherFunctions {
    width: 480px;
}

#aoAlertPublisherChannels {
    padding: 0em 1em 0em 1em;
    overflow: hidden;
}

#aoAlertInfoMenu {
    padding: 0.8em;
    margin-bottom: 1em;
    background-color: #ECEFF5;
    color: #627AAD;
}

#aoAlertPublisherMenu .aoTitle {
    font-size: 170%;
    margin-bottom: 0.5em;
}

#aoAlertPublisherMenu .aoFooter {
    font-size: 75%;
}

#aoAlertDescriptionColumn {
    width: 450px;
    vertical-align: top;
}

#aoAlertFeaturesColumn {
    width: 290px;
    vertical-align: top;
}

#aoAlertDescription {
    width: 100%;
    margin: 1.5em 0 1.5em 0;
}

#aoAlertFeaturesTable {
    width: 250px;
    margin-left: auto;
}

#aoAlertByLine {
    margin-top: -8px;
    color: #627AAD;
}

#aoAlertDirectories {
    width: 100%;
    font-weight: bold;
    padding: 0.5em;
    background-color: #ECEFF5;
    color: #627AAD;
}

#aoAlertDirectories .aoDirectory {
     
}

#aoAlertDirectories .aoSeperator {
     padding: 0 0.5em 0 0.5em;
}

#aoAlertDirectoriesTitle {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0.2em;
}

#aoAlertPublisher {
    padding: 0.8em;
    background-color: #ECEFF5;
    color: #627AAD;
    vertical-align: top;
}

#aoAlertPublisherDescription {
    color: #000000;
    font-size: 12px;
}

#aoPublisherImage {
    width: 100px;
    padding-right: 1em;
    vertical-align: top;
    text-align: center;
}

#aoPublisherDescription {
    width: 100%;
    height: 110px;
    overflow: hidden;
    vertical-align: top;
}

#aoAlertPublisherName {
    font-weight: bold;
    font-size: 125%;
}

#aoAlertPublisherFooter {
    color: #627AAD;
}

#aoAlertSIUnsubscribed {
    padding: 0.5em;
    color: #3B5998;
}

#aoAlertSIUnsubscribed #Icon {
    padding: 0px 10px 0px 0px;
}

#aoAlertSIUnsubscribed p {
    margin-bottom: 5px;
}

a#aoAlertSubscribe {
    font-size: 150%;
    font-weight: bold;
}

#aoAlertSISubscribed {
    padding: 0.5em;
    color: #FFFFFF;
    background-color: #8FE9AE;
}

#aoAlertSISubscribed #Icon {
    padding: 0px 10px 0px 0px;
}

#aoAlertSISubscribed p {
    margin-bottom: 5px;
}

a#aoAlertUnsubscribe {
    font-size: 150%;
    font-weight: bold;
}

#aoAlertUnsubscribe {
    font-size: 140%;
    font-weight: bold;
    color: #FFFFFF;
}

#aoAlertSubscribedOptions {
    text-align: right;
    color: #3B5998;
}

.aoAlertChannel {

}

.aoAlertChannelInfo {
	font-family: arial, sans-serif;
	font-size: 12px;
    padding-left: 10px;
    font-weight: bold;
    overflow: hidden;
}

.aoDisabled {
    color: #ABABAB;
}

#aoAlertCosts {
    width: 100%;
    padding: 0.5em;
    text-align: right;
    color: #3B5998;
    background-color: #ECEFF5;
}

#aoAlertCosts #Cost {
    font-size: 200%;
}

#aoAlertNotes {
    font-size: 80%;
}

.aoPublisherChannelButton {
    padding-right: 0.5em;
    vertical-align: middle;
}

.aoAlertSPBox {
    width: 100%;
}

.aoAlertSPHeading {
    padding: 5px 10px 5px 10px;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #627AAD;
}

.aoAlertSPFields {
    padding: 10px 10px 10px 10px;
    text-align: left;
    background-color: #ECEFF5;
}

/* Alert Control END */

