﻿html { overflow-y: scroll; }

body
{
    text-align: center;
    background-color: #6f5f4a;
    font-family: Calibri;
}

a img
{
    border: none;
}

.olMarginBottom li
{
    margin-bottom: 10px;
}

input, textarea, select
{
    border: 1px solid #aaa785;
    background-color: #e4e3d2;
}

.leftContentImage
{
    float: left;
    margin-bottom: 16px; 
    margin-top: 5px;
    margin-right: 15px;
}

.rightContentImage
{
    float: right;
    margin-bottom: 16px; 
    margin-top: 5px;
    margin-left: 5px;
}

a
{
    color: #0B2A71;
    text-decoration: none;
}

#mainLeft p.faq
{   
    text-align: left;
    clear: left;
    color: #444444;
    margin-bottom: 5px; 
    margin-top: 0px; 
    padding-right: 50px;
}

#mainLeft h2.faq
{
    font-weight: bold;
    width: 100%;
    color: #444444;
    font-size: 20px;
    float: left;
    clear: left;
    padding: 0;
	margin-top: 10;
	margin-bottom: 0;
    letter-spacing: 1px;
    padding-top: 10px;
}

#mainLeft a.faq
{
    color: #1F4E79;
    font-weight: bold;
}

.aspRadioList
{
    float:left;
    width: 100%;
}

.aspRadioList input
{
    float: left;
    clear: left;
    border: none !important;
    background-color: transparent !important;
}

.aspRadioList label
{
    margin: 2px 4px 0 0 !important;
    width: auto !important;
    position: relative;
    top: 0px !important;
    left: 4px;
    *top: 0; /* IE 7 */
    *left: 0px; /* IE 7 */
    top: 0\9; /* nasty but it gets the job done, take that IE8 */
    left: 0\9; /* nasty but it gets the job done, take that IE8 */
}

.aspCB
{
    float: left;
    margin-left: 150px;
    margin-right: 30px;
    margin-bottom: 14px;
    height: auto;
}

.aspCB input
{
    float: left;
    border: none;
}

.aspCB label
{
    float: none !important;
    position: relative;
    top: 1px;
    left: 4px;
    *top: 4px !important; /* IE 7 */
    *left: 0px; /* IE 7 */
    top: 4px\9; /* nasty but it gets the job done, take that IE8 */
    left: 0\9; /* nasty but it gets the job done, take that IE8 */
}

#contentsContainer
{
    height: auto;
    overflow: auto;
    width: 1000px;
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border: 1px solid #000000;
}

.header
{
    height: 150px;
    width: 1000px;
    position: relative;
}

.header
{
    background-image: url(/img/header-branded.jpg);
}

.supportHeader
{
    background-image: url(/img/software-header.jpg);
}

.header ul
{
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 11px;
    left: 10px;
	align: center;
}

.supportHeader ul li
{
    padding-left: 20px !important;
    padding-right: 20px !important;
	align: center;
}

.header ul li
{
    display: inline;
    color: #FFFFFF;
    border-right: 1px solid #FFFFFF;
    font-size: 20px;
    letter-spacing: 1px;
    padding-left: 20px;
    padding-right: 20px;
	align: center;
}

.header ul li.last
{
    border-right: none;
}

.header ul li a:link, .header ul li a:visited, .header ul li a:active, .header ul li a
{
    text-decoration: none;
    color: #FFFFFF;
}

.header ul li a:hover
{
    text-decoration: underline;
}

#categoryTrail
{
    font-size: 14px;
}

h3
{
    color: #444444;
    padding: 0;
    margin: 0;
}

/* ======= */
#mainLeft h1, #mainLeft .h1
{
    font-weight: normal;
    width: auto;
    color: #444444;
    font-size: 32px;
    float: left;
    clear: left;
    margin: 0;
    padding: 0;
    letter-spacing: 1px;
}

#mainLeft h2.altH2
{
    font-weight: normal;
    width: auto;
    color: #0b2a71;
    font-size: 20px;
    margin: 5px 0px;
    padding: 0;
    letter-spacing: 1px;
    text-align: left;
}

#mainLeft h2
{
    font-weight: bold;
    width: 100%;
    color: #444444;
    font-size: 24px;
    float: left;
    clear: left;
    padding: 0;
	margin-top: 0;
	margin-bottom: 10;
    letter-spacing: 1px;
}

#mainLeft b
{
    color: #5f5f5f;
}

#mainLeft .underline
{
    float: left;
    clear: left;
    width: 100%;
    height: 1px;
    position: relative;
    top: -8px;
    background-color: #444444;
}

#mainLeft .left
{
    float: left;
    padding-right: 12px;
}

#mainLeft p
{   
    text-align: left;
    clear: left;
    color: #444444;
    padding-top: 4px;
    *padding: 0;
    *padding-bottom: 18px;
    padding-right: 50px;
    *margin: 0;
}

#mainLeft blockquote
{
    color: #444444;
}

#mainLeft ol li
{
    text-align: left;
    clear: left;
    color: #444444;
    padding-top: 4px;
    *padding: 0;
    *padding-bottom: 18px;
    padding-right: 50px;
    *margin: 0;
}

#mainLeft
{
    width: 581px;
    min-height:515px;
    height:auto !important;
    height:515px;
    overflow: hidden;
    float: left;
    text-align: left;
    padding-left: 50px;
    padding-bottom: 30px;
    border-right: 1px solid #444444;
}

#mainLeft .title
{
    border-bottom: 1px solid #444444;
    width: 100%;
    height: auto;
    overflow: hidden;
    
}

/* ======= */

h2.product a
{
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: inline;
    float: left;
    height: 27px;
    padding-left: 55px;
    padding-top: 3px;
    text-align: left;
    text-decoration: none;
    width: 100%;
    font-size: 16px;
    letter-spacing: 0px;
}

#button-forms
{
    background-image: url(/img/gray-legal-forms.gif);
}

#button-software
{
    background-image: url(/img/gray-legal-software.gif);
}

#button-supplies
{
    background-image: url(/img/legal-supplies.gif);
}

#button-service
{
    background-image: url(/img/customer-service.gif);
}

#button-account
{
    background-image: url(/img/your-account.gif);
}

/* ======= */
#mainRight
{
    width: 368px;
    float: right;
    margin: 0;
    padding: 0;
}

#mainRight p
{
    clear:left;
    color:#444444;
    padding-top:4px;
    padding-left: 12px;
    margin: 0;
    text-align:left;
}

#mainRight .title
{
    margin: 0;
    padding: 0;
    background-color: #444444;
    height: 40px;
	}

#mainRight .title span
{
    font-weight: normal;
    font-size: 35px;
    margin: 0;
    padding: 0;
    position: relative;
    bottom: -0x;
    *bottom: -28px !important; 
    float: left;
    color: #FFFFFF;
    width: 100%; 
    text-align: center;
}

@media all and (min-width:0) {
    *#mainRight .title span { bottom: -0px; }  /* IE9 + IE10pp4 */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #mainRight .title span { bottom: -0px; }  /* IE9 + IE10pp4 */
}

#mainRight .title span,  x:-moz-any-link  { bottom: -0px; } 

#mainRight .title h1, #mainRight .title h3
{
    font-weight: normal;
    font-size: 35px;
    margin: 0;
    padding: 0;
    position: relative;
    bottom: -0px;
    *bottom: -28px !important;
    float: left;
    color: #FFFFFF;
    width: 100%; 
    text-align: center;
}
#mainRight .title h3 a
{
    text-decoration: none;
    color: #FFFFFF;
}

@media all and (min-width:0) {
    #mainRight .title h1, #mainRight .title h3 { bottom: -0px; }  /* IE9 + IE10pp4 */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #mainRight .title h1, #mainRight .title h3 { bottom: -0px; }
}

#mainRight .title h1, #mainRight .title h3,  x:-moz-any-link  { bottom: -0px; } 

.freeShipping p
{
    margin: 12px 0px !important;
}

/* footer */
#footer
{
    width: 100%;
    float: left;
    clear: both;
    border-top:1px solid #444444;
    padding: 4px 0px;
    overflow: hidden;
}

/* ======= */
#quickAdd_quickAddPanel
{
    float: left;
    clear: left;
}

#quickAdd_quickAddBtn
{
    position: relative;
    top: -5px;
}

#quickAdd_quickAddTxt
{
    position: relative;
    top: -18px;
    width: 50px;
}

#quickAdd_quickAddPanel img
{
    position: relative;
    bottom: -12px;
    padding-right: 8px;
}

#quickAddDesc 
{
    float: left;
    width: 415px;
    padding: 0 0 0 12px;
    margin: 8px 0px 0px 0px;
    
}

/* ======= */
#searchBoxContainer
{
    position: relative;
    text-align: left;
    padding-left: 18px;
}

#searchBoxContainer p
{
    margin-top: -8px;
}

#searchBoxContainer .quickSearchText
{
    position: relative;
    top: -20px;
}

#searchBoxContainer .quickSearchBtn
{
    position: relative;
    top: -8px;
}

#searchBoxContainer label
{
    position: absolute;
    top: 10px;
    left: 92px;
    font-size: 12px;
    color:#444444;
}

/* ====== */
#searchResults
{
    min-height:200px;
    height:auto !important;
    height:200px;
    width: 100%;
}

#searchResults p
{
    font-size: 14px;
    padding: 5px 12px 1px 12px;
    height: 40px;
    margin: 0px 5px 0px 0px;
}

#searchResults p.alt
{
   background-color: #ececec;
}

#searchResults p label
{
    margin-left: 5px;
}

#searchResults p label.formName a
{
    color: #5F5F5F;
}

#searchResults a.icon
{
    float: right;
    padding-left: 5px;
    margin-top: 10px;
    text-decoration: none;
    color:#444444;
    cursor: pointer;
}

#searchResults a.iconLeft
{
    float: left;
    margin-top: 9px;
}


#searchResults .pages a
{
    float: none;
    padding-left: 0px;
    color:#444444;
    text-decoration:none;
}

#searchResults a
{
    color:#444444;
}

#searchResults img
{
    border: none;
}

#searchResults .pages
{
    float: left;
    text-align: right;
    color:#444444;
    margin: 0px 12px 5px 0px;
    width: 98%;
}

#searchResults .pages:first-child
{
    margin-top: 0;
}

/* ======= */
#formInformationContainer h1
{
    font-size: 16px;
    font-family:Calibri;
    padding: 0;
    margin: 0;
    font-weight: bold;
}

#formInformationContainer p
{
     border-bottom: 1px solid #444444; 
     margin: 0;
     padding: 6px 50px 6px 0px;
     height: auto;
}

#formInformationContainer .formDescription
{
    width: 540px;
    display: block;
    margin: 12px 30px 0px 0px;
}

#formInformationContainer input
{
    float: left;
}

#formInformationContainer label
{
    width: 140px;
    float: left;
}

.infoFormName
{
    float: left;
    width: 350px;
}

.pnlBulkDiscount
{
    color: #444444;
}

.pnlBulkDiscount label
{
}

#formInformationContainer .btnPurchaseForm
{
    margin-top: -3px;
    margin-left: 12px;
}


/* shopping cart */
.shoppingCartReviewContainer
{
    min-height:490px;
    height:auto !important;
    height:490px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 30px;
    border-right: 1px solid #444444;
}

.shoppingCartReviewContainer p
{
    color:#444444;
    padding: 0;
    text-align: left;
    width: 100%;
}

.shoppingCart_pnlShoppingCart
{
    height: auto;
    overflow: auto;
}

#updateTotal
{
    width: auto;
    float: left;
}

#totalAmount
{
    width: auto;
    float: right;
}

.formName
{
    text-align: left;
}

.remove
{
    font-size: 12px;
}

#shoppingCartContainer
{
    text-align: left;
    height: auto;
    overflow: auto;
    color: #444444;
    margin-top: 20px;
    margin-bottom: 12px;
    padding-bottom: 12px;
}

#shoppingCartContainer a, #shoppingCartContainer img
{
    border: none;
}

#shoppingCartContainer ul
{
    padding: 0px 0px 6px 0px;
    margin: 0;
    list-style: none;
    margin: 0px 18px 6px 18px;
    border-bottom: 1px dashed #D4D2BB;
}

.shoppingList
{
    width: 20px; 
    margin-right: 4px;
    float: left; 
    text-align: right; 
    display: inline;
}

.shoppingCartReviewContainer h1
{
    font-weight: normal;
    width: auto;
    color: #444444;
    font-size: 35px;
    float: left;
    clear: left;
    margin: 0;
    padding: 0;
    letter-spacing: 1px;
}

.shoppingCartReviewContainer .underline
{
    float: left;
    clear: left;
    width: 100%;
    height: 1px;
    position: relative;
    top: -8px;
    background-color: #444444;
}
#shoppingCartContainer label
{
    text-align: right;
    font-weight: bold;
}

span.cartInfo
{

    margin-left: 6px;
}

#shoppingCartContainer img
{
    margin-top:6px;
    margin-left: 6px;
}

#shoppingCartContainer input
{
    margin-top: 20px;
}

#updateQuantaties
{
    width: auto;
    float: left;
}

#cartTotal
{
    text-align: right;
    width: 100%;
    color:#444444;
}

#cartTotal span
{
    float: right;
    width: 100px;
    text-align: center;
}

#cartTotal #continue
{
    background-color: transparent;
    border: none;
    margin-top: 12px;
}

#updateQuantaties #updateQuantities
{
    background-color: transparent;
    border: none;
    margin-top: 12px;
}

/* cart Review */
#cartReview
{
    border-bottom:1px dashed #D4D2BB;
    padding-bottom: 6px;
    margin-top: -10px;
}

#cartReview p
{
    width: 100%;
    background-color: #FFF;
    color:#444444;
    height: auto;
    overflow: auto;
    margin: 0;
    padding: 8px 0px;
    text-align: center;
}

#cartReview p.crAlt
{
        background-color: #E0E0E0;
}

#cartReview label
{
    float: left;
}

#cartReview label.crQuantity { width: 100px;}
#cartReview label.crProduct { width: 499px; text-align: left;}
#cartReview label.crFormCode { width: 100px;}
#cartReview label.crPrice { width: 100px;}
#cartReview label.crTotal { width: 100px;}

p.head label
{
    text-align: center !important;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
}

p.head  
{
    background-color: #D4D2BB !important;
}

/* contact form */
#pnlSendComment
{
    color: #444444;
    width: 100%;
    margin-top: -24px;
}


#pnlSendComment label
{
    float: left;
    width: 150px;
}


#pnlSendComment input
{
    margin-bottom: 8px;
}

#pnlSendComment textarea
{
    width: 400px;
    height: 80px;
}

#sdcSendButton
{
    float: right;
    margin-right: 30px;
    *margin-right: 27px;
}

/* returning customer */
#pnlReturningCustomer label
{
    float: left;
    width: 100px;
    margin-top: 6px;
    color: #000;
}

#pnlReturningCustomer input
{
    padding: 0;
    margin: 6px 0px 0px 0px;
}

#pnlReturningCustomer br
{
    float: left;
    clear: left;
}

#logInBtn
{
    background-image: url(/img/continue-btn.gif);
    height: 24px;
    width: 84px;
    border: none;
    background-color: transparent;
    cursor:pointer;
}

/* create account */
#createAccount
{
    margin-top: 12px;
    float: left;
    clear: left;
    width: 100%;
}

#createAccount #emailAlerts
{
    background-color: transparent;
    border: none;
}

#createAccount p
{
    margin: 0;
}

#createAccount #continue
{
    border: none;
    background-color: transparent;
    float: none !important;
}

#createAccount label
{
    float: left;
    width: 150px;
    text-align: right;
    margin-right: 4px;
    margin: 6px 4px 0px 0px;
}

#createAccount input, #createAccount select
{
    margin: 6px 0px 0px 0px;
}

#createAccount em
{
    color: #000;
}

/* create account email */
#sendEmailAlerts
{
    display:block;height:70px;margin-left:150px; margin-top: 14px;text-align:left;position:relative;
}

#sendEmailAlertsInput
{
    float:left;height:100%;margin-right:6px;
}

#sendEmailAlertsInput input
{
    margin: 4px 0px 0px 0px;
    padding: 0;
}

/* validation */
#mdForm label.error, #aspnetForm label.error
{
	width: auto;
	float: none; 
	color: red;
	font-size: 12px;
	margin-left: 6px;
}

/* payment account JDS */
.billingInfoErrorContainer
{
    width: 100%;
    text-align: center !important;
}

#totalAmmountContainer
{
    border-bottom:1px dashed #D4D2BB;
    height: auto;
    overflow: auto;
    width: 550px;
}

#billingInformation, #shippingInformation
{
    float: left;
    clear: left;
    padding-top: 0;
    margin-top: 0;
    width: 100%;
}
#billingInformation #continue, #shippingInformation #continue
{
    border: none;
    background-color: transparent;
    float: none !important;
}
#billingInformation label, #shippingInformation label
{
    float: left;
    width: 170px;
    text-align: right;
    margin: 6px 4px 0px 0px;
}
#billingInformation input, #billingInformation select, #shippingInformation input, #shippingInformation select
{
    margin: 6px 0px 0px 0px;
}
#billingInformation em, #shippingInformation em
{
    color: #000;
}
#billingInformation
{
    margin-bottom:25px;
}

/* returning-customer */
#orderHistory
{
    margin-right: 50px;
}

#orderHistory p
{
    margin: 0;
    padding: 0;
}

#orderHistory p.head
{
    height:auto;
    overflow:auto;
}

#orderHistory p
{
    height: auto;
    overflow: auto;
    padding: 2px;
}

#orderHistory p.alt
{
    background-color:#E0E0E0;
}

#orderHistory label
{
    float: left;
    text-align: center;
}

#orderHistory label.ohOrder
{
    width: 60px;
}

#orderHistory label.ohNumber
{
    width: 170px;
}

#orderHistory label.ohStatus
{
    width: 100px;
}

#orderHistory label.ohDate
{
    width: 195px;
}

/* display category */
.categoryTrailContainer
{
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
    font-size: 12px;
}

.categoryTrail
{
    margin-left: 20px;
}

.pnlShowSubCategories
{
    width: 100%;
    float: left;
    clear: left;
}

.pnlShowSubCategories p
{
    margin: 0;
    padding: 0;
}

.catLevel1 p
{
    margin: -8px 0px 0px 0px !important;
}

.pnlShowSubCategories ul
{
    padding: 0;
    margin: 0;
}

.pnlShowSubCategories ul li
{
    margin-bottom: 10px !important;
}

.pnlShowSubCategories ul .catLevel1
{
    list-style: none;
}

.pnlShowSubCategories ul .catLevel1 a
{
    background-image: url(/img/md-form-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    height: 30px;
    padding-left:29px;
    padding-top: 0;
    font-size: 24px;
    list-style: none;
}

.pnlShowSubCategories ul .catLevel1 p
{
    padding: 0px 0px 0px 29px;
}

.pnlShowSubCategories ul .catLevel2
{
    margin: 0px 0px 0px 60px;
}

.pnlShowSubCategories ul .catLevel3
{
    margin: 0px 0px 0px 90px;
}

.pnlShowSubCategories ul .catLevel4
{
    margin: 0px 0px 0px 120px;
}

.pnlShowSubCategories ul .catLevel5
{
    margin: 0px 0px 0px 150px;
}

.pnlShowSubCategories ul .catLevel6
{
    margin: 0px 0px 0px 180px;
}

.pnlShowSubCategories ul .catLevel7
{
    margin: 0px 0px 0px 210px;
}

/* pop up overlay */
#popUpOverlay
{
    display: none;
    border: 2px solid #444444;
    position: absolute;
    z-index: 300;
    top: 50%;
    left: 50%;
    padding: 20px;
    background-color: #FFF;
    text-align: left;
    width: 500px;
    color: #444444;
}

#popUpOverlay p
{
    margin: 0px 0px 12px 0px;
    padding: 2px 0px 0px 0px;
    width: 100%;
    height: auto;
    overflow: auto;
}

#popUpOverlay input
{
    float: left;
}

#popUpOverlay .addToCart
{
    margin: -2px 0px 0px 6px;
}

#popUpOverlay label
{
    float: left;
    width: 110px;
}

#closeWindow
{
    cursor: pointer;
}

#backgroundFade
{
    display: none;
    Position: fixed;
    top: 0;
    left: 0;
    background-image: url(/img/transFill.png);
    height: 100%;
    width: 100%;
    z-index: 200;
}

/* sidebar */
#sidebar {
	padding: 0; margin: 0;	
}	
#sidebar .left-box {
	margin: 0 0 5px 0;	
}
#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 3px 0 8px 0; padding: 0;
	text-decoration: none;		
}
#sidebar ul.sidemenu li {
	border-bottom: 1px solid #EFF0F1;
	background: url(/img/add-form-letter.gif) no-repeat 5px 5px;	
	padding: 2px 0 2px 25px;
	margin: 0 2px;	
}
#sidebar ul.sidemenu a {
	font-weight: bolder;
	text-decoration: none;	
	background-image: none;	
}
/* end sidebar*/
.module
{
    text-align: left;
    font-size:10pt;
    clear: left;
    color: #444444;
    padding-top: 4px;
    *padding: 0;
    *padding-bottom: 18px;
    *margin: 0;
}
.description
{
    text-align: center;
    font-size:10pt;
    clear: left;
    color: #444444;
    padding-top: 4px;
    *padding: 0;
    *padding-bottom: 18px;
    *margin: 0;
}
.priceTable
{
    border: 1px solid #444444;
    text-align: center;
}

.priceTable tr td:first-child
{
    text-align: left;
}

/* download area */
.pnlDownloadableForms input
{
    background-color: transparent !important;
    border: none !important;
}

.pnlDownloadableForms ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.pnlDownloadableForms ul li
{
    text-align: left;
}

.pnlDownloadableForms ul li a
{
    position: relative;
    top: -10px;
}

.newsLetter label
{
    float: left;
    width: 100px;
    text-align: right;
    margin-right: 5px;
}

.newsLetter input
{
    margin-bottom: 5px;
}

.newsLetter input.submitBtn
{
    
}

#softwareUpdateContainer ul
{
    margin: 0px 40px 0px 0px;
    padding: 0;
    color: #444444;
}


#softwareUpdateContainer ul li
{
    list-style: none;
}

#upgradeStepContainer
{
    overflow: hidden;
    padding: 20px;
    background-color: #FFFFFF;
    border: 2px solid #444444;
    color: #444444;
    z-index: 999;
    width: 400px;
}

#upgradeStepInstructions, .stepContainer
{
    display: none;
}

/* --- instruction controller -- */
#instructionContainer
{
    display: none;
    margin-right: 50px;
    border: 1px solid #444444;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 240px;
    position: relative;
}

#instructionHBackground
{
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    background-color: #D4D2BB;
    height: 35px;
    position: relative;
}

#instructionDisplayContainer h1
{
    color: #FFF;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    text-transform:uppercase;
    position: absolute;
    bottom: -8px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
            #instructionDisplayContainer h1 { bottom: -9px !important; }
        }


#instructionDisplayContent
{
    padding: 15px 20px 20px 20px;
}

#instructionDisplayContent p
{
    margin: 0px !important;
    padding: 0px !important;
}

#instructionStepSelector
{
    padding: 0px 0px 10px 0px;
    text-align:center;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.input-condition-select, .stepButton
{
    background-color: #444444;
    border: 1px solid #444444;
    color: #e6e6e7;
    font-size: 14px;
    font-family: 'Lusitana', serif;
    cursor: pointer;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 0px 4px;
    margin: 0px;
    width: auto;
    overflow: visible;
    text-transform:uppercase;
    height: 22px;
}

.input-condition-select
{
    *position: relative;
    *bottom: -4px;
}

#instructionStepSelector #restartStep
{
    margin-top: 15px;
     font-size: 9px;
}

.align-center
{
    text-align: center !important;
}

.grayFont
{
    color: #444444;
}

/* FAQ */
#faqAccordion
{
    margin-right: 50px;
    width: auto !important;
}

#faqAccordion ol li
{
    margin: 10px auto;
    padding: 0px !important;
}

.ui-accordion p
{
    *padding-bottom: 10px !important;
}

.ui-accordion ol li a, .ui-accordion p a
{
    color: #0B2A71 !important;
}

.ui-accordion ol
{
    *margin-top: 0px !important;
    *padding-top: 0px !important;
}

#mdocsModuleTable
{
    width: 530px;
    border-collapse: collapse;
}

#mdocsModuleTable tr
{
   padding-bottom: 10px;
}

#mdocsModuleTable tr th
{ 
    background-color: #D4D2BB;
}

#mdocsModuleTable td, #mdocsModuleTable tr th
{
    padding: 5px 0px 5px 10px;
    border: 1px solid #444444;
    text-align: center;
}

#mdocsModuleTable tr td:first-child
{
    text-align: left !important;
}

#mdocsModuleTable tr.mdocsAltRow
{
    background-color: #f1f1f1;
}

/* support contact form */
.supportCenterContactForm
{
    margin-top: 5px;
}

.supportCenterContactForm label
{
    text-align: right;
    float: left;
    width: 80px;
    margin-right: 5px;
}

.supportCenterContactForm label, .supportCenterContactForm input, .supportCenterContactForm textarea
{
    margin-bottom: 10px;
}

.supportCenterContactForm p:first-child input
{
    float: left;
    width: 150px;
}

.supportCenterContactForm textarea
{
    width: 220px;
    height: 75px;
}

.supportCenterContactForm p
{
    text-align: center;
}

#supportCenterMainContact label
{
    float: left;
    width: 150px;
    text-align: right;
    padding-right: 10px;
}

#supportCenterMainContact input, #supportCenterMainContact select, #supportCenterMainContact textarea, #supportCenterMainContact label
{
    margin-bottom: 10px;
}

#supportCenterMainContact textarea
{
    width: 300px;
    height: 150px;
}

#supportCenterMainContact p
{
    margin-top: 0px;
    text-align: center;
}

.minHeight700
{
  min-height: 700px;
  height: auto !important;
  height: 700px;
}

.alignCenter
{
    text-align: center !important;
}

#info-popup-background {
    display:none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#000000;
    border:1px solid #cecece;
    z-index:1;
}

#info-popup-container
{
    -moz-border-radius: 15px;
    border-radius: 15px;
    display: none;
    border: 1px solid #444444;
    position: fixed;
    z-index: 300;
    top: 50%;
    left: 50%;
    background-color: #FFF;
    text-align: left;
    width: 650px;
    color: #444444;
}

#info-popup-header
{
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    background-color: #D4D2BB;
    height: 35px;
    position: relative;
}


#info-popup-copy
{
    padding: 0px 20px 20px 20px;
    *padding-top: 20px !important;
}

#info-popup-header h1 
{
    float: none;
    bottom: -8px;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

#info-popup-close-container
{
    text-align: center;
    padding: 5px;
}

#info-popup-close
{
    cursor: pointer;
}

.info-pop-up a:first-child
{
    cursor: pointer;
    color: #000;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
            #info-popup-header h1  { bottom: -9px !important; }
        }

:root #info-popup-header h1 {  bottom: -9px !important; }  /* IE9 + IE10pp4 */

#footerLogo
{
    height: 73px;
    width: 345px;
    background-image: url(/img/MDhorizontalweb.png);
    margin: 0px auto;
}

.RoundedBox
{
	width:130px;
	border: 1px solid #444;
	background-color:#eee;
	padding:20px;
	margin:0px;
	text-align:center;
	border-radius:15px;
	-moz-border-radius:15px;
}

.GrayRoundedButton
{
	width:130px;
	height:20px;
	background-color:#ccc;
	padding:5px;
	margin-top:5px;
	margin-right:5px;
	text-align:center;
	border-radius:15px;
	-moz-border-radius:15px;
}

.GrayRoundedWideButton
{
	width:400px;
	height:20px;
	background-color:#ccc;
	padding:5px;
	margin-top:5px;
	margin-right:5px;
	text-align:center;
	border-radius:15px;
	-moz-border-radius:15px;
}

.GrayDownloadButton
{
	width:330px;
	color:#fff;
	background-color:#222;
	padding:5px;
	margin-top:5px;
	margin-right:20px;
	text-align:center;
	border-radius:15px;
	-moz-border-radius:15px;
}

#mainRight .promotitle
{
    margin: 0;
    padding: 0;
    background-color: #1F4E79;
    height: 70px;
	}

#mainRight .promotitle h1, #mainRight .promotitle h3
{
    font-weight: bold;
    font-size: 28px;
    margin: 0;
    padding: 10;
    position: relative;
    bottom: -0px;
    float: left;
    color: #FFFFFF;
    width: 100%; 
    text-align: center;
}
#mainRight .promotitle h3 a
{
    text-decoration: none;
    color: #FFFFFF;
}

