﻿*{
	font-family:verdana,sans-serif;
}

sup,
sub
{
    font-size:75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup
{
    top: -0.5em;
}

sub
{
    bottom: -0.25em;
}

.clear 
{
    clear:both;
    overflow:hidden;
    margin:0px;
    height:0px;
}

#divBody {
width: 965px;
margin: 0px auto;
padding: 0px 19px;
background: url(https://www.brother-usa.com/virdata/BrotherCloudWebApp/Images/Header/SidesFade.gif) repeat-y left top;
color: #4C4C4C;
min-height:100%;
}

.contentContainer
{
    width: 100%;
    height: auto;
}

.center
{
    text-align:center;
}

.underline
{
    text-decoration: underline;
}

html,body{
	background:#ffffff;
	height: 100%;
	margin: 0 auto;
}

.container {
	background:none;
	margin:0 auto; 
	text-align:left;
	padding:0px 10px 0px 10px;
}

a, a:visited{
	color:#2b5ca0;
	/*font-size:12px;*/
}

img
{
    border:0px;
}

::-webkit-input-placeholder	{ color:#99b3d7; }
input:-moz-placeholder { color:#99b3d7; }
input:-ms-placeholder { color:#99b3d7; }
::-ms-input-placeholder	{ color:#99b3d7; }
:-ms-input-placeholder	{ color:#99b3d7; }

.button{
	display: inline-block;
	border: 1px solid #ea9c49;
	background-color: #e99547;
	background-repeat:repeat-x;
	padding: 10px 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
    color: #ffffff;
    font-size: 12px;
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    vertical-align: middle;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5);
    background-image: linear-gradient(#e99547, #dd602e);
}

.button:hover{
	border-top-color: #ea9c49;
	background: #ea9c49;
	color: #ccc;
}

.button:active{
	border-top-color: #ea9c49;
	background: #ea9c49;
}

/* Big Button Style */

.big {
	padding: 0 40px;
	padding-top: 10px;
	height: 45px;
	text-transform: uppercase;
	font: bold 20px/22px Arial, sans-serif;
}

.big span {
	display: block;
	text-transform: none;
	font: italic normal 12px/18px Georgia, sans-serif;
	text-shadow: 1px 1px 1px rgba(255,255,255, .12);
}

.button-basic {
	display: inline-block;
	position: relative;
	margin: 5px;
	padding: 5px 20px;
	text-align: center;
	text-decoration: none;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	/*-webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
	box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
    

	*/
}
.button-shadow 
{
    text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
	box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
}


a.button,
a:visited.button,
a:hover.button{
	color:#ffffff;
}

.button span.arrow-right{
	display:inline-block;
	background:url('https://www.brother-usa.com/virdata/BrotherCloudWebApp/images/arrow-button-right.png') no-repeat right center;
	width:12px;
	height:13px;
	padding-left:10px;
}

.generic-button,
a.generic-button
a:visited.generic-button{
	display:inline-block;
	background:url('https://www.brother-usa.com/virdata/BrotherCloudWebApp/images/button-generic.png') no-repeat center center;
	width:98px;
	height:24px;
	overflow:hidden;
	color: #ffffff;
	font-size:13px;
	text-shadow: rgba(157,82,35,.75) 0 1px 0;
	text-decoration:none;
	text-align:center;
}


/*Every MasterPage should have a div with the ContentArea or ContentAreaShort
class.  This div should include the entirerty of the content area*/
.ContentArea
{
    float: left;
    width: 785px;
    color:#575757;
}

.ContentArea_NoLeftNav
{
    float: left;
    width: 100%;
    color:#575757;
    /*margin-left: 10%;*/
}

.TitleBackground
{
    background: url(https://www.brother-usa.com/virdata/BrotherCloudWebApp/Images/title.jpg) repeat-x;
}

/*Every MasterPage should have a div with the ContentArea or ContentAreaShort
class.  This div should include the entirerty of the content area*/
.ContentAreaShort
{
    float: left;
    width: 590px;
}

/*Used by the Business\Government sites*/
.ContentAreaGovernment
{
    float: left;
}

.NavHeader
{
    width: 100%;
    height: 26px;
    background: url(https://www.brother-usa.com/virdata/BrotherCloudWebApp/Images/left-nav/LeftNav_Background.gif) no-repeat 0 0;
    font-size: 78%;
    color: White;
    padding: 0px;
    margin: 0px;
    font-weight: bold;
}


.NavHeader .NavHeaderText
{
    padding-left: 10px;
    display: block;
    padding-top: 3px;
}

/* The following are used on the Business Partner forms for My Account and Registermybrother */
#divBPMain
{
    background-image: url(https://www.brother-usa.com/virdata/BrotherCloudWebApp/Images/BPForm/BP-BackGround.jpg);
    height: 360px;
    background-repeat: no-repeat;
    width: 785px;
}

#divBPMainFull
{
    background-image: url(https://www.brother-usa.com/virdata/BrotherCloudWebApp/Images/BPForm/BP-BackGroundFull.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 555px;
    width: 785px;
    vertical-align: bottom;
    margin: 0px;
}

#divBPMainBlank
{
    background-image: url(https://www.brother-usa.com/virdata/BrotherCloudWebApp/Images/BPForm/BP-BackGroundBlank.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 715px;
    width: 785px;
    vertical-align: bottom;
    margin: 0px;
}

#divBPMainBlankPROD
{
    background-image: url(https://www.brother-usa.com/virdata/BrotherCloudWebApp/Images/BPForm/BP-BackGroundBlankwide.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 715px;
    width: 795px;
    vertical-align: bottom;
    margin: 0px;
}

#divRegMainBlank
{
    background-image: url(https://www.brother-usa.com/virdata/BrotherCloudWebApp/Images/Registermybrother/grey_gradient.jpg);
    width: 785px;
    background-repeat: repeat-y;
    padding-top: 5px;
}

.BPFormWelcomeHeader
{
    width: 780px;
    background-image: url(https://www.brother-usa.com/virdata/BrotherCloudWebApp/Images/BPForm/t-gradient.gif);
    background-repeat: repeat-x;
    height: 30px;
    padding-top: 10px;
    margin-top: 3px;
    padding-left: 5px;
    color: #666666;
    font-size: 100%;
    font-weight: bold;
}

.BPFormHeader
{
    width: 779px;
    background-color: #de783d;
    height: 21px;
    padding-left: 5px;
    padding-top: 3px;
    font-size: 85%;
    font-weight: bold;
    color: White;
}

.BPFormTopSection
{
    width: 65%;
    padding: 10px;
    float: left;
    min-height: 240px;
    
}


.BPFormBottomSection
{
    width: 780px;
}

.BPFormPasswordSection
{
    width: 45%;
    float: left;
    padding-top: 10px;
    padding-left: 5px;
}

.BPFormContactOptionCheck
{
    width: 15px;
    float: left;
    clear: both;
}

.BPFormContactLabel
{
    float: left;
    padding-left: 5px;
}
.BPFormPasswordContactPrefSection
{
    width: 45%;
    float: left;
    padding-top: 10px;
}

.BPFormInputAndLabelSection
{
    clear: both;
    padding-top: 5px;
}

.BPFormLeftLabelItem
{
    width: 100px;
    float: left;
}

.BPFormInputItem
{
    float: left;
}

.BPMrktAttCheckbox
{
    width: 5%;
    float: left;
     
}

.BPMrktAttValue
{
    width: 90%;
    float: left;
    font-size: 70%;
    padding-left: 3px;
}

.BPFormMangoBar
{
    width: 779px;
    vertical-align: middle;
    background-color: #f0c336;
    height: 25px;
    padding-left: 5px;
    padding-top: 3px;
}

.BPFormOrangeBar
{
    width: 779px;
    vertical-align: middle;
    background: url(https://www.brother-usa.com/virdata/BrotherCloudWebApp/Images/Orange-bar.jpg) no-repeat;
    height: 25px;
    padding-left: 5px;
    padding-top: 3px;
}



/* The above are used on the Business Partner forms for My Account and Registermybrother */

.BoldFont
{
    font-weight: bold;
}
.Black70
{
    font-size: 70%;
    color: #000000;
}

.Black65
{
    font-size: 65%;
    color: #000000;
}

.Black__80
{
    font-size: 80%;
    color: #000000;
}

.Black_Bold_90
{
    font-size: 90%;
    font-weight: bold;
    color: #000000;
}

.Black_Bold_80
{
    font-size: 80%;
    font-weight: bold;
    color: #000000;
}

.Black_Bold_70
{
    font-size: 70%;
    font-weight: bold;
    color: #000000;
}

.Black_Bold_60
{
    font-size: 60%;
    font-weight: bold;
    color: #000000;
}
/* Commented out by Lara because this file already has a class with this name.
.Blue_Bold_80
{
    font-size: 80%;
    font-weight: bold;
    color: #0F4B7F;
}
*/
.DarkBlue_Bold_110
{
    color: #043472;
    font-size: 130%;
    font-weight: bold;
}
.blueBorderTable
{
    width: 90%;
    background-color: #eaf2f9;
    border-style: solid;
    border-width: 1px;
    border-color: #003399;
    padding: 5px;
    margin-top: 3px;
}

.TableBorder
{
    border: solid 1px #BDBDBD;
}

.BlueBackBlueBorderd
{
    background-color: #eaf2f9;
    border: solid 1px #003399;
    padding: 5px;
    margin: 3px;
}
.BlueBoldNoSize
{
    font-weight: bold;
    color: #1e75bd;
}
.borderedDiv
{
    border: solid 1px #003399;
    padding: 5px;
    margin: 2px 3px 3px 3px;
}

.Clearer, .clearer
{
    clear: both;
    line-height: 0px;
}

.OceanBlue_Bold_70
{
    color: #005f96;
    font-size: 70%;
    font-weight: bold;
}

.DarkGray_Bold_70
{
    color: #666666;
    font-size: 70%;
    font-weight: bold;
}

.DarkGray_Bold_80
{
    color: #666666;
    font-size: 80%;
    font-weight: bold;
}

.DarkGray_Bold_100
{
    color: #666666;
    font-size: 100%;
    font-weight: bold;
}

.DarkGray_Bold_110
{
    color: #666666;
    font-size: 110%;
    font-weight: bold;
}

.DarkGray_Bold_130
{
    color: #666666;
    font-size: 130%;
    font-weight: bold;
}

.DarkGray__100
{
    color: #666666;
    font-size: 100%;
}
.DarkGray_Bold_75
{
    color: #666666;
    font-size: 75%;
    font-weight: bold;
}

.DarkGray__60
{
    color: #666666;
    font-size: 60%;
}

.DarkGray__70
{
    color: #666666;
    font-size: 70%;
}

.DarkGray__75
{
    color: #6f6d6d;
    font-size: 75%;
}
.DarkBlue__67
{
    color: #003399;
    font-size: 67%;
}

.DarkBlue__70
{
    color: #003399;
    font-size: 70%;
}

.DarkBlue__110
{
    color: #003399;
    font-size: 110%;
}

.DarkBlue__150
{
    color: #003399;
    font-size: 150%;
}

.DarkBlue__160
{
    color: #003399;
    font-size: 160%;
}

.DarkBlue_Bold_65
{
    color: #003399;
    font-size: 65%;
    font-weight: bold;
}

.DarkBlue_Bold_67
{
    color: #003399;
    font-size: 67%;
    font-weight: bold;
}

.DarkBlue_Bold_70
{
    color: #003399;
    font-size: 70%;
    font-weight: bold;
}
.DarkBlue_Bold_75
{
    color: #003399;
    font-size: 75%;
    font-weight: bold;
}
.DarkBlue_Bold_80
{
    color: #003399;
    font-size: 80%;
    font-weight: bold;
}
.DarkBlue_Bold_90
{
    color: #003399;
    font-size: 90%;
    font-weight: bold;
}
.DarkBlue_Bold_100
{
    color: #003399;
    font-size: 100%;
    font-weight: bold;
}

.DarkBlue_Bold_110
{
    color: #28469C;
    font-size: 110%;
    font-weight: bold;
}

.DarkBlue_Bold_150
{
    color: #003399;
    font-size: 150%;
    font-weight: bold;
}

.DarkBlue_Bold_125
{
    color: #003399;
    font-size: 125%;
    font-weight: bold;
}

.LightGray__60
{
    font-size: 60%;
    color: #999;
}

.Gray__80
{
    font-size: 80%;
    color: #5B5F68 ;
}

.Gray__100
{
    font-size: 100%;
    color: #5B5F68 ;
}

.Gray__110
{
    font-size: 110%;
    color: #5B5F68 ;
}

.Gray__120
{
    font-size: 120%;
    color: #5B5F68 ;
}

.Gray__90
{
    font-size: 90%;
    color: #5B5F68 ;
}

.Gray__70
{
    font-size: 70%;
    color: #5B5F68 ;
}

.Gray__60
{
    color: #5B5F68;
    font-size: 60%;
}

.Gray_Bold_90
{
    font-size: 90%;
    color: #5B5F68;
    font-weight: bold;
}

.Gray_Bold_100
{
    font-size: 100%;
    color: #5B5F68;
    font-weight: bold;
}

.Gray_Bold_120
{
    font-size: 120%;
    color: #5B5F68;
    font-weight: bold;
}

.Gray_Bold_80
{
    font-size: 80%;
    color: #5B5F68;
    font-weight: bold;
}

.DarkGray_Bold_90
{
    color: #4C4C4C;
    font-size: 90%;
    font-weight: bold;
}

.DarkGray_Bold_100
{
    color: #4C4C4C;
    font-size: 100%;
    font-weight: bold;
}

.DarkGray_Bold_120
{
    color: #4C4C4C;
    font-size: 120%;
    font-weight: bold;
}

.Green_Bold_
{
    font-weight: bold;
    color: green;
}

.Green_Bold_80
{
    font-size: 80%;
    font-weight: bold;
    color: green;
}

.Green_Bold_100
{
    font-size: 100%;
    font-weight: bold;
    color: green;
}

.Maroon_Bold_80
{
    font-weight: bold;
    font-size: 80%;
    color: Maroon;
}

.Orange_Bold_90
{
    font-weight: bold;
    font-size: 90%;
    color: #de783d;
}

.Orange_Bold_100
{
    font-weight: bold;
    font-size: 100%;
    color: #de783d;
}

.Orange_Bold_120
{
    font-weight: bold;
    font-size: 120%;
    color: #de783d;
}

.Orange_Bold_140
{
    font-weight: bold;
    font-size: 140%;
    color: #de783d;
}


.Orange__100
{
    font-size: 100%;
    color: #de783d;
}

.Orange__120
{
    font-size: 120%;
    color: #de783d;
}

.Orange__140
{
    font-size: 140%;
    color: #de783d;
}


.medbold
{
    font-size: 95%;
    font-weight: bold;
}

.medboldblack
{
    font-size: 95%;
    font-weight: bold;
    color: #000000;
}

.reqfield
{
    font-size: 80%;
    color: #ff0000;
}

.normalbold
{
    font-size: 105%;
    font-weight: bold;
}

.LinkUnderline:hover
{
    text-decoration: underline;
}


.Black_Bold_80
{
    font-size: 80%;
    font-weight: bold;
    color: Black;
}
.Black_Bold_85
{
    font-size: 85%;
    font-weight: bold;
    color: #000000;
}
.Black_Bold_95
{
    font-size: 95%;
    font-weight: bold;
    color: #000000;
}

.Blue__67
{
    color: #2B5CA0;
    font-size: 67%;
}

.Blue__80
{
    color: #2B5CA0;
    font-size: 80%;
}

.Blue__100
{
    color: #2B5CA0;
    font-size: 100%;
}

.Blue_Bold_70
{
    color: #2B5CA0;
    font-weight: bold;
    font-size: 70%;
}

.Blue_Bold_80
{
    color: #2B5CA0;
    font-weight: bold;
    font-size: 80%;
}

.Blue_Bold_90
{
    color: #2B5CA0;
    font-weight: bold;
    font-size: 90%;
}

.Blue_Bold_100
{
    color: #2B5CA0;
    font-weight: bold;
    font-size: 100%;
}

.Blue_Bold_120
{
    color: #2B5CA0;
    font-weight: bold;
    font-size: 120%;
}

.Blue_Bold_140
{
    color: #2B5CA0;
    font-weight: bold;
    font-size: 140%;
}

.Gold_Bold_80
{
    color: #FDD017;
    font-weight: bold;
    font-size: 80%;
}


.HomePageLogoFont
{
    color: #4C4C4C;
    font-weight: bold;
    font-size: 240%;
}
    

.FormStyle
{
    border: #7B869A 1px solid;
    background-color: #FFFFFF;
    font-size: 70%;
    color: #000000;
    float:left;
}

.FormStyleDisabled
{
    border: #C0C0C0 1px solid;
    background-color: #FFFFFF;
    font-size: 70%;
    color: #C0C0C0;
}

.FormStyleRev1
{
    border: #7B869A 1px solid;
    background-color: #FFFFFF;
    color: #000000;
}

.LightGray_Italic_60
{
    color: #4C4C4C;
    font-size: 60%;
    font-style:italic;
}

.LightGray_Italic_55
{
    color: #4C4C4C;
    font-size: 55%;
    font-style:italic;
}

.LightGray_Italic_50
{
    color: #4C4C4C;
    font-size: 50%;
    font-style:italic;
}

.LightGray_Bold_60
{
    color: #58595B;
    font-size: 60%;
    font-weight: bold;
}

.LightGray_Bold_80
{
    color: #58595B;
    font-size: 80%;
    font-weight: bold;
}

.LightGray_60
{
    color: #58595B;
    font-size: 60%;
}

.LightGray_70
{
    color: #58595B;
    font-size: 70%;
}

.LightGray_78
{
    color: #58595B;
    font-size: 78%;
}

.LightGray_80
{
    color: #58595B;
    font-size: 80%;
}

.LightGray_100
{
    color: #58595B;
    font-size: 100%;
}

.Gray__67
{
    font-size: 67%;
    color: #4d5c67;
}

.Gray_Bold_90
{
    font-size: 90%;
    font-weight: bold;
    color: Gray;
}

.Maroon__82
{
    font-size: 82%;
    color: Maroon;
}

.GrayModelLink
{
    font-size: 70%;
    font-weight: bold;
    color: #979ebb;
}

.NoColor__30
{
    font-size: 30%;
}

.NoColor__35
{
    font-size: 35%;
}

.NoColor__40
{
    font-size: 40%;
}

.NoColor__45
{
    font-size: 45%;
}

.NoColor__50
{
    font-size: 50%;
}

.NoColor__55
{
    font-size: 55%;
}

.NoColor__60
{
    font-size: 60%;
}

.NoColor__65
{
    font-size: 65%;
}

.NoColor__67
{
    font-size: 67%;
}

.NoColor__70
{
    font-size: 70%;
}

.NoColor__73
{
    font-size: 73%;
}

.NoColor__78
{
    font-size: 78%;
}

.NoColor__82
{
    font-size: 82%;
}

.NoColor__85
{
    font-size: 85%;
}

.NoColor__90
{
    font-size: 90%;
}

.NoColor__100
{
    font-size: 100%;
}

.NoColor__120
{
    font-size: 120%;
}

.NoColor_Bold_67
{
    font-size: 67%;
    font-weight: bold;
}

.NoColor_Bold_70
{
    font-size: 70%;
    font-weight: bold;
}

.NoColor_Bold_75
{
    font-size: 75%;
    font-weight: bold;
}

.NoColor_Bold_78
{
    font-size: 78%;
    font-weight: bold;
}

.NoColor_Bold_80
{
    font-size: 80%;
    font-weight: bold;
}

.NoColor_Bold_82
{
    font-size: 82%;
    font-weight: bold;
}

.NoColor_Bold_90
{
    font-size: 90%;
    font-weight: bold;
}

.NoColor_Bold_95
{
    font-size: 95%;
    font-weight: bold;
}

.NoColor_Bold_100
{
    font-size: 100%;
    font-weight: bold;
}

.NoColor_Bold_105
{
    font-size: 105%;
    font-weight: bold;
}

.NoColor_Bold_110
{
    font-size: 110%;
    font-weight: bold;
}

.NoColor_Bold_112
{
    font-size: 112%;
    font-weight: bold;
}

.NoColor_Bold_125
{
    font-size: 125%;
    font-weight: bold;
}

.NoColor_Bold_140
{
    font-size: 140%;
    font-weight: bold;
}

.NoColor_Bold_150
{
    font-size: 150%;
    font-weight: bold;
}

.NoColor_Bold_None
{
    font-weight: bold;
}

.NoColor_BoldItalic_70
{
    font-size: 70%;
    font-style: italic;
    font-weight: bold;
}

.NoColor_BoldItalic_100
{
    font-size: 100%;
    font-style: italic;
    font-weight: bold;
}

.NoColor_BoldUnderline_70
{
    font-size: 70%;
    font-weight: bold;
    text-decoration: underline;
}

.NoColor_BoldItalicUnderline_None
{
    font-style: italic;
    font-weight: bold;
    text-decoration: underline;
}

.NoColor_ItalicUnderline_None
{
    font-style: italic;
    text-decoration: underline;
}

.NoColor_Italic_67
{
    font-size: 67%;
    font-style: italic;
}

.NoColor_Italic_70
{
    font-size: 70%;
    font-style: italic;
}

.NoColor_Italic_None
{
    font-style: italic;
}

.RedFont
{
    color: #FF0000;
}
.BlackFont
{
    color: #000000;
}

.Red_67
{
    font-size: 67%;
    color: #FF0000;
}

.Red__70
{
    font-size: 70%;
    color: #FF0000;
}

.Red_75
{
    font-size: 75%;
    color: #FF0000;
}

.Red__80
{
    font-size: 80%;
    color: #FF0000;
}

.Red_85
{
    font-size: 85%;
    color: #FF0000;
}

.Red_Bold_70
{
    font-size: 70%;
    font-weight: bold;
    color: #FF0000;
}

.Red_Bold_75
{
    font-size: 75%;
    font-weight: bold;
    color: #FF0000;
}

.Red_Bold_80
{
    font-size: 80%;
    font-weight: bold;
    color: #FF0000;
}

.Red_Bold_90
{
    font-size: 90%;
    font-weight: bold;
    color: #FF0000;
}

.Red_Bold_100
{
    font-size: 100%;
    font-weight: bold;
    color: #FF0000;
}

.TopSpace
{
    padding-top: 3px;
}

.White_Italic_60
{
    font-size: 60%;
    color: White;
    font-style:italic;
}

.White__70
{
    font-size: 70%;
    color: White;
}

.White__75
{
    font-size: 75%;
    color: White;
}

.White__78
{
    font-size: 78%;
    color: White;
}

.White__82
{
    font-size: 82%;
    color: White;
}

.White__100
{
    font-size: 100%;
    color: White;
}

.White_Bold_70
{
    font-size: 70%;
    font-weight: bold;
    color: White;
}

.White_Bold_80
{
    font-size: 80%;
    font-weight: bold;
    color: White;
}

.White_Bold_85
{
    font-size: 85%;
    font-weight: bold;
    color: White;
}

.White_Bold_100
{
    font-size: 100%;
    font-weight: bold;
    color: White;
}

.White_Bold_120
{
    font-size: 120%;
    font-weight: bold;
    color: White;
}

.White_Bold_110
{
    font-size: 110%;
    color: #FFFFFF;
    font-weight: bold;
}

.White_Bold_125
{
    font-size: 125%;
    color: #FFFFFF;
    font-weight: bold;
}

.White_BoldItalic_100
{
    font-size: 100%;
    color: #FFFFFF;
    font-style: italic;
    font-weight: bold;
}

.Grey_Bold_120
{
    font-size: 120%;
    color: #838995;
}

.LightBlue_Bold_90
{
    color: #005BA8;
    font-size: 90%;
    font-weight: bold;
}

.Fuschia_Bold_70
{
    color: #C92173;
    font-size: 70%;
    font-weight: bold;
}



.Red_Bold_70
{
    font-size: 70%;
    color: #ff0000;
    font-weight: bold;
}

.Red_Bold_80
{
    font-size: 80%;
    color: #ff0000;
    font-weight: bold;
}
.Red__70
{
    font-size: 70%;
    color: #ff0000;
}

.RoyalBlue_Bold_150
{
    font-size: 150%;
    color: #0033CC;
    font-weight: bold;
}

.White_Bold_100
{
    color: White;
    font-size: 100%;
    font-weight: bold;
}

.White_Bold_80
{
    color: White;
    font-size: 80%;
    font-weight: bold;
}
.WhiteBoldHeader
{
    color: White;
    font-size: 75%;
    font-weight: bold;
}


.White__80
{
    color: White;
    font-size: 80%;
}

.White__67
{
    color: White;
    font-size: 67%;
}

.WhiteBold70
{
    color: white;
    font-size: 70%;
    font-weight: bold;
}

.WhiteBold80
{
    color: white;
    font-size: 80%;
    font-weight: bold;
}

.WhiteBold90
{
    color: white;
    font-size: 90%;
    font-weight: bold;
}

.NoColor69
{
    font-size: 69%;
}

.OddBlue_Bold_100
{
    font-size: 100%;
    font-weight: bold;
    color: #3A63B2;
}

.DarkBlue_Bold_70
{
    font-size: 70%;
    font-weight: bold;
    color: #00529C;
}

.DarkBlue_Bold_80
{
    font-size: 80%;
    font-weight: bold;
    color: #00529C;
}

.DarkBlue_Bold_65
{
    font-size: 65%;
    color: #00529C;
}

.White80
{
    font-size: 80%;
    color: white;
}

.Blue_Bold_150
{
    color: #00529c;
    font-weight: bold;
    font-size: 150%;
}
.Olive_Bold_105
{
    color: #707c15;
    font-weight: bold;
    font-size: 105%;
}

.PumpkinOrange__
{
    color: #de783d;
}

.WhiteBold
{
    font-weight: bold;
    font-size: 115%;
    color: white;
}

.smallerboldred
{
    font-size: 75%;
    font-weight: bold;
    color: #FF0000;
}

a
{
    color: #1E75BD;
    text-decoration: none;
}

a:hover
{
    color: #666666;
    text-decoration: underline;
}

a:active
{
    color: #6699ff;
    text-decoration: none;
}

.largebluebold
{
    font-size: 150%;
    color: #0033CC;
    font-weight: bold;
}

.FeatProdRowvAlignTop
{
    vertical-align: top;
}



.solidBlueDiv
{
    background-color: #3482c3;
    padding: 4px;
    margin-top: 5px;
    text-align: left;
}

.medboldblack
{
    font-size: 95%;
    font-weight: bold;
    color: #000000;
}


.mediumblue
{
    color: #0066FF;
    font-weight: bold;
    font-size: 95%;
}



.smallboldgray
{
    font-size: 90%;
    color: #333333;
    font-weight: bold;
}


.smallred
{
    font-size: 80%;
    color: #ff0000;
}

.smallbold
{
    font-size: 82%;
    font-weight: bold;
}

.smallerbold
{
    font-size: 78%;
    font-weight: bold;
}

.smallboldred
{
    font-size: 82%;
    font-weight: bold;
    color: #FF0000;
}
.smallgray
{
    font-size: 82%;
    font-weight: normal;
    color: #666666;
}

.smallboldwhite
{
    font-size: 82%;
    font-weight: bold;
    color: white;
}

.smallnocolor
{
    font-size: 82%;
}

.smallernocolor
{
    font-size: 78%;
}

.SuperAndSmall
{
    vertical-align: super;
    font-size: 80%;
}



/* Styles used with the /scripts/EnlargeImage.js feature */
#showimage
{
    position: absolute;
    visibility: hidden;
    border: 1px solid gray;
}

#dragbar
{
    /*cursor: hand; Removed because hand isn't a stanrdard value, pointer is and show work for everything we care about*/
    cursor: pointer;
    background-color: #EFEFEF;
    min-width: 100px; /*NS6 style to overcome bug*/
}

#dragbar #closetext
{
    font-weight: bold;
    margin-right: 1px;
}


.ButtonActiveStyle
{
    width: 128px;
    height: 25px;
    font-size: 80%;
    font-weight: bold;
    color: #333333;
    background-color: #3366CC;
    background-image: url(https://www.brother-usa.com/virdata/BrotherCloudWebApp/Images/SiteSearch/Active.gif);
    background-repeat: no-repeat;
    border: 0px;
}

.ButtonDisabledStyle
{
    width: 130px;
    height: 25px;
    font-size: 80%;
    font-weight: bold;
    color: #000000;
    background-color: #3366CC;
    cursor: hand;
    background-image: url(https://www.brother-usa.com/virdata/BrotherCloudWebApp/Images/SiteSearch/InActive.gif);
    background-repeat: no-repeat;
    border: 0px;
}

/* End of Styles for Header Search box and Search pages */


/***************************************************************************
Begin Styles for Distributed Learning */

.bdTrigger
{
    display: inline-block;
    border-bottom: dashed 1px #0066CC;
    cursor: pointer;
    cursor: hand;
}


.bdBoxClose
{
    cursor: pointer;
    cursor: hand;
    float: right;
    padding-top: 3px;
    padding-right: 5px;
}

.bdWrap
{
    z-index: 1000;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 350px; /*Width has to include the width of the borders and padding + what ever base size is decided on, which right now is 350px*/
    width: 362px;
    padding: 0px;
    margin: 0px;
}

.bdContentBorder
{
    /*border: solid 1px #BDBCBC;*/
    border: solid 1px #eabe38;
    background-color: White;
}


.ModalBackground
{
    background-color: Gray;
}

.ModalWindow
{
    position: absolute;
    left: -1000px;
}

.Border_Solid_1
{
    border-style: solid;
    border-width: 1px;
    width: 75%;
    padding: 10px;
}

.Center_75
{
    margin-left: auto;
    margin-right: auto;
    width: 75%;
}

.Center_100
{
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}



/**********************************
End Warranty Registration section*/
/* Modal Pop Up Window */
.row {
width: 100%;
margin-top: 2px;
clear: both;
}

.ModalWindow {
position: relative;
left: 100px;
top: 0px;
border: 2px solid;
}

.ModalBackground
{
    background-color: Gray;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

/*** End of Modal Window ***/

/* Tool Tip */
#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

/*** End of tool Tip ***/
/*** Tabs ***/
#tabs {
	font-size: 80%;
}
#tabs ul {
	float: left;
	margin: 0 0 0 -1px;
	padding:0px;
}
#tabs li {
	list-style: none;
}
#tabs li {
	display: inline;
}
#tabs li, #tabs li a {
	float: left;
	
	
}
#tabs ul li.active {
	-margin-left:0px;
}
#tabs ul li.inactive {
	-margin-left:1px;
}
#tabs ul li.active a {
	
	color: #4C4C4C;
	margin-bottom: -2px;
	margin-left: 3px;
	border-bottom: 2px solid #fff;
}
#tabs div h1 {
	margin: 0px;
}
#tabs div p {
	line-height: 150%;
}
#tabs ul li a {
	text-decoration: none;
	/*padding: 22px 60px 22px 45px;*/
	color:#FFFFFF;
	font-weight: bold;
	font-size: 120%;
	margin:10px 2px 0;
	width:244px;
}
.tabContent 
{
    clear: both;
    padding: 20px;
    border: 2px solid #a0afc4;
    border-radius: 0 12px 12px 12px;
}
/*** End of Tabs ***/
.FourColumnDisplay
{
    width:25%; 
    float:left; 
    text-align:center;
}

.ThreeColumnDisplay
{
    width:33%; 
    float:left; 
    text-align:center;
}

.Background
{
    background-color:#eaf3fd; 
    /*width:100%;*/
}

.ChoosePlan
{
    float:left; 
    background-color:#eaf3fd;
}

.HorizontalLine
{
    border-top: solid 1px #838995;
    height: 1px;
    width: 100%;
}

.HomePagePlans
{
    background: white;
    width:375px;
    float:left;
    padding: 0px;
    margin-right:5px;
    height:116px;
    padding-top:10px;
    padding-right: 5px;
}

.PlanDisplay
{
    float:left; 
    width:90%;
    height:70px;
}

.ChoosePlanContinue
{
    float:right;
    padding: 20px;
}

.OrderSummary
{
    float:right; 
    padding: 20px 0px 0px 10px;
    background: url(https://www.brother-usa.com/virdata/BrotherCloudWebApp/images/BuyNow/order-summary-bkg.jpg) no-repeat;
    height:210px;
    /*background-color: #FBEAD9; */
    width:225px;
    font-size: 75%;
}

.OrderSummary-item {
    float: left;
    background: url(https://www.brother-usa.com/virdata/BrotherCloudWebApp/images/order-confirm/divider-line.jpg) no-repeat right;
    width: 30%;
    padding-left: 5px;
    height: 134px;            
}
/*
.ChoosePlanPricing
{
    width:863px;
    height:750px;
    padding: 10px 0 0 10px;
}
*/
.ChoosePlanSingleHostPricing ul
{
     background: url(https://www.brother-usa.com/virdata/BrotherCloudWebApp/images/BuyNow/single-license-plans.jpg) no-repeat;
}

.ChoosePlanMultiHostPricing ul
{
     background: url(https://www.brother-usa.com/virdata/BrotherCloudWebApp/images/BuyNow/multiple-license-plans.jpg) no-repeat;
}

.StandardWidth
{
    width:785px;
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
}
.StandardWidth2 {
    width: 893px;
}

.Plan1PriceDisplay
{
    background: url(https://www.brother-usa.com/virdata/BrotherCloudWebApp/images/BuyNow/49.jpg) no-repeat;
    float:left;
    vertical-align:text-top;
    width:205px;
    padding: 0 0 0 4px;
}

.Plan2PriceDisplay
{
    background: url(https://www.brother-usa.com/virdata/BrotherCloudWebApp/images/BuyNow/79.jpg) no-repeat;
    float:left;
    vertical-align:text-top;
    width:205px;
    padding: 0 0 0 4px;
}

.TollFreePlanRow
{
    background-color: #dedfe0;
}

.OrderSummaryLineMargin
{
    margin-bottom:5px;
    margin-top: 2px;
}

.PurchaseContactInfo
{
    border: 1px solid black;
    padding:5px;
    float:left;
    width:40%;
    margin-right:10px;
    margin-bottom: 10px;
}

.PurchaseBillingInfo
{
    width:98%;
    padding:10px;
    float:left;
}

.CenteringBillingInfo
{
    width:10%;
    float:left;
}

.PageLabels
{
    float: left; 
    width: 80px; 
    text-align: right; 
    padding-right: 5px;
}

.PaymentInfo
{
    float: left; 
    margin-bottom:5px;
}

.SignUpDemoMessage
{
    width:30%; 
    margin-right:20px; 
    float:left;
}

/*--- header --------------------*/
#header{
	background:url('https://www.brother-usa.com/virdata/BrotherCloudWebApp/images/bg-header-shadow.png') no-repeat center bottom;
	padding-bottom:30px;
}
#header #header-top{
	background:#0049aa;
	border-bottom:1px solid #ccdbee;
}
#header.header-homepage{
	padding-bottom:16px;
	background:none;
}
#header-logo{
	padding:10px 0px 0px 0px;
	height:50px;
	float:left;
}
#header-search{
	float:right;
	padding-top:5px;
	font-size:80%;
	vertical-align: baseline;
}
#header-search a,
#header-search a:visited{
	color:#ffffff;
	text-decoration:none;
	padding-right:10px;
	border-right:1px solid #ffffff;
	display:inline-block;
	line-height:12px;
}
#header-search ul{
	float:right;
	padding:5px;
	margin-bottom:5px;
	margin: 0;
}
#header-search ul li{
	display:inline-block;
	float:left;
	margin-right:10px;
}
#header-search ul li.last{
	margin-right:0px;
}
#header-search ul li.last a{
	border-right:none;
	padding-right:0px;
}
#header-search #search-box{
	width: 176px;
	float:right;
	clear:both;
}
#search-box input{
	padding:0px;
}
#search-box #search-field {
	float: left;
	border: 0;
	margin:0px;
	padding:0px 0px 0px 5px;
	height:20px;
	width:149px;
	background: #ffffff;
	border-top:1px solid #00429a;
	border-left:1px solid #00429a;
	border-bottom:1px solid #00429a;
	font-size:12px;
	font-weight:normal;
}
#search-box #go {
	float: left;
	margin:0px;
	border-top:1px solid #00429a;
	border-right:1px solid #00429a;
	border-bottom:1px solid #00429a;
}
#brand-logo{
	width:240px;
	float:left;
	padding:20px 0px 0px 0px;
}
#navigation{
	float:right;
	width:690px;
	/*background:url('/images/bg-mainnav-border.gif') no-repeat right center;*/
	background:none;
	height:45px;
	margin:30px 0px 0px 0px;
}
 #cobrandLogo 
 {
     float:right;
	 width:660px;
     margin: 8px 5px 0 0;
     
 }
  #cobrandLogo img {
      height: 95px;
      float: right;
      
  }
  .meetingButtons {
      width: 110px; 
      float: right;
      text-align: center; 
      position: relative;
      top: -12px;
      padding-left: 10px;
  }
  .meetingButtons a {
        display: inline-block;
        height: 18px;
        color: white;
        width: 90%;
        margin-bottom: 3px;
        background-color: #2F5597;
        text-decoration: none;
        font-size: 12px;
    }
    .meetingButtons a:hover {
        cursor: pointer;
    }
    div.container div#brand-logo a img {
        max-height: 72px;
    }
/*--- main nav top --------------------*/
#topnav{
	clear:both;
	padding:0px 0px 15px 0px;
}
#topnav ul{
	list-style-type:none;
	margin:0px;
	float:right;
}
#topnav ul li{
	display:inline-block;
	float:left;
	font-size:12px;
    margin: auto;
    text-align: center;
    line-height:20px;
}
#topnav ul li span{
	font-size:13px;
	font-weight:bold;
}

#topnav ul li a,
#topnav ul li a:visited{
	text-decoration:none;
	color:#838995;
	font-size:12px;
	text-align: right;
	display:inline-block;
	padding-right:10px;
	border-right:1px solid #838995;
    padding-left: 8px;
}
#topnav ul li a:hover,
#topnav ul li a.active{
	color:#2b5ca0;
	font-weight:bold;
    white-space:nowrap;
}
#topnav ul li.last a, #topnav ul li:last-child a{
	border-right:none;
	padding-right:0px;
}
#topnav ul li.last, #topnav ul li:last-child{
	padding-right:0px;
}
/*--- main nav--------------------*/
#mainnav{
	clear:both;
	padding:10px 0px 0px 0px;
}
#mainnav ul{
	list-style-type:none;
	margin:0px;
	float:right;
}
#mainnav ul li{
	display:inline-block;
	padding-right:30px;
	float:left;
	font-size:16px;
	width: 72px;
	text-align: right;
}
#mainnav ul li.last{
	padding-right:0px;
}
#mainnav ul li a,
#mainnav ul li a:visited{
	text-decoration:none;
	color:#838995;
	font-size:15px;
}
#mainnav ul li a:hover,
#mainnav ul li a.active{
	color:#2b5ca0;
	font-weight:bold;
}
/*--- Sub nav ----------------------*/
#subnav{
	float:left;
	width:215px;
	padding: 0px 0px 40px 0px;
}
#subnav a,
#subnav a:visited{
	text-decoration:none;
	color:#838995;
	font-size:10pt;
}
#subnav a.selected,
#subnav a:hover,
#subnav a.active{
	font-weight:bold;
	color:#2b5ca0;
}
#subnav a span{
	color:#df6931;
	font-weight:bold;
}
#subnav ul li{
	padding:15px 0px 17px 0px;
	background:url('https://www.brother-usa.com/virdata/BrotherCloudWebApp/images/border-subpage-leftnav-links.gif') no-repeat left bottom;
}
#subnav ul li.last{
	background:none;
}
#subnav ul {
 margin:0px;
 padding: 0px 0px 0px 15px;
}
/*--- Breadcrumbs ------------------*/
#breadcrumbs{
	padding:0px 0px 5px 0px;
}
#breadcrumbs a,
#breadcrumbs a:visited{
	text-decoration:none;
	color:#838995;
	font-size:12px;
}
#breadcrumbs a:hover,
#breadcrumbs a.active{
	color:#2b5ca0;
}
#breadcrumbs ul li{
	display:inline-block;
	float:left;
	padding:0px 17px 3px 0px;
	margin-right:7px;
	background:url('https://www.brother-usa.com/virdata/BrotherCloudWebApp/images/arrow-breadcrumbs.gif') no-repeat right center;
}
#breadcrumbs ul li.last{
	background:none;
	margin-right:0px;
}
#breadcrumbs ul, #content-header-wrapper h1
{
    margin:0px;
    padding:0px;
}
/*--- home page ---------------------*/
#main
{
	
}
#main .banner-button{
	width:115px;
	font-size:24px;
	white-space:nowrap;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
#main #divider{
	background:url('https://www.brother-usa.com/virdata/BrotherCloudWebApp/images/bg-header-shadow.png') no-repeat center top;
	height:14px;
}
#main #splash-banners{
	
	position:relative;
}
#main #splash-banners .splash-banner{
	
	overflow:hidden;
	padding-left:30px;
}
#main #splash-banners .splash-banner h1{
	font-family:'Didact Gothic',Arial,Helvetica,sans-serif;
	font-size:30px;
	font-weight:400;
	color:#de783d;
	padding-bottom:10px;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
}
#main .content-title{
	font-family:'Didact Gothic',Arial,Helvetica,sans-serif;
	font-size:20px;
	font-weight:300;
	color:#ffffff;
	padding-bottom:1px;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
}
#main #main-content-col1{
	float:left;
	width: 307px;
	height:305px;
	background:url('https://www.brother-usa.com/virdata/BrotherCloudWebApp/images/border-main-content-vertical.gif') no-repeat right 30px;
	margin-right:10px;
	padding-right:10px;
}
#main #main-content-col2{
	float:left;
	position: relative;
	width: 295px;
	height:305px;
	background:url('https://www.brother-usa.com/virdata/BrotherCloudWebApp/images/border-main-content-vertical.gif') no-repeat right 30px;
	margin-right:10px;
	padding-right:5px;
}
#main #main-content-col3{
	float:left;
	width: 275px;
	height: 305px;
}
#customer-voice
{
	
	padding: 1px 0 0;
}
.customer-voice-content{
	width:250px;
	color: White;
	font-size: 14px;
	
	margin: 0 5px;
}
.customer-voice-info
{
    position: absolute;
    width: 205px;
    left: 57px;
    top: 220px;
	*top: 208px;
	color:#fff;
	font-size:12px;
}
.customer-voice-name{
	font-size:16px;
	color:#e68740;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	font-weight:bold;
	padding-bottom: 5px;
	padding-top: 10px;
}
.customer-voice-link
{
    float: right;
	width: 70px;
	margin-left: 5px;
}

#main #col3-content{
	/*padding:10px 0px 0px 10px;*/
}
#main .main-content-divider{
	background:url('https://www.brother-usa.com/virdata/BrotherCloudWebApp/images/border-main-content-horizontal.gif') no-repeat center center;
	min-width:211px;
	width:auto !important;
	width:211px;
	height:3px;
	padding:5px 0px;
}
#main .content-col3-button,
#main .content-col3-button-small{
	width:280px;
	white-space:nowrap;
	padding:10px 5px 10px 5px;
}
#main .content-col3-button{
	font-size:16px;
}
#main .content-col3-button-small{
	font-size:12px;
}
/*--- Sub page ---------------------*/
#subpage{
	padding:15px 0px 25px 0px;
}
#content{
	float:right;
	width:713px;
	background:url('https://www.brother-usa.com/virdata/BrotherCloudWebApp/images/border-subpage-content.gif') no-repeat left top;
	min-height:460px;
	height:auto !important;
	height:460px;
	padding:0px 0px 32px 32px;
}
#content-header-wrapper{
	background:url('https://www.brother-usa.com/virdata/BrotherCloudWebApp/images/border-subpage-content-header.gif') no-repeat right bottom;
	min-height:92px;
	height:auto !important;
	height:92px;
	padding-bottom:2px;
}
#content-header{
	background:url('https://www.brother-usa.com/virdata/BrotherCloudWebApp/images/bg-disks.gif') no-repeat right bottom;
}
#content-header h1{
	color:#de783d;
	font-size:30px;
	line-height: 1.231;
	font-weight:normal;
	padding-bottom:10px;
	padding-right: 50px;
}
#content-header-subtitle{
	color:#838995;
	font-size:13px;
	line-height: 1.231;
	margin-bottom: 12px;
}
/*--- content box --------------------*/
.content{
	padding:25px 0px 0px 0px;
	font-size:12px;
	line-height:20px;
}
.content p{
	margin:.4em 0 .8em 0;padding:0;
}
.content .image-content-left,
.content .image-content-right{
	border:1px solid #dbdada;
}
.content .image-content-left{
	float:left;
	margin:0px 25px 25px 0px;
}
.content .image-content-right{
	float:right;
	margin:0px 0px 25px 25px;
}
/*--- supplemental content --------*/
.page-sub-divider{
	border-top:1px solid #2b5ca0;
	height:4px;
	background-color:#244d86;
	border-bottom:1px solid #3564a5;
}
#page-sub-content{
	background-color:#2b5ca0;
	border-bottom:1px solid #3564a5;
	color:#ffffff;
	padding:20px 0px;
}
#page-links{
	background:#768cab;
	border-top:5px solid #244d86;
	border-bottom:1px solid #a9b6c7;
	padding:10px 0px 0px 0px;
	overflow:hidden;
}
#page-links a,
#page-links a:visited{
	color:#3a3d43;
	font-size:12px;
	text-decoration:none;
}
#page-links a:hover,
#page-links a.active{
	text-decoration:underline;
	color:#2b5ca0;
}
#page-links .page-links-col{
	border-left:1px solid #7a90ae;
	border-right:1px solid #6a7e9a;
	width:155px;
	padding:10px 20px 2000px 20px;
	margin:0px 0px -2000px 0px;
	float:left;
}
#page-links .page-links-col.first{
	border-left:none;
	padding-left:0px;
}
#page-links .page-links-col.last{
	border-right:none;
	padding-right:0px;
}
#page-links .page-links-col .page-links-title{
	font-size:16px;
	font-weight:normal;
	color:#ffffff;
	/*text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
	padding-bottom:10px;
}
#page-links .page-links-col ul{
	padding:5px 0px 10px 0px;
}
#page-links .page-links-col ul li{
	padding-bottom:5px;
	list-style-type:none;
}
#page-links .page-links-col#follow-us{
	width:125px;
}
#page-links .page-links-col#follow-us ul li{
	float:left;
	display:inline-block;
	padding-right:5px;
	
}
#page-links-bottom{
	height:10px;
	clear:both;
	background:#768cab;
	position:relative;
	z-index:2;
}
#page-sub-left{
	float:left;
}
#page-sub-right{
	float:right;
}
#page-quote{
	background:url('https://www.brother-usa.com/virdata/BrotherCloudWebApp/images/bg-quote-bubble.png') no-repeat center center;
	width:340px;
	height:118px;
	overflow:hidden;
}
#page-quote .quote-content{
	font-family:verdana;
	padding:30px 23px 10px 27px;
	color:#5b5f68;
	font-size:13px;
	line-height:20px;
}
#page-quote .quote-info{
	font-style:italic;
	color:#3a3d43;
	font-size:10px;
	padding:5px 30px 0px 15px;
}
#page-quote .quote-info .quoter-name{
	color:#2b5ca0;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
}
#page-quote .quote-info a.quote-more{
	float:right;
	margin-top:-5px;
	display:inline-block;
}
ul#page-sub-icon-links li{
	padding:10px 0px 15px 0px;
	background:url('https://www.brother-usa.com/virdata/BrotherCloudWebApp/images/border-main-content-horizontal.gif') repeat-x left bottom;
}
ul#page-sub-icon-links li.last{
	background:none;
}
ul#page-sub-icon-links li a,
ul#page-sub-icon-links li a:visited{
	color:#ffffff;
	display:inline-block;
	font-family:'Didact Gothic',Arial,Helvetica,sans-serif;
	font-size:16px;
	text-decoration:none;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
}
ul#page-sub-icon-links li a.icon-play{
	background:url('https://www.brother-usa.com/virdata/BrotherCloudWebApp/images/icon-play.gif') no-repeat left top;
	padding-left:25px;
}
ul#page-sub-icon-links li a.icon-charts{
	background:url('https://www.brother-usa.com/virdata/BrotherCloudWebApp/images/icon-charts.gif') no-repeat left top;
	padding-left:25px;
}
ul#page-sub-icon-links li a.icon-info{
	background:url('https://www.brother-usa.com/virdata/BrotherCloudWebApp/images/icon-info.gif') no-repeat 5px 0px;
	padding-left:25px;
}
/*--- footer ---------------------*/
#footer{
	color:#5a5f67;
	font-size:12px;
	padding:30px 0px 50px 0px;
}
#footer a,
#footer a:visited{
	color:#5a5f67;
	text-decoration:none;
}
#footer a:hover,
#footer a.active{
	text-decoration:underline;
	color:#2b5ca0;
}
#footer #footer-left{
	float:left;
	width:340px;
}
#footer #footer-right{
	float:right;
	width:570px;
}
#footer #footer-right ul{
	float:right;
	margin: 0px;
}
#footer #footer-right ul li{
	display:inline-block;
	float:left;
	padding-right:10px;
	margin-right:10px;
	border-right:1px solid #5a5f67;
}
#footer #footer-right ul li.last{
	padding-right:0px;
	margin-right:0px;
	border-right:none;
}

.solutionsHomePageMenu
{
    padding:10px;
    float:left;
}

.solutionsHomePageColumn1
{
    width:45%; 
    /*background-color:#78a4ce; */
    padding:10px;
    float:left;
    min-height: 500px;
}

.solutionsHomePageColumn2
{
    width:45%; 
    /*background-color:#f2a86b; */
    padding:10px;
    float:left;
    min-height: 500px;
}

.solutionsHomePageMiddleColumn
{
    width:1%;
    float:left;
    margin:10px;
}

.solutionsDescription
{
    margin-bottom:10px; 
    min-height:160px;
}

.solutionsContent
{
    margin-right: 32px;
}

.contactUsInfo1
{
    width:100%;
    float:left;
    margin-bottom:20px;
}

.contactUsInfo2
{
    width:100%;
    float:left;
    margin-bottom:10px;
}

.contactUsFields
{
    width:310px;
    float:left;
    margin-bottom:10px;
}

textarea.contactUsFields
{
    resize: vertical;
}

.intro .figure
{
    float: right;
    margin-left: 35px;
    margin-right: 10px;
}

#content-body .fine-print
{
    list-style: none;
    width: 90%;
    font-size: 9px;
    line-height: 1.5;
    margin: 50px 0 0;
    padding: 0;
    border-top: 1px solid #e9e9e9;
}
        
#content-body .fine-print li
{
    margin: 15px 0;
}
        
#content-body .fine-print a
{
    font-size: 9px;
}

p.intro
{
    width: 690px;
}

.container p.privacy-policy
{
    font-size: 12px;
}

#OrderSummary h3 {
background-color: #CCC;
margin: 0px auto;
text-align: center;
padding: 2px;
}

.omnijoin-blue {
    color: #2b5ca0;
}
.omnijoin-orange {
    color: #EA700D;
}

.FloatLeft
{
    float:left;
}

.FloatRight
{
    float:right;
}

.TextAlignRight
{
    text-align:right;
}

.duplicate-license-wrapper
{
    background: url("https://www.brother-usa.com/virdata/BrotherCloudWebApp/Images/duplicateLicense/bkg.jpg") no-repeat;
    width: 863px;
    height: 468px;
    padding: 10px;
}
.other-options
{
    background-color: #E8EAE9;
    width: 96%;
    padding: 10px 15px 10px 10px;
    margin: auto;
}


/*
    TOP NAVIGATION BAR FOR SECTION PAGES (OMNIJOIN, BR-DOCS, & BR-RECEIPTS)
*/
.pageTopNav
{
    width: 965px;
    height: 40px;
    background-color: #F1F1F1;
    border-bottom: 1px solid #CCCCCC;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #F1F1F1), color-stop(1, #E9E9E9));
    background:-moz-linear-gradient(top, #F1F1F1 5%, #E9E9E9 100%);
    background:-webkit-linear-gradient(top, #F1F1F1 5%, #E9E9E9 100%);
    background:-o-linear-gradient(top, #F1F1F1 5%, #E9E9E9 100%);
    background:-ms-linear-gradient(top, #F1F1F1 5%, #E9E9E9 100%);
    background:linear-gradient(to bottom, #F1F1F1 5%, #E9E9E9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#E9E9E9',GradientType=0);
    background-color:#F1F1F1;
}
        
.pageTopNav-tabContainer
{
    width: auto;
    height: 40px;
    float: left;
    background-color: #F1F1F1;
}
        
.pageTopNav-tabList
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
        
.pageTopNav-tabListLink
{
    width: auto;
    height: 40px;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #F1F1F1), color-stop(1, #E9E9E9));
    background:-moz-linear-gradient(top, #F1F1F1 5%, #E9E9E9 100%);
    background:-webkit-linear-gradient(top, #F1F1F1 5%, #E9E9E9 100%);
    background:-o-linear-gradient(top, #F1F1F1 5%, #E9E9E9 100%);
    background:-ms-linear-gradient(top, #F1F1F1 5%, #E9E9E9 100%);
    background:linear-gradient(to bottom, #F1F1F1 5%, #E9E9E9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#E9E9E9',GradientType=0);
    background-color:#F1F1F1;
}

.pageTopNav-tabListLink:hover
{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #E9E9E9), color-stop(1, #F1F1F1));
    background:-moz-linear-gradient(top, #E9E9E9 5%, #F1F1F1 100%);
    background:-webkit-linear-gradient(top, #E9E9E9 5%, #F1F1F1 100%);
    background:-o-linear-gradient(top, #E9E9E9 5%, #F1F1F1 100%);
    background:-ms-linear-gradient(top, #E9E9E9 5%, #F1F1F1 100%);
    background:linear-gradient(to bottom, #E9E9E9 5%, #F1F1F1 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9E9E9', endColorstr='#F1F1F1',GradientType=0);
    background-color:#E9E9E9;
    text-decoration:none;
}
        
.pageTopNav-LoginBtn
{
    width: auto;
    height: 40px;
    float: right;
    background-color: #F1F1F1;
    border-left: 1px solid #CCCCCC;
}
        
.pageTopNav-tabLoginItem
{
    float: left;
    width: auto;
    height: auto;
    /*color: #666666;*/
    color: #666666;
    font-size: 13px;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 10px 30px 10px 30px;
    overflow: visible;
    position: relative;
}

.pageTopNav-MeetingLinksContainer
{
    width: auto;
    height: 40px;
    float: right;
    background-color: #F1F1F1;
}

.pageTopNav-tabJoinLink
{
    width: auto;
    height: 40px;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #F1F1F1), color-stop(1, #E9E9E9));
    background:-moz-linear-gradient(top, #F1F1F1 5%, #E9E9E9 100%);
    background:-webkit-linear-gradient(top, #F1F1F1 5%, #E9E9E9 100%);
    background:-o-linear-gradient(top, #F1F1F1 5%, #E9E9E9 100%);
    background:-ms-linear-gradient(top, #F1F1F1 5%, #E9E9E9 100%);
    background:linear-gradient(to bottom, #F1F1F1 5%, #E9E9E9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#E9E9E9',GradientType=0);
    background-color:#F1F1F1;
}

.pageTopNav-tabJoinLink:hover
{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #E9E9E9), color-stop(1, #F1F1F1));
    background:-moz-linear-gradient(top, #E9E9E9 5%, #F1F1F1 100%);
    background:-webkit-linear-gradient(top, #E9E9E9 5%, #F1F1F1 100%);
    background:-o-linear-gradient(top, #E9E9E9 5%, #F1F1F1 100%);
    background:-ms-linear-gradient(top, #E9E9E9 5%, #F1F1F1 100%);
    background:linear-gradient(to bottom, #E9E9E9 5%, #F1F1F1 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9E9E9', endColorstr='#F1F1F1',GradientType=0);
    background-color:#E9E9E9;
    text-decoration:none;
}

.pageTopNav-tabJoinItem
{
    width: auto;
    height: auto;
    color: #de783d;
    font-size: 13px;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 10px 15px 10px 15px;
    /*border-left: 1px solid #CCCCCC;*/
    border-right: 1px solid #CCCCCC;
    overflow: visible;
    position: relative;
}

.pageTopNav-tabHostLink
{
    width: auto;
    height: 40px;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #F1F1F1), color-stop(1, #E9E9E9));
    background:-moz-linear-gradient(top, #F1F1F1 5%, #E9E9E9 100%);
    background:-webkit-linear-gradient(top, #F1F1F1 5%, #E9E9E9 100%);
    background:-o-linear-gradient(top, #F1F1F1 5%, #E9E9E9 100%);
    background:-ms-linear-gradient(top, #F1F1F1 5%, #E9E9E9 100%);
    background:linear-gradient(to bottom, #F1F1F1 5%, #E9E9E9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#E9E9E9',GradientType=0);
    background-color:#F1F1F1;
}

.pageTopNav-tabHostLink:hover
{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #E9E9E9), color-stop(1, #F1F1F1));
    background:-moz-linear-gradient(top, #E9E9E9 5%, #F1F1F1 100%);
    background:-webkit-linear-gradient(top, #E9E9E9 5%, #F1F1F1 100%);
    background:-o-linear-gradient(top, #E9E9E9 5%, #F1F1F1 100%);
    background:-ms-linear-gradient(top, #E9E9E9 5%, #F1F1F1 100%);
    background:linear-gradient(to bottom, #E9E9E9 5%, #F1F1F1 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9E9E9', endColorstr='#F1F1F1',GradientType=0);
    background-color:#E9E9E9;
    text-decoration:none;
}

.pageTopNav-tabHostItem
{
    width: auto;
    height: auto;
    color: #de783d;
    font-size: 13px;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 10px 15px 10px 15px;
    /*border-right: 1px solid #CCCCCC;*/
    overflow: visible;
    position: relative;
}

a.buttonLink:hover
{
    text-decoration: none;
}



/*
    CSS for BOL Homepage (www.brothercloud.com)
*/
.LearnMoreButtonLink
{
    display: inline-block;
    cursor: pointer;
}

.LearnMoreButtonLink:hover
{
    text-decoration: none;
    box-shadow: 2px 2px 4px #888888;
}

.tealDivider
{
    width: 965px;
    height: 6px;
    background-color: #00859b; /*teal*/
}

.Homepage-Container
{
    padding-bottom: 40px;
}

.Homepage-MainBannerImg
{
    width: 965px;
    height: 390px;
}

.Homepage-ContentPane
{
    border: 0;
    margin: 0;
    padding: 25px 10px 0px 10px;
}

.Homepage-MainBOLstatement
{
    padding-bottom: 10px;
}

.Homepage-ContentRow
{
    clear: both;
    padding-top: 15px;
}

.Homepage-OmniJoinContentBox
{
    float: left;
    width: 306px;
    height: 205px;
    margin-right: 10px;
    background-color: #F1F1F1;
}

.Homepage-OmnijoinHeaderBar
{
    width: 100%;
    height: auto;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #de783d;
}

.Homepage-OmnijoinHeaderBarText
{
    display: inline-block;
    width: auto;
    height: auto;
    border: 0;
    margin: 0;
    padding: 8px 0px 8px 10px;
    background-color: #de783d;
    color: White;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    /*letter-spacing: 0.25px;*/
}

.Homepage-ManageContentBox
{
    float: left;
    width: 629px;
    height: 205px;
    background-color: #F1F1F1;
}

.Homepage-ManageHeaderBar
{
    width: 100%;
    height: auto;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #00859b;
}

.Homepage-ManageHeaderBarText
{
    display: inline-block;
    width: auto;
    height: auto;
    border: 0;
    margin: 0;
    padding: 8px 0px 8px 10px;
    background-color: #00859b;
    color: White;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    /*letter-spacing: 0.25px;*/
}

.Homepage-PartnersContentBox
{
    float: left;
    width: 308px;
    height: 277px;
    margin-right: 10px;
    background-color: #F1F1F1;
}

.Homepage-BodyText
{
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    line-height: 20px;
}

.Homepage-BodyTextBold
{
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    line-height: 20px;
}

.Homepage-PartnersHeaderBar
{
    width: 100%;
    height: auto;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #1D5EA0; /* Partners Blue */
}

.Homepage-PartnersHeaderBarText
{
    display: inline-block;
    width: auto;
    height: auto;
    border: 0;
    margin: 0;
    padding: 8px 0px 8px 10px;
    background-color: #1D5EA0; /* Partners Blue */
    color: White;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    /*letter-spacing: 0.25px;*/
}

.Homepage-PartnersInnerContent
{
    padding: 7px 5px 10px 10px;
}

.Homepage-PartnersIcon
{
    display: inline-block;
    width: 56px;
    height: 55px;
    padding-top: 5px;
}

.Homepage-PartnersIconText
{
    display: inline-block;
    vertical-align: top;
    padding-top: 8px;
    padding-left: 3px;
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
}

.OmniJoin-LearnMoreButton
{
    display: inline-block;
    float: right;
    width: 64px;
    height: auto;
    border: 0;
    margin: 5px 5px 0px 0px;
    padding: 0;
    background-color: #de783d;
}

.OmniJoin-LearnMoreButtonText
{
    margin: 0px auto;
    padding: 5px 0px;
    text-align: center;
    color: White;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.Manage-LearnMoreButton
{
    display: inline-block;
    float: right;
    width: 64px;
    height: auto;
    border: 0;
    margin: 5px 5px 0px 0px;
    padding: 0;
    background-color: #00859b;
}

.Manage-LearnMoreButtonText
{
    margin: 0px auto;
    padding: 5px 0px;
    text-align: center;
    color: White;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.Partners-LearnMoreButton
{
    display: inline-block;
    float: right;
    width: 64px;
    height: auto;
    border: 0;
    margin: 10px 5px 0px 0px;
    padding: 0;
    background-color: #1D5EA0;
}

.Partners-LearnMoreButtonText
{
    margin: 0px auto;
    padding: 5px 0px;
    text-align: center;
    color: White;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.Partners-VideoTourButton
{
    display: inline-block;
    float: right;
    width: 64px;
    height: auto;
    border: 0;
    margin: 10px 5px 0px 0px;
    padding: 0;
    background-color: #FFB514;
}

.Partners-VideoTourButtonText
{
    margin: 0px auto;
    padding: 5px 0px;
    text-align: center;
    color: White;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

a.Partners-VideoTourLink
{
    color: #0000FF;
    text-decoration:none;
    font-weight:normal;
    cursor:pointer;
}

a.Partners-VideoTourLink:link
{
    color: #0000FF;
    text-decoration:none;
    font-weight:normal;
}

a.Partners-VideoTourLink:visited
{
    color: #0000FF;
    text-decoration:none;
    font-weight:normal;
}

a.Partners-VideoTourLink:hover
{
    color: #0000FF;
    text-decoration:underline;
    font-weight:normal;
}

a.Partners-VideoTourLink:active
{
    color: #0000FF;
    text-decoration:none;
    font-weight:normal;
}

.Homepage-BlogContentBox
{
    float: left;
    width:306px;
    height:210px;
    margin-right: 10px;
    background-image: url('https://www.brother-usa.com/virdata/BrotherCloudWebApp/Images/BOLHomepage/BOL_blog_image.jpg');
    opacity: .6;
}

.Homepage-BlogContentBoxOverlay
{
    position:absolute;
    top: 15px;
    width:306px;
    height:210px;
    background: transparent;
}

.BlogInnerContent
{
    padding: 10px 10px 10px 10px;
}

.BlogInnerContent-Top
{
    width: auto;
    height: 148px;
}

.BlogInnerContent-Bottom
{
    width: auto;
    height: 42px;
}

.BlogHeaderText
{
    display: block;
    padding:0;
    margin:0;
    border:0;
    color: #1D5EA0; /* Partners Blue */
    font-size: 38px;
    font-weight: bold;
    line-height: 45px;
}

.BlogHeaderTextLast
{
    display: inline-block;
    float: left;
    padding:0;
    margin:0;
    border:0;
    color: #1D5EA0; /* Partners Blue */
    font-size: 38px;
    font-weight: bold;
    line-height: 45px;
}

.BlogDescriptionText
{
    display:inline-block;
    float: right;
    padding:0;
    margin:0;
    border:0;
    color: #1D5EA0; /* BR-Docs Green */
    font-size: 13px;
    font-weight: bold;
    padding-top: 8px;
    line-height: 18px;
}

.Blog-LearnMoreButton
{
    display: inline-block;
    float: right;
    width: 64px;
    height: auto;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #00859b;
}

.Blog-LearnMoreButtonText
{
    margin: 0px auto;
    padding: 5px 0px;
    text-align: center;
    color: white;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.Homepage-NewsTickerBox
{
    float: left;
    width: 308px;
    height: 210px;
    margin-right: 10px;
    background-color: #F1F1F1;
}

.Homepage-NewsTickerHeaderBar
{
    width: 100%;
    height: 39px;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #FFB514;
}

.Homepage-NewsTickerHeaderBarText
{
    display: inline-block;
    width: auto;
    height: auto;
    border: 0;
    margin: 0;
    padding: 5px 0px 5px 10px;
    background-color: #FFB514;
    color: White;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    /*letter-spacing: 0.25px;*/
}

.Homepage-NewsTickerInnerContent
{
    position: relative;
    height: 141px;
    width: 291px;
    padding: 15px 7px 15px 10px;
    overflow: hidden;
}

.Homepage-NewsTicker
{
    width: 291px;
    height: 141px;
}

.Homepage-NewsTickerItem
{
    width: 291px;
    height: 141px;
    margin:0;
    padding:0;
    border:0;
}

.Homepage-NewsTickerHeadline
{
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-width: 291px;
    max-height: 36px; /* Fallback for non-webkit */
    margin: 0 auto;
    padding-top: 10px;
    font-size: 12px;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #1D5EA0;
    border:0;
    font-weight: bold;
    text-decoration: none;
}

.Homepage-NewsTickerSummary
{
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-width: 291px;
    max-height: 54px; /* Fallback for non-webkit */
    margin: 5px auto 5px auto;
    font-size: 12px;
    line-height: 1.5;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: italic;
    padding-left: 7px;
}

.Homepage-NewsTickerReadMore
{
    display: inline-block;
    color: White;
    background-color: #555;
    padding: 1px 8px;
    margin-top: 3px;
    margin-left: 7px;
    font-size: 11px;
}

.Homepage-NewsTickerReadMore:link
{
    text-decoration: none;
    color: White;
}

.Homepage-NewsTickerReadMore:visited
{
    text-decoration: none;
    color: White;
}

.Homepage-NewsTickerReadMore:hover
{
    text-decoration: none;
    color: White;
    opacity: 0.9;
    box-shadow: 2px 2px 4px #888888;
}

.Homepage-NewsTickerReadMore:active
{
    text-decoration: none;
    color: White;
}

.Homepage-NewsTicker-PreviousSlide
{
    position: absolute;
    top: 0;
    left: 0;
    width: 308px;
    height: 13px;
    padding-top: 2px;
    color: White;
    background-color: #999;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius:    0px 0px 5px 5px;
    border-radius:         0px 0px 5px 5px;
}

.Homepage-NewsTicker-PreviousSlide:hover
{
    text-decoration: none;
    color: #FFB514;
    background-color: #777;
}

.Homepage-NewsTicker-NextSlide
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 308px;
    height: 13px;
    padding-top: 2px;
    color: White;
    background-color: #999;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius:    5px 5px 0px 0px;
    border-radius:         5px 5px 0px 0px;
}

.Homepage-NewsTicker-NextSlide:hover
{
    text-decoration: none;
    color: #FFB514;
    background-color: #777;
}

.Homepage-QuoteContentBox
{
    float: left;
    width: 308px;
    height: 210px;
    color: White;
    background-color: #bbb;
}

.Homepage-ProtectTrustBox
{
    width: 100%;
    height: auto;
    background-color: #F1F1F1;
}

.Homepage-ProtectTrust-HeaderBar
{
    width: 100%;
    height: auto;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #1D5EA0; /* Partners Blue */
}

.Homepage-ProtectTrust-HeaderBarText
{
    display: block;
    width: auto;
    height: auto;
    border: 0;
    margin: 0;
    padding: 8px 0px 8px 10px;
    background-color: #1D5EA0; /* Partners Blue */
    color: White;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    /*letter-spacing: 0.25px;*/
}

.Homepage-ProtectTrust-Body
{
    width: 100%;
    height: auto;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #F1F1F1;
}

.Homepage-ProtectTrust-BodyText
{
    width: auto;
    height: auto;
    border: 0;
    margin: 0;
    padding: 15px 10px;
    font-size: 16px;
    text-align: left;
    background-color: #F1F1F1;
}

.Homepage-AdditionalServicesBox
{
    width: 100%;
    height: auto;
    background-color: #F1F1F1;
}

.OJContactNumber
{
    float: right;
    display: inline-block;
    padding-right: 10px;
}

.OJContactNumberText
{
    color: #de783d;
    font-size: 13px;
    font-weight: bold;
}


/*
    FOOTER CSS FOR SECTION PAGES (OMNIJOIN, BR-DOCS, & BR-RECEIPTS) -- For "SectionFooter.ascx"
*/
.footer
{
    width: 965px;
    height: 100%;
    color: #666666;
    background-color:#F1F1F1;
}

.footerContainer
{
    width: 935px;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 10px 15px 10px 15px;
    color: #666666;
    background-color:#F1F1F1;
}

.footerTopNav
{
    width: 935px;
    height: auto;
    color: #666666;
    background-color:#F1F1F1;
    margin: 3.5px 0px;
}

.footerTopNavLinks
{
    width: auto;
    height: auto;
    float: left;
    padding-top: 3px;
}

.footerTopNavSocialLinks
{
    width: auto;
    height: auto;
    float: right;
}

.footerSocialLink
{
    float: left;
    margin-left:15px;
}

.footerTopNavLink
{
    margin-right: 30px;
}

.footerTopNavLinkItem
{
    color: #666666;
    font-size: 14px;
}

.footerBottomNav
{
    width: 935px;
    height: 30px;
    padding-top: 0px;
    color: #666666;
    background-color:#F1F1F1;
}

.footerCopyright
{
    width: auto;
    height: 30px;
    float: left;
    line-height: 30px;
    margin:0;
    padding:0;
}

.footerCopyrightText
{
    color: #666666;
    font-size: 12px;
    margin:0;
    padding:0;
}

.followUsText
{
    float:left;
    height: 32px;
    line-height: 32px;
    margin: 0px 2px 0px 0px;
    padding: 0px 0px;
    font-size: 16px;
    font-weight: normal;
    color: #666666;
    
}

.footerBottomNavLinks
{
    width: auto;
    height: 30px;
    float: right;
    line-height: 30px;
    margin:0;
    padding:0;
}

.footerBottomNavLink
{
    width: auto;
    height: 25px;
    padding-right: 10px;
    border-right: 1px solid #AAAAAA;
    margin-right: 4px;
}

.footerBottomNavLink-Last
{
    padding-right: 0px;
    border-right: 0px;
    margin-right: 0px;
}

.footerBottomNavLinkItem
{
    color: #666666;
    font-size: 12px;
}

.footerDivider
{
    padding-bottom: 8px;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px;
}
.CCNameOnCard {
    width:195px;
}