/* Template Default Styles 

Column Widths:

1 column:
967px

2 columns:
967 = 180 + 4 + 783(100%)
967 = 679(100%) + 16 + 272

3 columns:
967 = 180 + 4 + 495(100%) + 16 + 272

4 columns:
967 = 180 + 4 + 210 + 4 + 281(100%) + 16 + 272
*/

/* Font */
body,div,h,p,ul,li,a,table,td,dl,pre,code { font-family: verdana, arial, helvetica, sans-serif }


/* Custom Grid Styles - DoxEMR */
body { margin: 0 auto 0 auto; min-width: 640px }
.bodyPadTop { padding-top: 10px }

.wrapDefaultWidth {  } /* 967px, but this layout uses several inner wrappers which each have 967 set */

/* Page Top */
#pageTop { display: none; height: 9px }

.bodyNoBackground #pageTop { background: none }
.bodyNoPadTop #pageTop { display: none }

#pageBody { height: 100%; text-align: left; margin: 0; padding: 0; overflow: hidden }
.bodyNoBackground #pageBody { background: none }

/* header */
#header { text-align: center }

#headerOne { width: 100%; height: 22px; text-align: right }
/* optionLinks */
.optionLinks { line-height: 22px; padding: 0 4px 0 0 }

.wrapDefaultWidth .widthWrap { /*width: 967px;*/ max-width: 967px; margin: 0 auto 0 auto }

/* logo */
#headerTwo { width: 100%; height: 89px }
#headerLogo { width: 100%; margin: 0; height: 89px; line-height: 89px }
#headerLogo a { display: block; width: 967px; height: 89px }

/* banner */
#headerThree { width: 100%; height: 245px }
#bannerTop { width: 967px; height: 245px }
#bannerTop .bannerLeft { width: 695px; height: 245px }
#bannerTop .bannerRight { width: 272px; height: 245px }
#bannerTop .rightOne { width: 272px; height: 195px }
#bannerTop .rightOne a { display: block; width: 272px; height: 195px }
#bannerTop .rightTwo { width: 272px; height: 50px }
#bannerTop .rightTwo a { display: block; width: 272px; height: 50px }

/* top nav */
#headerFour { width: 100%; /* height: 23px */ }
/* navigationTop backgrounds and behaviors */
/*  need to remove */
ul.navList { position: relative }

/* navigationTop */
/*
Custom Notes:
Component's div, ul and li's are H=23px.
Background img outlines a content area with H=22px, plus a 1px bottom border (23 = 22 + 1).
Anchors are H=21px with M=1px in default state, and B=1px on hover. 
They have line-height=20px, to shift the text up 1px.
*/
#navigationTop { width: 695px; height: 23px; margin: 0 0 0 auto; /*position: absolute; right: 0*/ }
#navigationTop ul { /* overflow: hidden; */ height: 23px; /* padding: 0 10px 0 10px */ }
#navigationTop ul li { text-align: center; cursor: pointer; width: 80px; height: 23px }
#navigationTop a { height: 21px; line-height: 20px; margin: 1px }
#navigationTop a:hover { margin: 0px }
#navigationTop li.topNavActive a, #navigationTop li.topNavActive a:hover { margin: 0; overflow: hidden }


#navigationTop li.largeTab { width: 96px }
#navigationTop li.xlargeTab { width: 110px }
#navigationTop li.xxlargeTab { width: 160px }

#headerFive { width: 100%; /*height: 19px*/ }
/* navigationSub */
#navigationSub { display: block; text-align: left; width: 526px; height: 19px; margin: 0 0 0 auto }
#navigationSub.wide { text-align: right; width: 100% }
#navigationSub ul { width: 100%; height: 19px; margin: 0 }
#subNavList li { height: 19px; line-height: 19px; padding: 0 0 0 10px }

#headerSix { }
/* search */
#search { display: none; text-align: center; clear: both; /*height: 28px; line-height: 28px*/ }
.searchForm { margin: 0 auto 0 auto; /* height: 28px; */ padding: 2px 0 2px 0 }
.searchInput { /* width: 100px; text-indent: 2px */ }
.searchForm input { height: 16px }

#headerSeven { }
/* breadrumb */
#breadcrumb { display: none; width: 526px; /* margin: 0 0 0 auto; */ line-height: 19px }
#breadcrumbInnerWrap { padding: 1px 0 1px 10px; text-align: left }

/* footer */
#footer { text-align: left }
#footerInnerWrap { padding: 8px 0 12px 0 }
.footerCopyrt { padding: 0 0 0 20px }

/* pageBottom */
#pageBottom { display: none; /* height: 10px; line-height: 10px */ }
#bottomOptions { display: none }

/* navigationBottom */
#navigationBottom { display: none }

/* Page Middle */
#main {  }

#column1 { width: 180px; margin: 0 0 0 -184px }
#col1InnerWrap { padding: 16px }

#column2 { width: 210px; margin: 0 0 0 -214px }
#col2InnerWrap { margin: 10px }

#col3InnerWrap { /*margin: 16px 0 16px 0*/ padding: 16px 0 16px 0 }

#column4 { width: 272px; margin: 0 -288px 0 16px }
#col4InnerWrap { padding: 16px 0 16px 0 }

/* oneColumn (C1) */
.offset.oneColumn { padding: 0 }
.offset.oneColumn #col3InnerWrap { margin: 16px 0 16px 0; padding: 0 10px 0 80px }

/* twoColumn (C1, C3) */
.offset.twoColumn { padding: 0 0 0 184px }

/* twoColumn_34 (C3, C4) */
.offset.twoColumn_34 { padding: 0 288px 0 0 }

/* threeColumn (C1, C3, C4) */
.offset.threeColumn { padding: 0 288px 0 184px }

.threeColumn #column1 { display: block; margin: 0 0 0 -184px }

/* threeColumn_123 (C1, C2, C3) */
.offset.threeColumn_123 { padding: 0 0 0 398px }

.threeColumn_123 #column1 { margin: 0 0 0 -398px }

/* fourColumn (C1, C2, C3, C4) */
.offset.fourColumn { padding: 0 288px 0 398px }

.fourColumn #column1 { margin: 0 0 0 -398px }


/* Modules */
.sidebarHed { text-align: center; /* width: 180px */ }

/* navigationLeft expanding/collapsing menu */
#navigationLeft { width: 180px }
#navigationLeft ul.navList { position: relative }

/* level 1 */
#navigationLeft li { display: block; /* margin: 2px 0 2px 0 */ }

/* 180 = 163 + 16 + 1 */
#navigationLeft a { /* width: 163px; padding: 2px 0 2px 16px */ }


#col3Hed1 { margin: 0 }

h1.sectionHeading { margin: 0 0 4px 0 }


#col3Mod1 { margin: 4px 0; padding: 0 20px 0 0 }

#col3Mod1 p.first { margin-top: 0 }
#col3Mod1 p { margin: 0 0 14px 0; line-height: 18px }
#col3Mod1 p.last { margin-bottom: 8px }


#col3Mod1 p.dirHed { margin: 0 0 0 20px }


#col3Mod1 ul { list-style-type: square }

#col3Mod2 { margin: 10px 0; padding: 0 20px }

#col3Mod3 { margin: 10px 0; padding: 0 20px }

#col3Mod4 .boxGreyTop { width: 639px; height: 7px; line-height: 7px; font-size: 1px }
#col3Mod4 .boxGreyBody { width: 639px; height: auto }
#col3Mod4 .boxGreyBody div.innerWrap { padding: 30px 24px; line-height: 22px }
#col3Mod4 .boxGreyBottom { width: 639px; height: 9px; line-height: 9px; font-size: 1px }

.doxwebForm { width: 500px; margin: 0 auto 0 auto }
.demoRequestForm { width: 660px; margin: 0 auto 0 auto }
.demoRequestForm input { width: 240px }
.demoRequestForm input.medium { width: 100px }
.demoRequestForm input.small { width: 30px }

#col4Mod1 .innerWrap { padding: 30px 24px; line-height: 22px }

#col4Mod1 div.boxGreyTop { width: 272px; height: 7px; line-height: 7px; font-size: 1px }
#col4Mod1 div.boxGreyBody { width: 272px; height: auto }
#col4Mod1 div.boxGreyBottom { width: 272px; height: 9px; line-height: 9px; font-size: 1px }

#col4Mod3 { width: 272px }