body
{
    font-size: .75em;
    font-family: Segoe UI, Tahoma, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

form {margin:0;}

img
{
    vertical-align: middle;
}

@media print
{
    html
    {
    }
    .page
    {
        display: none;
    }
    .CartColumn
    {
        display: none;
    }
    #mainBack
    {
        background: transparent;
        width: auto !important;
        border: none !important;
    }
    .releaseHolder, .releaseInfo
    {
        display: none;
    	border : none !important;
    	margin-top: 15px !important;
    	font-size : 10pt !important;
    	font-weight: bold !important;
    }
    #main
    {
    	border: none !important;
        /*display: none;*/
    }
    #divMainForm
    {
    	border: none !important;
        display: none;
    }
    .pinHolder
    {
    	display: none !important;
    }
    #gridMain
    {
        border: none !important;
        width: auto !important;
    }
    #footer
    {
        display: none;
    }
    #LowEscrowBalance
    {
        display:none;
    }
    .navigationBar
    {
        display: none;
    }
    .receiptHeader
    {
        display: none;
    }
    .receiptTopInfo
    {
        display: none !important;
    }
    .t-toolbar .t-grid-toolbar .t-grid-top
    {
        display: none !important;
        border: none: !important;
    }
    
    #ReceiptContent
    {
        display: block !important;
    }
    SearchGrid .t-grid td
    {
        display: none;
        border-right: none: !important;
    }
    #grdFilter
    {
    }
    #fldOptions
    {
        display: none;
    }
    #fldName
    {
        display: none;
    }
    #fldText
    {
        display: none;
    }
    #gridOptions
    {
        display: none;
    }
    #RsltsGrid table
    {
        border:none;
    }
    #SearchGrid
    {
        display: none;
        width: auto !important;
        height: auto !important;
    }
    #criteria 
    {
        position: relative !important;
        display: block !important;
        position: relative !important;
        font-size: 10pt;
    }
    #SearchGridDiv
    {
        display: none;
        position: relative !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
    }
    #SearchGridDiv .t-grid-pager
    {
    	display: none;
        margin-top: 15px;
    }
    
    #SearchGrid table th
    {   
        white-space: normal;
        padding: 0;
        margin: 0px 0px 0px -1em !important;
    }
    th 
    {
        white-space: normal;
        padding: 0;
        margin: 0px 0px 0px -1em !important;
    }
    .gridDiv td
    {
        white-space: normal !important;
    }
    .Alert 
    {
        white-space: normal !important;
    }
    .t-grid-header .t-header .t-link
    {
        padding: 0px;
        margin: 0px;
        white-space: normal;
        height: auto !important;
    }
    
    .t-grid-header
    {
        margin-right: -17px;
    }

    body
    {
        background-color: White;
        font-size: 8pt;
    }
    .csvButton
    {
        display: none !important;
    }
    .t-button
    {
        display: none !important;
    }
    #gridMain
    {
        overflow: visible !important;
    }
    #SearchGridDiv table 
    {
        border: thin solid #000000;
        color: #000000 !important;
    }
    
    #SearchGridDiv table
    {
        color: #000000;
        font-size:larger;
        width: 100% !important;
    }
    
    #SearchGridDiv table th
    {
        color: #000000;
        background: White !important;
		width: 150pt !important;
    }
    
    #SearchGridDiv table td
    {
        color: #000000;
        width: 150pt !important;
    }
    
    #SearchGridDiv col
    {
    	font-size: 35pt !important; 
    	/*width: auto !important;*/
    }
    
    #divSimpleTwoColumn
    {
        width: 95% !important;
        display: block !important;
        
    }
    .receiptColumn1
    {
        width: 45% !important;
    }
    .transactionReceiptSection
    {
        width: 99% !important;
    }
    .purchaseDates
    {
        display: none;
    }
    .t-grid-header
    {
        white-space: normal !important;
        line-height: 40px !important;
        border: none !important;
    }
    .t-last-header, .t-widget, .t-state-default, .t-grid-pager, .t-status
    {
    	border:none !important;
    }
    .t-grid-content
    {
        overflow: visible !important;
        height: auto !important;
    }
    .t-grid-content td, .t-grid-content th, .t-header 
    {
    	border-bottom: thin solid #000 !important;
    }
    .t-grid-bottom, .gridLegend
    {
        display: none !important;
    }
    
    t-grid-header-wrap table {border:none !important;}
    
    #helpTip {display: none !important;}
    .divResultsPrintButtonsStyle {display: none !important;}
    
    .divResultsPrintStyle{overflow:visible !important;position:relative !important;}
}

/*Anchors-Links
-----------------------------------------------------*/

a:link
{
    text-decoration: none;
}
a:visited
{
    text-decoration: none;
}
a:hover
{
    text-decoration: none;
}
a:active
{
    font-weight: bold;
}


/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-family: Segoe UI, Tohoma, Arial,Helvetica, sans-serif;
    font-weight: normal;
}

h1
{
    font-size: 1.8em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    font-size: 1.5em;
    padding: 0 0 2px 0;
    margin-bottom: .5px; /*Applies to FF 3.617 no change in IE 7*/
}
h3
{
    font-size: 1.2em;
    margin-bottom: 1px;
}
h4
{
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: .5em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 10px;
}

/*Navigation Bar*/
.navigationBar
{
    width: 700px;
    float: right;
    text-align: right;
    font-size: small;
    white-space: nowrap;
    color: White;
    margin: 0 auto;
    line-height: 2em;
}

#SubscriptionExpiresDiv
{
    position: relative;
    width: 170px;
    cursor: pointer;
    }
#AccountCreditsDiv
{
    position: relative;
    width: 150px;
    text-align: center;
    cursor: pointer;
    }
.navigationBar a
{
    color: White !important;
}

.navigationBar div
{
    padding: 0 5px;
    display: inline-block;
    margin-left: -3px;
}
.navigationBar span img
{
    vertical-align: middle;
}

#SubscriptionNotice
{
    position: absolute;
    text-align: center;
    border-right: thin solid #ccc;
    border-left: thin solid #ccc;
    border-bottom: thin solid #ccc;
    padding: 5px 6px 5px 5px;
    top: 12px;
    left: 2px;
    width: 170px;
    height: 28px;
    cursor: pointer;
    color: #444;
    background-color: White;
    opacity: .7;
    }
.formRow .wide-datepicker .t-input {
    width: 90% !important;
}
.docLegalPicker .wide-datepicker .t-input {
    width: 90% !important;
}
#BalanceWarning
{
    position: absolute;
    text-align: center;
    border-right: thin solid #ccc;
    border-left: thin solid #ccc;
    border-bottom: thin solid #ccc;
    padding: 5px 6px 5px 5px;
    top: 12px;
    width: 149px;
    height: 28px;
    left: 2px;
    color: #444;
    cursor: pointer;
    background-color: White;
    opacity: .7;
    }
#submenucontainer .t-group
{
     opacity: .9;
    }
#subscriptionExpiresDivInside
{
    cursor: pointer;
    }
#LowEscrowBalance
{
    left: 40%;
    top: 25%;
    }
.searchResultsTitle
{
    font-size: 1.2em;
    margin-bottom: 1px;
    font-weight: bold;
    color: #000;
}
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. Default is 976px */
.page
{
    width: 100%;
    height: 100%;
    position: relative;
}

#header
{
    height: 50px; /*the height of the header that the logo will reside*/
    border-bottom: 1.5px solid #000000; /*this will change the color between the header and the menu - Default is #000000*/
    overflow: hidden;
}

#header h1
{
    font-weight: bold;
    padding: 2px 0;
    margin: 0;
    border: none;
    height: 50px;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 32px !important;
}

#home
{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 50px;
    width: 272px;
}

#home a
{
    height: 50px;
    width: 100%;
    display: block;
    }

#mainBack
{
    position: relative;
    z-index: 88;
}


#main
{
    height: auto; /*only IE6 applies CSS properties starting with an underscrore */
    background-image: -webkit-gradient(linear,left top,left bottom,from(#aaa), to(#fff)) !important;
    background: -moz-linear-gradient(center top , #aaa, #FFFFFF) no-repeat scroll 0 0 transparent !important;
    color: #696969; /*color of text in main body*/
    overflow: hidden;
    position: relative;
    border-top: 2px solid;
    border-bottom: 2px solid;

}
#mainForm
{
    overflow: auto;
    }
.caret
{
    background: url("../Content/images/caret_active.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 8px;
    margin-top: 0px !important;
    width: 15px;
    z-index: 1000;
}

#gridMain
{
    padding: 1px 5px; /* this is the padding fomr the indside of the main body*/
    overflow: auto;
    position: relative;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff), to(#aaa)) !important;
    background: -moz-linear-gradient(center top , #fff, #aaa) no-repeat scroll 0 0 transparent !important;
    height: auto; /*only IE6 applies CSS properties starting with an underscrore */
    border-bottom: 2px solid; 
    z-index: 89;
}
/* 
Not using these styles anymore as there is a security concern with HTML not encoded 
when showing the Search Criteria.

.criteriaHeadingHeading
{
    color: #000;
    margin: 0 3px 0 -5px;
    font-size: 1.3em;
    overflow: auto;
    background: #CCC;
    border: 1px solid #F0F0F0;
    -moz-border-radius: 5px;  
    border-radius: 5px; 
}

.criteriaHeading
{
    color: #000;
    margin: 0 3px;
    font-size: 1.1em;
    overflow: auto;
    background: #F0F0F0;
    border: 1px solid #ccc;
    -moz-border-radius: 5px; 
    border-radius: 5px; 
}
*/
#criteria
{
    position: absolute;
    color: #444;
    font-weight: bolder;
    padding: 3px 0 3px 4px;
    background-color: #fff;
    border: 1px solid #F0F0F0;
    -moz-border-radius: 5px; /* css3 rounded corners */
    border-radius: 5px; /* this would take effect in ie9 in the meantime all others will just be rectangle */
    font-size: 1em;
    width: 100%;
    z-index: 2000;
    text-align:center;
    opacity: .8;
}

.cartButton
{
    text-align: left;
    position: absolute;
    font-size: .8em;
    top: 6px;
    left: 5px;
    }

.searchTools
{
    text-align: center;
    font-size: .8em;
    margin-top: 2px;

    }
.criteriaButtonHolder
{
    position: absolute; 
    bottom: -26px;
    left: 155px;
    font-size: .8em;
    z-index: 100;
    }
.rightTools
{
    float: right; 
    width: 350px; 
    display: inline-block; text-align: right; 
    margin-top: 2px;
    }
.leftTools
{
    float: left; 
    width: auto; 
    display: inline-block; 
    text-align: left; 
    margin-top: -0.5px;
    }
.gridHolder
{
    width: 99.8%;
    background-color: transparent;
}

.toggleUp
{
    background-image: url(../Content/images/toggle.png)no-repeat 0 8px !important;
    }
#RsltsGrid
{
}
#printMain
{
    width: 98%;
    background: white;
    color: Black;
    margin: 9px auto 10px auto; /*this places a margin (space) for the top and bottom of the main body*/
    padding: 5px 5px 10px 13px; /* this is the padding fomr the indside of the main body*/
    overflow: auto;
    height: 98%; /*only IE6 applies CSS properties starting with an underscrore */
}

#PrintWin
{
    width: 90%;
}

#PrintWin .t-content
{
    height: 700px !important;
}

#footer
{
    clear: both;
    text-align: center;
    font-size: .9em;
    width: 100%;
    line-height: 29px;
    padding: 5px 0px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    bottom: 0px;
    border-top: thin solid #444;
    border-bottom: thin solid #444;
}
#BrandFooter
{
  background: transparent url(../Content/images/acclaim_footer.png) no-repeat; 
  height: 40px;
  width: 112px;
  display: block;
  position: absolute;
  top: 0px;
  left: -1px;
 
    }

#footer a
{
    text-decoration: underline;
}

.releaseHolder
{
    text-align: center;
    margin-top: 0px;
    margin-bottom: 8px;
    position: relative;
    z-index: 99;
}

.searchIndexDiv
{
    width: 155px;
    display: inline-block;
    float: left;
    border: 1px solid #ccc;
    padding: 2px;
    moz-border-radius: 5px;
    border-radius: 5px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff), to(#eee)) !important;
    background: -moz-linear-gradient(center top , #fff, #eee) no-repeat scroll 0 0 transparent !important;
    margin: 5px 5px 10px 5px;
    height: 250px;
}

.disclaimerLogin
{
    margin-left: 2px;
    width: 450px;
    float: right;
}

#pendingTranList td
{
    border-bottom: thin solid #444;
    }

#searchIndexDiv .nameDesc
{
    text-align: left;
}

.pinHolder
{
    position: absolute;
    bottom: -7px;
    left: 47.5%;
    width: 50px;
    padding: 2px;
    background-color: #FFFFFF;
    z-index: 1000;
    text-align: center;
    border-top: thin solid #ccc;
    border-left: thin solid #ccc;
    border-right: thin solid #ccc;
    moz-border-radius: 5px;
    border-radius: 5px;
    }
.pinHolderAgent
{
    position: absolute;
    top: -7px;
    left: 46%;
    width: 50px;
    padding: 2px;
    background: transparent;
    z-index: 1000;
    text-align: center;
    moz-border-radius: 5px;
    border-radius: 5px;
    }
.pushPinUp
{
   width: 14px;
   height: 10px;
   background: url("../Content/images/push_pin.png") no-repeat scroll 0 0 transparent;
  
    }
.pushPinDown
{
   width: 14px;
   height: 10px;
   background:  url("../Content/images/push_pin.png") no-repeat scroll 0 -11px transparent;
    }
.welcomeMessage
{
    text-align: center;
    font-weight: bolder;
    font-size: 2em;
    color: #888;    
    }
.instructions
{
    border: 1px solid #CCC;
    width: 925px;
    padding:0px 5px 0px 5px;
    moz-border-radius: 5px;
    border-radius: 5px;
    font-size: .6em;
    font-color: #444 !important;
    position: relative;
    z-index: 90;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    background-color: White;
    overflow: hidden; 
    }
.AlertMessage 
    {
    border: 1px solid #ccc;
    moz-border-radius: 5px;
    border-radius: 5px;
    }
.AlertTitleMessage 
    {
    border: 1px solid #ccc;
    moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    padding: 0px;
    margin: 0px;
    white-space: normal;
    height: auto !important;

    }
.AlertTextMessage 
    {
    border: 1px solid #ccc;
    moz-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    }

.dateFromHolder
{
    position: absolute;
    z-index: 200;
    border: thin solid #ccc;
    background-color: White;
    padding: 2px;
    width: 80px;
    }
 .dateFromHolder .t-button
 {
     margin: 2px 0;
     width: 100%;
     }
 .dateToHolder
{
    position: absolute;
    z-index: 200;
    border: thin solid #ccc;
    background-color: White;
    padding: 2px;
    width: 80px;
    }
 .dateToHolder .t-button
 {
     margin: 2px 0;
     width: 100%;
     }

.dateRecordHolder
{
    position: absolute;
    z-index: 200;
    border: thin solid #ccc;
    background-color: White;
    padding: 2px;
    width: 80px;
    }
 .dateRecordHolder .t-button
 {
     margin: 2px 0;
     width: 100%;
     }
/* TAB MENU---------------------------------------------------------- */

#mainMenuContainer
{
    width: 200px;
    float: right;
    height: 36px;
    margin-top: -5px;
}
ul#menu
{
    height: 36px;
    font-size: 0.9em;
    font-family: "arial" , Verdana, sans-serif;
    font-weight: bold;
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: right;
}
ul#menu li
{
    display: block;
    float: left;
    margin: 0 0 0 5px;
    text-align: center;
}
ul#menu li span
{
    display: inline-block;
}
ul#menu li a
{
    height: 36px;
    color: #fff;
    text-decoration: none;
    display: block;
    float: left;
    padding: 3px 10px 0 10px;
}
ul#menu li a:hover
{
    height: 35px;
    background: transparent url("../Content/images/menuHover.png") center no-repeat;
}

ul#menu li table a:hover
{
    height: 35px;
    color: #000 !important;
    background: transparent !important;
}
ul#menu li a.current
{
    color: #fff;
    background: transparent url("../Content/images/menuCurrent.png") center no-repeat;
    height: 36px;
    padding: 0 10px 0 10px;
}

ul#menu li a.current:hover
{
    color: #fff;
    background: transparent url("../Content/images/menuHover.png") center no-repeat;
    height: 36px;
}


#menusub
{
    clear: both;
    display: block;
    width: 100%;
    padding: 0;
    margin: 7px 0 0 -1px; /*a fix for ie - allows spacing between main menu categories and submenu */
    font-family: Arial, Sans-Serif;
    font-size: 1em;
    font-weight: bold;
    border-bottom: 1px solid #ccc; /* content border */
    background: url(../Content/Images/subMenu_bg.jpg) repeat-x top;
    height: 32px;
}

.searchmenu
{
    margin: 0 auto;
    position: relative;
    width: 995px;
}

.searchmenu ul
{
    list-style-type: none;
    margin: auto;
    height: 32px;
    background: transparent url(../Content/Images/menu_border.png) no-repeat 36px 0px;
    text-align: center;
}

.searchmenu ul li:last-child
{
}
.searchmenu ul li:last-child:hover
{
}

.searchmenu li
{
    float: left;
    padding: 0 5px 0 0;
    margin: 0-1px 0 0;
    vertical-align: middle;
    background: transparent url(../Content/Images/menu_border.png) no-repeat right 0;
    text-align: center;
}
.searchmenu li a
{
    line-height: 33px;
}

.searchmenu li:hover
{
    background: url(../Content/Images/subMenu_bg_hover1.png) no-repeat right 0;
}

.subMenuActive
{
    background: url(../Content/Images/subMenu_bg_hover1.png) no-repeat right 0 !important;
}

.searchmenu li span
{
}

.searchmenu ul a
{
    text-shadow: #fff 1px 1px 1px;
}


#menuSeparator
{
    height: 45px;
    width: 6px;
    background: transparent url(../Content/Images/menu_border.png) no-repeat top center;
    display: inline;
}

.subMenu li
{
    cursor: pointer;
}
.searchmenu span
{
    margin-left: 3px;
}
#menusub .subspace
{
    margin: 0 2px;
}

#menusub .subspace:hover
{
    margin-top: -3px !important;
}

#menusub .subcurrent
{
    margin: 0;
}

/* ---------------------- END menu nav ---------------------- */


/*  ====================================================================================================
    Semantic Classes
   ===================================================================================================== */


.inline
{
    display: inline;
}
.block
{
    display: block;
}
.clear
{
    clear: both;
}
.floatLeft
{
    float: left;
}
.floatRight
{
    float: right;
}
.hide
{
    display: none;
}
.show
{
    display: block;
}
.v_middle
{
    vertical-align: middle;
}

/* ---------------------- MISC -------------------------------*/

.error
{
    color: Red;
    white-space: inherit;
    clear: both;
}
#title
{
    display: block;
    float: left;
    text-align: left;
}

#logindisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    text-decoration: underline;
}

/* ---------------------- Search Pages -------------------------------*/
#fldText
{
    width: 100px;
}
#grdFilter
{
    width:471px; display:inline-block; margin: -2px auto -2px 200px; padding: 0px;
}
.filterList
{
    font-size: 1.1em;
    }
.paper
{
    font-size: .8em;
    padding: 13px 13px 15px 13px;
}

#DocTypelist
{
    overflow: hidden;
}
em
{
    font-weight: bold;
    width: 2px;
    vertical-align: top;
    color: DarkRed;   
}

.ItemTitle
{
    font-size: 1.5em;
    padding-bottom: 0px;
    width: 925px;
    margin-left: -5px;
    padding: 0px 5px;
}
#vwr
{
    border:none;
    }
#IndexImageDiv, #SetOutImageDiv
{
    margin-top: -10px;
    }
#goBackLink
{
    width: 350px;
    float: right;
    font-size: .8em;
    text-align: right;
    }
#goBackLink a
{
    color: White;
    }
#goBackLink a:hover
{
    color: #eee;
    }
.ItemTitle img
{
    vertical-align: middle;
}

.ItemTitle span
{
    font-size: x-small;
    font-weight: normal;
    margin-left: 10px;
}

#helpTip
{
    display:none;
    position: absolute;
    top: 1px;
    left: 0px;
    font-weight: bolder;
    z-index: 2000;
    width: 111px;
    color: #444;
}

#HelpButton
{
    top: 0px;
    left: 0px;
    font-size: .9em;
    padding: 0 .2em;
    z-index: 2000;
    }
.help
{
    display: none;
    position: absolute;
    width: 300px;
    left: 0px;
    top: 1px;
    padding: 4px;
    font-weight: normal;
    text-align: left;
    z-index: 100;
    background-color: #fff !important;
    color: #444;
    border: thin solid #ccc !important;
    border-bottom-right-radius: 5% 10%%;
    -moz-border-radius-bottomright: 5% 10%%;
}
.formSimple
{
}
/* simplified form layout for label + input pair */
.formSimple .formLabel
{
    display: inline-block;
    float: left;
    padding-top: 1px;
}
.formLabel
{
    display: inline-block;
    float: left;
    padding-top: 3px;
}
/* float is required to overcome issue with 'empty text node' spacing */
.formSimple .formLabel
{
    color: #111;
    font-size: .9em;
}
.formSimple .formInput
{
    display: inline-block;
    float: left;
    position: relative;
    z-index: 91;
    text-align: left;
}
.formInput
{
    display: inline-block;
    float: left;
    position: relative;
    z-index: 95;
    text-align: left;
}
.formInput input[type="text"]
{
    z-index: 90 !important;
    position: relative;
}
.formSimple input[type="text"]
{
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f2f2f2), to(#fff));
    background: -moz-linear-gradient(center top , #f2f2f2, #fff) no-repeat scroll 0 0 transparent;
}   

.formSimple input[type="text"]:focus
{
                 background-image: none;
    background-color: #feffa9;
}

/* LPSDesktop controls don't accept CSSClass values, so this will apply to ALL textbox controls */
/* Ledesma 06/07/11: IE6 does NOT recognize this ... need to work around still */
.formSimple textarea
{
    float: left;
    margin-bottom: 5px;
}
.formSimple br
{
    clear: both;
}

#divSimpleTwoColumn
{
    border: 1px solid #CCC;
    width: 925px;
    padding:0px 5px 0px 5px;
    moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    z-index: 90;
    margin-left: auto;
    margin-right: auto;
    background-color: White;
    overflow: hidden; 
}

#loginContainer
{
    border: 1px solid #CCC;
    width: 830px;
    padding:0px 5px 0px 5px;
    moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    z-index: 90;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    overflow: hidden; 
}

.formContainer
{
     border: 1px solid #eee;
     margin: 7px auto;
     overflow: auto;
    }

.formContainer .formLabel
{
    padding: 4px 0 4px 2px;
    border: 1px solid #fff;
    background-color: #eee;
    }

.simpleQuestions
{
    border: 1px solid #CCC;
    padding: 8px;
    moz-border-radius: 5px;
    border-radius: 5px;
    color: #444;
}

.purchaseDates
{
    border: 1px solid #CCC;
    padding: 8px;
    moz-border-radius: 5px;
    border-radius: 5px;
    color: #444;
    background: White;
    width: 420px;
}
.loginFooter span
{   
    padding-right: 40px;
    vertical-align: middle;
    }
.loginFooter
{
    text-align: right;
    }
.t-picker-wrap
{
    width: 315px !important;
    padding: 0 !important;
    }
.col2 .t-select
{
    right: 10px !important;
    }
.col2 select
{
    font-size: .9em;
    }

.halfCol
{
    width: 50%;
    display:inline-block; 
    float: left;
    overflow: auto;
    height: auto;
    }
/* this sets the width for all the forms grey lined BOX*/
#divSimpleTwoColumn .col1
{
    width: 130px;
    padding-right: 2px;
}

#divSimpleTwoColumn .col1m
{
    width: 180px;
}
/* this column is FOR MARRIAGE page ONLY*/

#divSimpleTwoColumn .col2
{
    width: 320px;
}
#divSimpleTwoColumn .col2w
{
    width: 300px;
}
#divSimpleTwoColumn .col2 .txtbox
{
    width: 302px;
    padding: 0px;
}
.purchaseStatus
{
    color: #444;
    font-size: .95em;
    }
.formRow
{   
    border-bottom: thin solid #eee;
    overflow: auto;   
    }
 #formErrors
 {
     width: 500px;
     float: left;
     text-align: left;
     color: Red;
     } 
.gridLegend
{
    position: absolute;
    left: 40px;
    bottom: 10px;
    color: #444;
    font-weight: bold;
}  
 #formErrors label
 {
     width: 500px;
     height: 7px;
     }
.searchFieldTextBoxStyle
{
    width: 283px;
    margin: 0;
    text-overflow: ellipsis;
    }
.catInput
{
    margin-top: -40px;
    width: 190px;
    text-align: right !important;
}
.catLabel
{
    margin-top: -40px;
}
.catInput2
{
    margin-top: -25px;
    width: 190px;
    text-align: right !important;
}
#divSimpleTwoColumn .col3
{
    width: 110px;
    margin-left: 10px;
    text-align: right;
    padding-right: 2px;
}
/* add some extra margin between columns */
#divSimpleTwoColumn .col3m
{
    width: 180px;
}
/* add some extra margin between columns */
#divSimpleTwoColumn .col4
{
    width: 310px;
}
#divSimpleTwoColumn .col4 .txtbox
{
    width: 150px;
}

#divSimpleDtsColumn
{
    width: 620px;
    padding: 5px;
}
/* this sets the width for all the forms grey lined BOX*/
#divSimpleDtsColumnDetails
{
    padding: 5px 0px;
}

.ddtable
{
    overflow: hidden;
}

#divSimpleDtsColumnDetails a
{
    text-decoration: underline;
    color: Blue;
}

#divSimpleDtsColumnDetails a:hover
{
    text-decoration: underline;
    color: Blue;
    cursor: pointer;
}


.docBlock
{
    position: relative;
    /*overflow: auto;*/
    overflow-y: auto;
    overflow-x: auto;
    padding-right: 5px;
    margin-right: 5px;
}
/* this sets the width for all the forms grey lined BOX*/

.detailsShowButton
{   
    position: absolute;
    top: 30px;
    left: 10px;
    font-size: 80%;
    z-index: 100;
    text-align: center;
    width: 260px;
}

.detailsShowButton2
{
    position: absolute;
    top: 35px;
    left: 10px;
    padding-left: 5px;
    width: 135px;
    font-size: 80%;
}

.backToSearchDiv
{
    width: 100px;
    float: right;
}

.thumbNailsShowButton
{
    font-size: 80%;
    top: 10px;
    left: 2px;
    width: 100px;
    color: #fff;
    background: transparent;
    border: none;
}

.detailsShowButton a:active
{
    color: #fff !important;
}

#divSimpleDtsColumn .col1
{
    width: 110px;
}
.col1
{
    width: 90px;
    color: #444;
    font-size: .9em;
}
#divSimpleDtsColumn .col1m
{
    width: 180px;
}
/* this column is FOR MARRIAGE page ONLY*/

#divSimpleDtsColumn .col2
{
    width: 180px;
}
.col2
{
    width: 220px;
}
.col2
{
    width: 250px;
}
#divSimpleDtsColumn .col2w
{
    width: 300px;
}

#divSimpleTwoColumn .col5
{
    width: 60px;
    text-align: right;
    padding-right: 2px;
}
#divSimpleTwoColumn .col6
{
    width: 200px;
}
.colA
{
    width: 220px;
    text-align: right;
    padding-right: 2px;
}
.colB
{
    width: 190px;
}
.colC
{
    width: 210px;
}

.colD
{
    width: 290px;
}

#TwoColumn
{
    overflow: auto;
}

#SubDivVals span
{
    width: 100%;
    display: block;
    height: 15px;
    margin: 1px 0;
}
#Subdivision
{
    color: #444;
    width: 155px;
}

#SubDivVals span:hover
{
    background-color: #444;
    cursor: pointer;
    color: #fff;
}
#Township, #Subdivision
{
    text-overflow: ellipsis;
    }
#TownshipVals, #SubDivVals
{
    max-height: 200px;
    overflow: auto;
    position: absolute;
    top: 20px;
    z-index: 2000;
    background: #fff;
    width: auto;
    width: 302px;
    white-space: normal;
    text-align: left;
    font-size: .9em;
    opacity: .9;
    border: thin solid #888;
    border-top: none;
    display:none;
    
}
#TownshipVals li, #SubDivVals li
{
    padding: 1px 0 5px 0;
    border-bottom: thin solid #bbb;
}
#TownshipVals li:hover, #SubDivVals li:hover
{
    cursor: pointer;
}
.selected
{
    background-color: #444;
    cursor: pointer;
    color: #fff;
}
#Township
{
    color: #444;
    width: 155px;
}

/* this ID is FOR MARRIAGE page ONLY*/

#TwoColumn .col
{
    width: 110px;
}

.col
{
    width: 110px;
}


#TwoColumn .col1m
{
    width: 180px;
}

#TwoColumn .col2m
{
    width: 180px;
}

#TwoColumn .col3m
{
    width: 80px;
    margin-left: 20px;
}
/* add some extra margin between columns */

#TwoColumn .col3m2
{
    width: 180px;
}
/* add some extra margin between columns */

#TwoColumn .col4m
{
    width: 100px;
}

#ThirdColumn
{
    overflow: auto;
}
/* this ID is FOR MARRIAGE page ONLY*/

#ThirdColumn .col
{
    width: 100px;
    margin-right: 80px;
}

#ThirdColumn .col2m
{
    width: 180px;
}

#ThirdColumn .col3m
{
    width: 70px;
    margin-left: 35px;
}
/* add some extra margin between columns */

#ThirdColumn .col4m
{
    width: 100px;
}

/* ========= FOOTER for containers ========= */
.boxFooter
{
    padding-top: 15px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    overflow: auto;
    clear: both;
    text-align: right;
}
.boxFooterLine
{
    overflow: visible;
    clear: both;
    text-align: right;
    margin-top: 1px;
    padding-top: 1px;
    width: 100%;
}
.boxGridFooterLine
{
    overflow: auto;
    clear: both;
    text-align: right;
    padding: 5px 10px;
}
.boxFooterError
{
    text-align: left;
    vertical-align: top;
    padding-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    width: 450px;
}
.boxFooterButtons
{
    white-space: nowrap;
}
/*----------------------------------------------------------------*/

/* Ledesma 06/07/11: adding to create consistent version of container using 'bluebar2' header*/
.bluebox
{
    overflow: auto;
}

.bluebox .bbtitle
{
    height: 29px;
    line-height: 28px;
    font-size: 8pt;
    font-weight: bold;
    vertical-align: middle;
    padding: 0px 10px;
    overflow: hidden;
}

.bluebox .bbtitle .title
{
    vertical-align: middle;
}
/*Ledesma: assigned to asp:label controls in title, to overcome default 'content' from .skin, EnableTheming=false */
.bluebox .bbtitle span
{
    vertical-align: middle;
}
.bluebox .bbcontent
{
    padding: 10px;
    overflow: auto;
    zoom: 1;
}
/* Ledesma: adding 'zoom' for ie6 issues with floating objects */
.bluebox .divButtons
{
    margin-top: 5px;
    padding-top: 5px;
    text-align: right;
}
/* use FOOTER class (below) */
.bluebox .bbgrid
{
    overflow: auto;
}
.bluebox .dt_Grid
{
    border: 0;
}
/* ========= END BlueBox */
/*==========Input highlight Field=========*/
.formContainer input
{
    overflow: hidden;
    border: 1px solid #aaa;
    background-color: #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.formContainer input[type=radio]
{
    border: none !important
}


.required
{
    overflow: hidden;
    border: 1px solid #aaa;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0px 0px 8px #feffa9;
    -moz-box-shadow: 0px 0px 8px #feffa9;
    -webkit-box-shadow: 0px 0px 8px #feffa9;
}
.required:focus
{
    outline: none;
    background-color: #feffa9;
    background-image: none !important;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 8px #feffa9;
    -moz-box-shadow: 0px 0px 8px #feffa9;
    -webkit-box-shadow: 0px 0px 8px #feffa9;
}
/*==========END Input highlight Field=========*/

/* Styles for editor and display helpers--------------------*/
.display-label .editor-label .display-field .editor-field
{
    padding: 12px;
    margin: 40px;
    width: 500px;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em; /* END Styles for editor and display helpers--------------------*/
}
fieldset
{
    padding: 2px;
}
fieldset legend
{
    font-size: 13px;
    padding-top: 16px;
    padding-right: 0px;
    padding-bottom: 16px;
    padding-left: 0px;
}


.SmallLinks
{
    font-size: xx-small;
}

#result
{
    margin-left: 10px;
    padding: 10px;
    text-align: left;
}

#ParcelId
{
    overflow: hidden;
}

.preAddToCartContainer
{

}

.preAddToCartContainer
{
    height: 230px;
    overflow: auto;
    }

#PreAddToCartDiv
{
    }
.PopupCloseTextStyle
{
    cursor: pointer;
}

#BookTypeDiv
{
    position: fixed;
    width: 320px;
    height: 150px;
    top: 50%;
    left: 50%;
    padding: 5px;
    margin-left: -160px;
    margin-top: -75px;
    z-index: 2002;
}

.BookTypeListDiv
{
    margin-bottom: 4px;
}

.BookTypeDivStyle h3
{
    margin-top: 0px;
}

.disableGrid
{
    background-color: White;
    opacity: .5;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    }

#DocTypeDiv
{
    position: fixed;
    width: 320px;
    height: 150px;
    top: 50%;
    left: 50%;
    padding: 5px;
    margin-left: -160px;
    margin-top: -75px;
    z-index: 2002;
}

.closeButton
{
    float: right;
    width: 55px;
    margin-top: -17px;
    z-index: 9000;
}

.DocTypeDivStyle h3
{
    margin-top: 0px;
}

.DocTypeListDivStyle
{
    margin-bottom: 4px;
}

.AddressLabel
{
    font-weight: bold;
}

/*----Online Orders------*/
#BatchPrintWait
{
    color: Red;
    font-weight:bold;
    text-align:left;
}
#subActSummary
{
    color: #444;
    width: 500px;
    margin: 0 auto;
}
.summaryHolder
{
    width: 500px;
    background-color: White;
    border: thin solid #ccc;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.checkOutHolder
{
    width: 500px;
    text-align: right;
    margin: 10px auto 0;
}
#manageAccountGrid
{
    padding: 10px;
}
#manageAccountGrid #Grid
{
    width: 99% !important;
}
.AmountTotalStyle
{
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
}

.CartChangeTableStyle
{
    width: 100%;
}

.CartDivStyle
{
    overflow: auto;
}

.CartUpdateTDStyle
{
    margin: 0px 2px;
    text-align: right;
    height: 25px;
}

.CartColumn
{
    padding: 10px;
}

.CartTableStyle
{
    width: 100%;
    background-color: White;
}

.CartTableStyle td
{
    padding: 15px 12px;
    text-align: center;
}

.CartTableStyle th
{
    font-size: .8em;
}

.CartTotalDivStyle
{
    text-align: right;
    color: #444;
    font-weight: bold;
}

.CartHeaderStyle
{
    padding: 5px;
}

.CartInstructionTitleStyle
{
    padding: 5px 10px;
    font-size: 9pt;
    vertical-align: middle;
    height: 17px;
}

.cartholder
{   
    border: 1px solid #CCC;
    padding:2px 5px 0px 5px;
    moz-border-radius: 5px;
    border-radius: 5px;
    background: White;
    text-align:right;
    padding: 5px;
}
.cartholder2
{
    width: 350px;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
}
.cartholderColumn1
{
    width: 150px;
    float: left;
    clear: both;
}
.cartholderColumn2
{
    /*width: 100px;*/
    margin-left: 152px;
}
.cartRowEven
{
    margin: 5px 0;
    color: White;
    font-weight: bold;
    padding: 6px 0 6px 2px;
}
.cartRowOdd
{
    margin: 5px 0;
}
.ButtonBackground
{

}

#QuickSearchAndAddToCart
{
    clear: both;
    width: 910px;
    padding: 7px;
    margin: 0 auto;
}
.QuickSearchBookPage span
{
    margin-right: 10px;
    font-weight: normal !important;
}

#QuickSearchAndAddToCart span
{
    font-weight: bold;
}

#QuickSearchAddToCartInside
{
    background: White;
    color: #444;
    padding: 7px;
}
.QuickSearchBookPage
{
    width: 240px;
    float: left;
    margin-left: 110px;
}

#quickAddModel_Book
{
    width: 73px;
}

#quickAddModel_Page
{
    width: 73px;
}

.QuickSearchDocument
{
    width: 300px;
    float: left;
    margin-left: 60px;
}

.QuickSearchBookType
{
    text-align: right;
    padding-bottom: 5px;
    margin-right: 70px;
}

.CartInstructionStyle
{
    margin: -10px 10px 0 10px;
    width: 900px;
    float: left;
}

.CartItemMessageStyle
{
    font-weight: bold;
}

.CartItemTextBox
{
    font-family: Verdana;
    font-size: 8pt;
    vertical-align: middle;
    padding-left: 5px;
}

.CartItemTextBoxAlt
{
}

.CartItemValueStyle
{
    font-weight: bold;
}

.CheckOutDivStyle
{
    text-align: right;
    padding:5px 0px;
    border-top: thin solid #444;
}

.CheckOutInfoStyle
{
    font-family: Verdana;
    font-size: 8pt;
    vertical-align: middle;
    padding-left: 5px;
    text-align: right;
}

.CheckOutLabelStyle
{
    font-size: 8pt;
    text-align: left;
    vertical-align: top;
}

.CreditCardImgStyle
{
    padding-left: 5px;
    vertical-align: middle;
}

.DecimalStyle
{
    text-align: right;
}

.GridRowStyle
{
    font-family: Verdana;
    font-size: 8pt;
    color: white;
    vertical-align: middle;
    text-align: center;
}

.GridAlternatingStyle
{
    font-family: Verdana;
    font-size: .8em;
}

.GridAlternatingStyle tr
{
}

.GridHeaderStyle
{
    font-weight: bold;
    font-family: Verdana;
    font-size: 8pt;
    color: Black;
    padding-left: 10px;
    margin-left: 2px;
}

.InputTextBoxStyle
{
    font-family: Verdana;
    font-size: 8pt;
    height: 12px;
    vertical-align: middle;
}

.LabelPosition
{
    vertical-align: middle;
    text-align: right;
}

.MiscButtonStyle
{
    font-family: Verdana;
    font-size: 7pt;
    font-weight: bold;
    height: 18px;
    vertical-align: middle;
}

.OnlineOrderResultMessageStyle
{
    font-weight: bold;
}

.PaymentPageResultDivStyle
{
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    padding: 5px;
    border: thin solid #CCC;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: White;
    margin-top: 15px;
}

.PaymentPageResultDivStyle h2
{
    margin-top: -15px;
    margin-bottom: 5px;
}

.PaymentPageResultDivStyle a
{
    font-weight: bold;
}


.RefNumTableStyle
{
    margin: 0px 5px;
    font-size: 8pt;
    text-align: left;
    vertical-align: top;
}


.SelectCopyPopupStyle
{
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -175px;
    margin-top: -175px;
    overflow: auto;
    padding: 0pt 10pt 10pt 20pt;
    width: 350px;
    height: 350px;
    overflow: visible;
    z-index: 9002;
}

.PopupCloseTextStyle
{
    float: right;
    margin-top: 3px;
    font-weight: bold;
    width: 50px;
}
.PopupCloseTextStyle a:Hover
{
    cursor: pointer;
    font-weight: bolder;
}


.SelectNumCopiesColStyle
{
    padding: 5px 2px;
    width: 100px;
    vertical-align: middle;
    text-align: center;
}

.SelectNumCopiesTextStyle
{
    color: #425291;
    padding-left: 2pt;
    width: 50pt;
}

.SelectCopyHeader
{
    font-weight: bolder;
}

.SelectPgNumColStyle
{
    padding: 5px 2px;
    width: 100px;
    vertical-align: middle;
    text-align: center;
}

.SelectCopiesColStyle
{
    height: 25pt;
    vertical-align: middle;
    display: inline-block;
    padding-left: 2pt;
    width: 50pt;
}

.SubscriptionInstructionTextStyle
{
    text-align: left;
}

.SaveCartStyle
{
    font-size: 10px;
}

.SaveCartChangeStyle
{
    font-size: 11px;
}

.SubscriptionDivStyle
{
    margin-left: 10pt;
}

.SummaryStyle
{
    padding-left: 5px;
    clear: both;
}

.SummaryTableStyle
{
    margin: 0px;
}

.SummaryTableHeaderStyle
{
    font-weight: bold;
    padding: 4px;
}

.SummaryTableHeaderAmtStyle
{
    font-weight: bold;
    padding: 4px;
}

.SummaryTableRow
{
    font-weight: bold;
}

.SummaryTableRowAlt
{
    font-weight: bold;
}

.SummaryTableRowTotal
{
    font-weight: bold;
}

.SummaryTableDescStyle
{
    padding: 5px;
    width: 350px;
}

.SummaryTableAmtStyle
{
    padding: 4px;
}

.SummaryTableTotalDescStyle
{
    padding: 8px;
}

.SummaryTableTotalAmtStyle
{
    padding: 8px;
    text-align: right;
}

.specificpages
{
    width: 110px;
}

#tooltip1
{
    position: relative;
}

#tooltip1 a span
{
    display: none;
}

#tooltip1 a:hover span
{
    display: block;
    position: absolute;
    width: 100px;
    left: 17px;
    top: -20px;
    padding: 4px;
    font-weight: normal;
}

/*--------------------Doc Details Pages-------------------------*/
.imageLoad
{
    text-align: center;
    margin-top: 100px;
    }
.AddToCartControlsDivStyle
{
    margin-left: 10px;
}


.AddToCartMessageDivStyle
{
    font-weight: bold;
    margin-left: 10px;
    text-align: left;
}

.AddToCartErrorMessageStyle
{
    color: Red;
    font-weight: bold;
    margin-left: 10px;
    text-align: left;
}

.AddToCartParaStyle
{
    margin-left: 10px;
}

.AddToCartMsgStyle
{
    color: green;
    font-weight: bold;
    margin-left: 10px;
}

.AddedNameColorStyle
{
    color: Blue;
}

.AddingToCartMsgDivStyle
{
    display: none;
    margin-left: 10px;
}

.BookPageNavFieldStyle
{
    color: #3E6AA9;
    font-family: Verdana;
    font-size: 8pt;
    border: 1px solid #D4D4D4;
    vertical-align: middle;
}

.BookPgNavTextStyle
{
    width: 40px;
}

.BookPgNavDrpDnStyle
{
    width: 200px;
}

.BookPgNavSectionStyle
{
    width: 120px;
}

.DeletedNameColorStyle
{
    color: Red;
}

.DetailContentPosition
{
    height: 560px;
    overflow: auto;
    width: 390px;
}

.DetailContentStyle
{
    background-color: White;
}

.DetailContentTblStyle
{
    width: 100%;
    border: 1px solid #D4D4D4;
}

.DetailFieldStyle
{
    vertical-align: middle;
    font-weight: bold;
    width: 45%;
}

.DetailImagePosition
{
   border-left: thin solid #444;
}

.DetailImageStyle
{
    
}

.detailsHolder
{

}

.ddtd
{
    width: 350px;
    background-color: White;
    z-index: 90;
    }

.ddtable
{
    width: 100%;
    margin-top: -3px;
}

.DetailNavigationLabelStyle
{
    width: 100px;
    background-color: #426291;
    color: White;
}

.DetailNavigationBlock
{
    background-color: #426291;
    color: White;
}

.DetailMainTable
{
    margin: 0px 0px 0px 0px;
    border-collapse: collapse;
    border-spacing: 0px;
}

.t-tabstrip .t-content, .t-panelbar .t-tabstrip .t-content
{
    
    padding-right: 0em !important;
    }

#ImageInPdfDiv
{
    overflow:hidden;
    }
    
.DetailImagePosition
{
    overflow:hidden;
    }
    
.PdfImagePosition
{
    overflow:hidden;
    }
    
.DetailNavigationLabelStyle
{
    font-size: 8pt;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
}

.DetailImageOptionsLeft
{
    color: White;
    font-size: .9em;
    width: 90px;
    margin: 0 auto 0 35px;
    display: inline-block;
    float: left;
    text-align: left;
}

.DetailImageOptionsRight
{
    color: White;
    font-size: .9em;
    width: 125px;
    margin: 0 auto;
    display: inline-block;
    float: right;
    text-align: right;
}

.imageNavigator
{
    position: absolute;
    top: -5px;
    left: 40%;
    height: 45px;
    width: 70px;
    background: transparent url("../Content/images/orb.png") no-repeat scroll 5px -15px;
    z-index: 1;
    }

.DetailImageThumbNails
{

    background-color: White;
}

.DetailLabelFieldStyle
{
    font-weight: bold;
    vertical-align: middle;
    width: 50%;
}

#NumberOfPagesLabel
{
    width: 25px;
    display: inline-block;
    vertical-align: middle;
    padding-top: 1px;
}
.DetailSectionStyle
{
    border: solid 2px #426291;
}

.DetailsTextBoxFieldStyle
{
    color: #3E6AA9;
    font-family: Verdana;
    font-size: 8pt;
    height: 18px; /*border: 1px solid #D4D4D4;*/
    vertical-align: middle;
}
.DetailTableStyle
{
    margin: 0px;
}
#docdetailsmain .t-link
{
    font-size: .9em;
    padding: .3em .5em;
    }
.DocDetailErrorStyle
{
    color: Red;
    font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
    padding: 0pt 10pt;
    text-align: left;
}

#ExceptionMessageDiv
{
    text-align: center;
    font-weight: bolder;
    color: Red;
    position: absolute;
    background: transparent;
    top: 50px;
    width: 100%;
}
.DocImgVwrIFrameStyle
{
    color: white !important;
    overflow: hidden;
}

.DocImgVwrStyle
{
    border: solid 1px #D4D4D4;
    overflow: hidden;
}
#_docImageVwr
{
    margin: 2px;
    overflow: hidden;
}

.DocumentNavigationSyle
{
    margin: 0px;
    background-color: #9AC4DA;
    color: #426291;
    font-family: Verdana;
    font-size: 8pt;
    width: 100%;
}

.DocumentNavigationButtonStyle
{
    vertical-align: middle;
    border: none;
}

.DocumentNavTblStyle
{
    margin: 0px;
}

.DocumentNumberNavFieldStyle
{
    color: #3E6AA9;
    font-family: Verdana;
    font-size: 8pt;
    border: 1px solid #D4D4D4;
    vertical-align: middle;
}

.DocumentNumberNavTextStyle
{
    width: 100px;
}

.DocumentNumNavTdStyle
{
    width: 120px;
}

.ExceptionMessageStyle
{
    color: Red;
    font-family: Verdana;
    font-size: 12px;
}

.ImageExceptionStyle
{
    margin-left: 10px;
}

.ImgPageNavFormStyle
{
    margin: 0px;
    padding: 0px;
}

.PageNavFieldStyle
{
    color: #3E6AA9;
    font-family: Verdana;
    font-size: 8pt;
    border: 1px solid #D4D4D4;
    vertical-align: middle;
    text-align: right;
}

.PdfImagePosition
{
    width: 100%;
    background: white;
    height: 95%;
}

.SearchGridInfoStyle
{
    width: 120px;
}

td.ImgNavCol1Style
{
    width: 30%;
}
td.ImgNavCol2Style
{
    text-align: center;
}
td.ImgNavCol3Style
{
    text-align: right;
    width: 35%;
}

.ViewAllPagesStyle
{
    text-align: center;
}

.ImagePageNumberInputStyle
{
    width: 25px;
    height: 10px;
    text-align: center;
}

.ImageViewerControlFormStyle
{
    margin: 0px;
    padding: 0px;
}

.ViewPdfLinkStyle
{
    font-size: .85em;
    width: 140px;
    float: right;
    display: inline-block;
    margin: 0;
}
#SearchingWaitImg
{
    position: absolute;
    top: 0;
    left: 0;
    background-color: White;
    opacity: 0.8;
    z-index: 2000;
    }
    
#SearchingWaitImg img
{
    position: absolute;
    }
    
.docFrame
{
   /* overflow: hidden !important;  */
   }
.DocImgVwrStyle
{
    margin: 5px auto;
    }
 #_docImageVwr_ov,  #_docImageVwr_ov, #_docImageVwr_ol
 {
    overflow: hidden;  
  }
.docButton
{
    padding: 2px !important;
    line-height: .9 !important;
    }
.docNavButtons
{
    padding: 0px !important;
    }
.deleteImage
{
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 5px;
    margin-right: 2px;
    background: url("../Content/images/delete.png") no-repeat scroll 0 -15px transparent;
    }
 .deleteImage:hover
{
    background: url("../Content/images/delete.png") no-repeat scroll 0 0px transparent;
    cursor: pointer;
    }
 .removeWarning, .removeBalanceWarning
{
    position: absolute;
    top: 12px;
    right: -10px;
    width: 14px;
    height: 14px;
    background: url("../Content/images/delete.png") no-repeat scroll 0 -15px transparent;
    }
 .removeWarning:hover, .removeBalanceWarning:hover
{
    background: url("../Content/images/delete.png") no-repeat scroll 0 0px transparent;
    cursor: pointer;
    }


.imageButton
{   
    width: 16px;
    height: 16px;
    } 
.saveButtonActive
{   
    background: url("../Content/images/save.png") no-repeat scroll 0 0 transparent;
    }
.saveButtonDisabled
{
    background: url("../Content/images/save.png") no-repeat scroll 0 -17px transparent;
    }
.printButtonActive
{   
    background: url("../Content/images/print.png") no-repeat scroll 0 0 transparent;
    }
.printButtonDisabled
{
    background: url("../Content/images/print.png") no-repeat scroll 0 -17px transparent;
    }
.viewThumbnailButtonActive
{   
    background: url("../Content/images/viewThumbnails.png") no-repeat scroll 0 0 transparent;
    }
.viewThumbnailButtonDisabled
{
    background: url("../Content/images/viewThumbnails.png") no-repeat scroll 0 -17px transparent;
    }
.fitButtonActive
{   
    background: url("../Content/images/fit.png") no-repeat scroll 0 0 transparent;
    }
.fitButtonDisabled
{
    background: url("../Content/images/fit.png") no-repeat scroll 0 -17px transparent;
    }
.zoomInButtonActive
{   
    background: url("../Content/images/zoom_in.png") no-repeat scroll 0 0 transparent;
    }
.zoomInButtonDisabled
{
    background: url("../Content/images/zoom_in.png") no-repeat scroll 0 -17px transparent;
    }
.zoomOutButtonActive
{   
    background: url("../Content/images/zoom_out.png") no-repeat scroll 0 0 transparent;
    }
.zoomOutButtonDisabled
{
    background: url("../Content/images/zoom_out.png") no-repeat scroll 0 -17px transparent;
    } 
.pdfViewerButtonActive
{   
    background: url("../Content/images/pdfViewer.png") no-repeat scroll 0 0 transparent;
    }
.pdfViewerButtonDisabled
{
    background: url("../Content/images/pdfViewer.png") no-repeat scroll 0 -17px transparent;
    }               
.ShowPdfLinkTextStyle
{
    color: Red;
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
    vertical-align: middle;
}
.saveOptions
{
    position: absolute;
    background-color: White;
    left: -10px;
    top: 25px;
    border: solid thin Gray;
    }
.printOptions
{
    position: absolute;
    background-color: White;
    left: 5px;
    top: 25px;
    border: solid thin Gray;
    }
.fitOptions
{
    position: absolute;
    background-color: White;
    left: 200px;
    top: 25px;
    border: solid thin Gray;
    }
#SpecificPagesdiv
{
    font-size: small;
    margin-bottom: 5px;
}
.SpecificDivlabel
{
    float: left;
    color: #000;
    font-weight: bold;
    font-size: 8pt;
    padding-top: 3px;
    margin-right: 2px;
}

.arrowLeftBtn
{
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.arrowRightBtn
{
    width: 16px;
    height: 16px;
    cursor: pointer;
}


#docDetailCartHolder
{
    position: fixed;
    bottom: 0px;
    background: White;
    border: thin solid #444;
    text-align: center;
    padding: 7px;
}

.listDocDetails
{
    display: inline-block;
    float: left;
    margin-bottom: 1px;
    position: relative;
    z-index: 91;
    text-align: left;
    text-overflow: ellipsis;
}

.listDocDetails a
{
    text-decoration: underline;
    color: Blue;
    cursor: pointer;
}

.expand
{
    position: absolute;
    right: 0px;
    top:50%;
    z-index: 9;
    }

.expandDown
{
    position: absolute;
    right: 0px;
    bottom:0px;
    z-index: 9;
    }

.detailsToggle
{
    width: 25px;
    float: right;
    cursor: pointer;
    margin-top: -5px;
    }

.listDocDetails span
{
    border-bottom: thin solid #ccc;
    white-space: nowrap;
    overflow-x: visible;

}
.docDetailRow
{
    width: 100%;
    clear: both;
    border-bottom: thin solid #cccccc;
}
.detailLabel
{
    width: 90px;
    float: left;
    text-align: left;
    font-weight: bold;
    display:inline-block;
}

.backToSearchLabel
{
	font-size: 8pt;
	padding: 3pt 0 3pt 0;
	text-align: center;
	width: 100%;
	cursor:hand;
}

/*-------------------Support Pages------------------*/


.SupportDivStyle
{
    padding: 10px;
    width: 900px;
    margin: 0;
    cursor: pointer;
}

.SupportDivStyle h3
{
    background: #e9e7e7 url(/Content/Images/arrow-square.gif) no-repeat right -51px;
    padding: 7px 15px;
    margin: 0;
    border: thin solid #444;
    cursor: pointer;
}

.SupportDivStyle h3.active
{
    background-position: right 5px;
}

.SupportDivStyle h3:hover
{
    background-color: #e3e2e2;
}
.FaqStyle
{
    font-size: 1em;
    margin-bottom: 15px;
}

.FaqAnswerStyle
{
    padding: 10px;
    width: 900px;
    margin: 0;
    cursor: pointer;
}

.FaqAnswerStyle h4
{
    background: #e9e7e7 url(/Content/Images/arrow-square.gif) no-repeat right -51px;
    width: 700px;
    padding: 7px 15px;
    margin: 0 auto;
    border: thin solid #444;
    cursor: pointer;
}

.FaqAnswerStyle h4.browserActive
{
    background-position: right 5px;
}

.FaqAnswerStyle h4:hover
{
    background-color: #e3e2e2;
}

/*---------------Posting Board Pages----------------*/

.GridRowStyle
{
    background-color: #9AB2CB;
    font-family: Verdana;
    font-size: 8pt;
    color: white; /*BackColor="#B7C8CA" Font-Names="Verdana" Font-Size="8pt" ForeColor="White"*/
}

.DecimalStyle
{
    text-align: right;
}

.GridAlternatingStyle
{
}

.GridHeaderStyle
{
    background-color: White;
    font-weight: bold;
    font-family: Verdana;
    font-size: 8pt;
    text-align: center;
    color: Black; /*BackColor="White" Font-Bold="True" Font-Names="Verdana" Font-Size="8pt" ForeColor="Black" */
}

/*-----------------Agent Pages-------------------*/

.AccountActivationMessageStyle
{
    font-size: 10pt;
    padding: 15pt;
}

.AgentFaultMessageStyle
{
    color: Red;
}

.AgentFormLabelStyle
{
}

.AgentInfoFormDivStyle
{
    width: 956px;
}

.AgentSubmitButtonDivStyle
{
    padding-left: 100pt;
}

.AgentTextStyle
{
    width: 170px;
}

.t-last a
{
    text-decoration: underline;
}

.t-last a:hover
{
    background-color: #19314b;
    color: White;
}

.myAccountRow
{
}

.myAccountItem
{
    width: 300px;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

.myAccountItem h2
{
    border-bottom: thin solid #ccc;
}
.myAccountItem ul
{
    list-style: none;
}
.myAccountItem li
{
    margin-left: -35px;
}

.accountFormLabel
{
    display: inline-block;
    margin-bottom: 10px;
    padding-top: 3px;
    width: 115px;
    text-align: right;
    zoom: 1;
    float: left;
}

.accountFormLabel2
{
    display: inline-block;
    margin-bottom: 10px;
    padding-top: 3px;
    width: 250px;
    text-align: right;
}

.accountFormInput2
{
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
    text-align: left;
    width: 165px;
}

.accountFormInput
{
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
    text-align: left;
    width: 200px;
    zoom: 1;
    float: left;
}

.passwordFormLabel
{
    display: inline-block;
    margin-bottom: 10px;
    padding-top: 3px;
    text-align: right;
    zoom: 1;
    float: left;
}

.passwordFormInput
{
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
    text-align: left;
    width: 200px;
    zoom: 1;
    float: left;
}

#tooltip2
{
    position: relative;
    background: White;
}

#tooltip2 a span
{
    display: none;
    color: #FFFFFF;
}

#tooltip2 a:hover span
{
    display: block;
    position: absolute;
    width: 120px;
    left: 17px;
    top: -20px;
    padding: 4px;
    font-weight: normal;
    background-color: #fff;
    color: #696969;
    border: thin solid #8CA1B3;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    z-index: 99;
}

#tooltip3
{
    position: relative;
    background: White;
}

#tooltip3 a span
{
    display: none;
    color: #FFFFFF;
}

#tooltip3 a:hover span
{
    display: block;
    position: absolute;
    width: 120px;
    left: 17px;
    top: -20px;
    padding: 4px;
    font-weight: normal;
    background-color: #fff;
    color: #696969;
    border: thin solid #8CA1B3;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    z-index: 99;
}

#tooltip4
{
    position: relative;
    background: White;
}

#tooltip4 a span
{
    display: none;
    color: #FFFFFF;
}

#tooltip4 a:hover span
{
    display: block;
    position: absolute;
    width: 120px;
    left: 17px;
    top: -20px;
    padding: 4px;
    font-weight: normal;
    background-color: #fff;
    color: #696969;
    border: thin solid #8CA1B3;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    z-index: 99;
}

.editInfo
{
    width: 925px;
    padding: 5px;
    position: relative;
    z-index: 90;
    clear: both;
}

.validation-summary-errors
{
    color: darkRed;
}

* + html .t-tabstrip .t-calendar .t-content
{
    display: block !important;
}

.Disabled
{
    display: none;
}

.ElementViewable
{
    display: block;
}

.ElementHidden
{
    display: none;
}

.myAccountItem li
{
    border-bottom: thin solid #ccc;
    }

.t-grid-header .t-header .t-link
{
    margin-right: -2em;
}
.t-grid .t-header, .t-grid .t-header .t-link
{
    line-height: normal !important;
}

.t-grid-content .t-grid-content
{
    height: auto !important;
    }

/*#SearchGridDiv .t-toolbar, #SearchGridDiv .t-grid-toolbar
{
    width: 100px !important;
    margin-left: 125px !important;
    text-align: center; 
    background: transparent !important;
    font-size: 90% !important;
    position: relative;
    border-bottom: none;
    z-index: 90;
    margin-top: -33px;
    }*/

#SearchGridDiv .t-toolbar, #SearchGridDiv .t-grid-toolbar
{
    width: 85px !important;
    margin-left: 60px !important;
    border-bottom: none !important;
    background: transparent !important;
    font-size: 90% !important;
    z-index: 90;
    position: absolute;
    top: -30px;
    left: -3px;
}

#boxHolder
{
    width: 75%;
    margin: 2% auto 0;
    }

#boxHolder2
{
    width: 65%;
    margin-left: 10px;
    margin-right: auto;
    }

#SearchGridDiv .t-grid-pager
{
    border-bottom: 1px solid #ccc !important;
}
#SearchGridDiv
{
    position: relative;
}

#gridOptions
{
    position: relative;
    z-index: 99;
    zoom: 1;
}

.whiteSpace
{
    white-space:normal;
    }

.noWhiteSpace
{
    white-space: nowrap;
    }
.csvButton
{
    font-size: .9em !important;
}

.gridHeader
{
    border-bottom: 1px solid #ccc;
}

/*Appointment Scheduler*/
.marriageIndexDiv
{
    width: 190px;
    display: inline-block;
    border: 1px solid #CCC;
    padding: 10px;
    moz-border-radius: 5px;
    border-radius: 5px;
    background-color: White;
    margin: 0 5px 10px 5px;
    height: 150px;
}

#applicationHolder
{
    width: 925px;
    padding: 5px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.applicantHeader
{
    width: 350px;
    padding: 5px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.applicantInfo
{
    border: 1px solid #CCC;
    width: 350px;
    padding: 5px;
    moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    z-index: 90;
    background-color: White;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    background-color: White;
    display: inline-block;
}
.marriageApplicantFormLabel
{
    margin-bottom: 3px;
    width: 110px;
    display: inline-block;
}

.marriageApplicantFormInput
{
    margin-bottom: 3px;
    text-align: left;
    width: 200px;
    display: inline-block;
}

/*receipt  page*/
.receiptColumn1
{
    width: 400px;
    display: inline-block;
    padding: 3px;
    vertical-align: top;
    float: left;
}
.transactionReceiptSection
{
    width: 99%;
    display: inline-block;
    padding: 3px;
    vertical-align: top;
    float: left;
}
.transactionIdCell
{
    float: left;
}
.receiptNumberCell
{
    float: right;
}
.receiptLogo
{
    width: 400px;
    display: inline-block;
    padding: 3px;
    float: left;
}

.transaction
{
    clear: right;
}

.t-state-selected, .t-state-selected .t-link, .t-state-selected.t-link
{
    color: #444 !important;
}
.t-grid-header .t-header .t-link
{
    margin-left: -.5em !important;
}
#btnSearch[disabled]
{
    color: #ddd;
    border-color: #ccc;
}
#btnButton[disabled]
{
    color: #ddd;
    border-color: #ccc;
}

#fldOptions:focus
{
    width: 80px !important;
}
.wide-datepicker label
{
    margin-left: 25px;
}

.grip{
	width:20px;
	height:30px;
	margin-top:-3px;
	background-image:url('../img/grip.png');
	margin-left:-5px;
	position:relative;
	z-index:88;
	cursor:e-resize;
}

.grip:hover{
	background-position-x:-20px;
}

.dragging .grip{
	background-position-x:-40px;
}

.dotted{
	background-image:url('../img/dotted.png');
	background-repeat:repeat-y;
}
/*doc legal fields positioning---------------------------------------*/
.hide
{
    display:none;
    }
.position01, .position02, .position03, .position04, .position05, .position06, .position07, .position08, .position09, .position10,
.position11, .position12, .position13, .position14, .position15, .position16, .position17, .position18, .position19, .position20,
.position21, .position22, .position23, .position24, .position25, .position26, .position27, .position28, .position29, .position30
{
    position: absolute;
    width: 460px;
    border-top: thin solid #eee;
    }
.position01, .position03, .position05, .position07, .position09, .position11, .position13, .position15,
.position17, .position19, .position21, .position23, .position25, .position27, .position29
{
    border-left: thin solid #eee; 
    left: 4px;
    }
.position02, .position04, .position06, .position08, .position10, .position12, .position14, .position16,
.position18, .position20, .position22, .position24, .position26, .position28, .position30
{
    border-right: thin solid #eee; 
    left: 461px;
    }
.position01, .position02
{
    top: 30px;
    }
.position03, .position04
{
    top: 54px;
    }
.position05, .position06
{
    top: 78px;
    }
.position07, .position08
{
    top: 103px;
    }
.position09, .position10
{
    top: 128px;
    }
.position11, .position12
{
    top: 153px;
    }
.position13, .position14
{
    top: 178px;
    }
.position15, .position16
{
    top: 203px;
    }
.position17, .position18
{
    top: 228px;
    }
.position19, .position20
{
    top: 253px;
    }
.position21, .position22
{
    top: 278px;
    }
.position23, .position24
{
    top: 303px;
    }
.position25, .position26
{
    top: 328px;
    }
.position27, .position28
{
    top: 353px;
    }
.position29, .position30
{
    top: 378px;
    border-bottom: thin solid #eee;
    }
#legalWrapper
{
    }
#_atalaVwrSetout_ov
{
    overflow: hidden !important;
    }
/*------FireFox Specific Styling --------------*/
@-moz-document url-prefix()
{
    .t-button
    {
      padding: 1px !important;
      padding-left: 1px !important;  
    }
    .cartButton
    {
     top: 4px !important;   
        }
    .criteriaButtonHolder
    {
        bottom: -22px !important;
        }
    .searchTools
    {
       padding: 0px 0px 2px !important;
        } 
     #SearchGridDiv .t-toolbar, #SearchGridDiv .t-grid-toolbar
    {
        top: -31px;
        }
    #SubscriptionNotice
    {

        background: -moz-linear-gradient(top center , rgba(255,255,255,255), rgba(255,255,255,0)) no-repeat scroll 0 0 transparent !important;
        }
    #BalanceWarning
    {
        background: -moz-linear-gradient(top center , rgba(255,255,255,255), rgba(255,255,255,0)) no-repeat scroll 0 0 transparent !important;
        }
}

#divColSelector
{
	background-color:White;
	border: 1px solid gray;
	display: none;
	left: 70%;
	position:absolute;
	top: 30px;
	z-index: 1000000000;
}

.WaitGif
{
	background:white;
	text-align:center;
	width:100%;
	z-index : 10000;
}

.tblResultsPrintStyle
{
	margin: 0;
	padding: 0;
	border-spacing:0;
	border-top: 1px solid gray;
	border-right: 1px solid gray;
	font-size: 100%;
	font: inherit;
	overflow:scroll;
	vertical-align: baseline;

}
.tblResultsPrintStyle tr
{
	border:none;
}

.tblResultsPrintStyle th
{
	border-left: 1px solid gray;
	border-bottom: 1px solid gray;
}

.tblResultsPrintStyle td
{
	border-left: 1px solid gray;
	border-bottom: 1px solid gray;
	padding: 5px;
}

.divResultsPrintStyle
{
	background-color: White;
	color:Black;
	display:none;
	font-family: Arial;
	left:0;
	overflow:scroll;
	position:absolute;
	height: 100%;
	top:0;
	width: 100%;
	z-index: 100000;
	
}

.divPrintCriteriaStyle
{
	font-size: 14px;
	font-weight:bold;
	padding: 5px;
	text-align: center;
	width: 100%;
}

.divPrintReleaseInfoStyle
{
	font-size: 14px;
	font-weight:bold;
	padding: 5px;
	text-align: center;
	width: 100%;
}

.divResultsPrintButtonsStyle
{
	margin: 5px;
	text-align:right;
	width: 80%;
	padding: 5px;
}

.reportFrame
{
    border: 0px solid transparent; 
    background-color: transparent;
    height: 620px;
    width:99%;
    margin-top:5px;
}

#viewReportDiv
{
    position: relative;
    height:auto;
    width:auto;
}
#reportFrameDiv
{
    position:relative;
    width:99%;
}
#divAroundFrame
{
   /*padding: 0px 4px 0px 5px;
   border: 1px solid #999999;
   border-radius: 15px;
   width: 55%; */
       background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0 5px;
    position: relative;
    width: 99%;
    height: 100%;
    z-index: 90; 
}
#divAroundFrameTitle
{
    position: relative;
    width: 100%;
    text-align: center;
  
}
#reportWaitingImage
{
    width: 99%;
    text-align: center;
}

.ReportInstructions
{
    font-size:medium;
    width:95%;
    text-align:left;
}


#formCaptcha
{
    margin: 0 auto;
    text-align: left;
    
}

#recaptcha_area
{
    margin: 0 25% 0 25%;
}

span#recaptcha_privacy {
    display:none;
}

.escrowBalance {
    position: relative;
    top: -10px;
    left: -80px;
}


.settingsStyle {
    font-size: 12px;
}

.displaynone {
    display:none;
}


.ParcelLinksStyle {
    color:blue;
    text-decoration:underline;
    cursor:pointer;
}