/* Layout and style based on Bluerobot.com - http://www.bluerobot.com/web/layouts/  */
/* global style settings  (css1 selectors) */

html, body,  form {
	margin: 0;
	padding: 0;
	border: 0;
    }

body {
/* 	color: #333333;  #000*/
	color: #333333;
	background: #ffffff;
	font-family: verdana, lucida, arial, geneva, sans-serif;
	font-size: 11px;
	padding-bottom: 25px;
    }

/* NOTE on font-size - small (med is normal default in older browsers, msft's sm = med; med ~ 12 px) */

.test { border:1px dotted green; }

/* zero - use instead of br (br's can get mucky) */
.zero, .faq, h1, h2, h3, h4, h5, h6 { padding:0em; margin:0em; border:0em; }

/* zeroTop - emailTemplate, faq, legal */
.zeroTop { margin-top: 0em; padding-top:0em; }  /* FAQ */

/* zeroBottom - emailTemplate, faq, itemsOut, libItemsOut, libraries, testimonials */
.zeroBottom, .legal { margin-bottom: 0em; padding-bottom:0em; }  /* FAQ, libraries, copyright */

/*! zeroLeft - calendars div.box, regCards ** see if below can be replaced  */
.zeroLeft { padding-left:0em; margin-left:0em; border-left:0em; }

.zeroBorder, .items { border:0em; }

/***** styles *****/
.bold { font-weight: 600; }

.bolder { font-weight: 600; color:#333; }

.softBold, .select  { color:#555; font-weight:600; }

.italic { font-style: italic; }

.oblique { font-style: oblique; }

.normalBold { font-size:.85em; }

.normal { font-style: normal; color: #333; font-weight: normal; font-size:1em; }

.nowrap, .thItems, .dueDate { white-space: nowrap; }

.inline { display: inline; }

.center, p.center { text-align: center; }

/* input tags for txtbxs, checkbxs, btns */
input { font-size:1.1em; }

/* 50% width editAcct */
.50pct { width:50%; }

/* addCard, signUpAddCard */
.seventypct { width:70%; margin: 3em 0em 0em; }

/* handle msg colour */
.notrenewed, .errMsg, .trErrMsg { color:red; }

.renewed { color:green; }

/* smNote - editOptions, editSignIn, signUp, signUpOptions, signIn, header, requestLib, tellAFriend */
.smNote, .70pct { font-size:.85em; }

/* word "note" - deleteAcct, faq, verify */
/* note - feedback, register, techworks */


.smBx { 
    font-size:.85em; 
    margin: 3em 0em 0em;
    width: 70%;
    }

abbr, acronym, .help, .tooltip { border-bottom: 1px dotted #333; } /* cursor: help; */

/* upFontSize:default select:faq */
.upFontSize, .select { font-size:1.1em; }

/* faq */
.select { font-family: bookman old style, times roman, serif; }

/***** legal *****/
hr { width:95%; }

/***** divs - containers, boxes
** need to use .box to contain datagrids otherwise dg stretches outside view area
** also used for a links  *****/

p, table, div.newLine {
	display: block;
	font-family: verdana, lucida, arial, geneva, sans-serif;
	font-size: 1em;
    }

p, table { line-height:1.1em; padding:0em; border:0em; }

/* box - wrapper for dataGrids - libItemsOut, itemsOut, FAQ */
p, .box { margin:0em 0em 1.3em 0em; }

.box { border:0em; }

div.newLine { margin:0em; }

/***** headers *****/
h1, h2, h3, h4, h5, h6 { font-family: verdana, lucida, arial, geneva, sans-serif; }

h1, h2 { margin-bottom:.5em; }      

h3, h4, h5 { margin-bottom:.25em; }

h1 { font-size: 2.2em; }    /* ~ 24 px */

h2 { font-size: 1.8em; }    /* ~ 20 px */

h3 { font-size: 1.5em; }    /* ~ 16 px */

h4 { font-size: 1.3em; }    /* ~ 14 px */

h5 { font-size: 1.1em; color: #888; }    /* ~ 12 px */

h6 { font-size: 1em; }      /* ~ 11 px */

h1, h2 { color: #ccc; }   /* light gray */

h3, h4, .gray { color:#999; }

.testColor { color: #999; }

/* layout and styles: contents */
.bordered { border:1px solid #ccc; }

/* use instead of hr (faq.aspx) */
.hrTop { border-top:1px dotted #333; margin-top:1px; }

.hrBottom, .hrBottomGray { margin-bottom: 1px; border-bottom: 1px solid; }
/*
.hrBottom { border-bottom: #333 1px solid }

.hrBottomGray { border-bottom: #ccc 1px solid }
*/
/* text align */
.alignLeft { text-align:left; }

.alignRight { text-align:right; }

.vAlignTop { vertical-align:top; }

.vAlignBottom { vertical-align:bottom; }

/* container for img */
.floatRight { float:right; }

.floatLeft { float:left; }

div.floatLeft img {
    padding-bottom:1px;
    margin:0px;
    text-align:center;
    }

/* caption for img */
div.floatLeft p {
    clear:both;
    padding-bottom:.3em;
    margin:0em;
    text-align: center;
    }

/* keeps sides clear on float element
   spacer editCards, regCards */

.clear, .row, .sectionRow, .sectionXRow, div.spacer { clear:both; }
.clearRight { clear: right }
.clearLeft { clear: left }

/***** general style for links *****/
a { text-decoration:none; background: transparent; }   /* color:#555;  */
a:link, a:visited { color: #000066; }  /* dark blue */
a:hover { color: #09c; text-decoration : underline; }
a:active { color: #526968;}  /* 00728A<->sea foamy */

div.bxNBar a, div.bxMenu a { font-weight:600; color:#b0b0b0; }
div.bxNBar a:link, div.bxMenu * a:link, div.bxNBar a:visited, div.bxMenu a:visited { color:#07a; font-weight:600; }  /* unvisited and visited link */
div.bxNBar a:hover { text-decoration : none; }
div.bxNBar a:active, div.bxMenu a:active { color:#660000; } /* same color as .note */

div.bxContents a { font-weight:normal; }
div.bxContents a:link, div.bxContents a:visited { color:#0000aa; }  /*  #002280 <->dark blue  */
div.bxContents a:hover { color: #660000; }

/** link styles for: libItems out
*** (Note: all styles for email, incl thItems, in emailTemplate) **/
.box .thItems a { font-weight:600; text-decoration : underline; }
.box .thItems a:link, .box .thItems a:visited { color: #ffffff; }
.box .thItems a:hover { color: #99ccff; }
.box .thItems a:active { color: #99ccff;} /* 526968 */

/*
.box .thItems a:link, .box .thItems a:visited { color: #555588; }
.box .thItems a:hover { color:#000066; }
.box .thItems a:active { color:#000066;} 
*/

.box .trItem a:link, .box .trItemAlt a:link { color:#000066; }  /* trItem, trItemAlt default color */
.trItemDigital, .trItemAltDigital { color: #000066; } <!-- currently same aside regular items -->
/* .box .trItem a:visited, .box .trItemAlt a:visited { color:#003366; } */
.box .trItem a:hover, .box .trItemAlt a:hover { color:#002280; text-decoration:underline;}

/** had to incl in items.aspx as it didn't work when in elfStyle.css **/
.box a, .box a:link { text-decoration : underline; }

div.bxCopy a, div.bxCopy a:link, div.bxCopy a:visited { color: #666699; font-weight:600; }  /* dark blue { color: #000066; #666699 } */
div.bxCopy a:hover { color: #909090; }
div.bxCopy a:active { color: #b0b0b0;}  /* 00728A<->sea foamy */

/* layout and styles for subDivs/sections */
/* layout and styles: masthead */
div.bxMast { padding:.25em .5em .25em .25em; }

div.bxMast h1 {
	display: inline;
    font-size: 2.5em;
	color:#003366;
    }

div.bxMast .subtitle {
	color:#003366;
    font-style: oblique;
    font-size:1.2em;
    }

/***** layout and styles: navigation bar *****/
#subDiv0-2 {
	border-style:solid;
	border-color:black;
	border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
	background-color:#eee;
}

div.bxNBar {
	clear:both;
	margin:0;
	height:1.75em;
    text-align:center;
	font-size:inherit;
    color:#555;
    }

div.bxNBar span.left, div.bxNBar span.right {
    position:relative;
    width: 49%;
    padding-top:.5em;
    }

div.bxNBar span.left {
    float: left;
    padding-left:.5em;
    text-align: left;
    }

div.bxNBar span.right {
    float: right;
    padding-right:.5em;
    text-align: right;
    }

/* prev
.bxCopy {
	clear:both;
	padding:5em 0em 9em 1em;
    margin: 0em 1em 1em .5em;
    font-size: .9em;
    }

.bxCopy .legal { margin-bottom:.5em; }

.bxCopy.copyrightText, .important {
	color:#999;
	font-weight:800;
    margin-bottom:1em;
    }

    margin: 1em 1em 1em .5em;
    padding:1.2em 1em 5em;

 prev */

/* layout and styles (left margin & padding similar as bxContents)
** copyright, legal (copyright.ascx, emailItemsOut.aspx) */
.bxCopy {
	clear:both;
	padding:2.5em 0em 5em;
    margin: 0em 0em 1em 0em;
	color:#999;
	font-weight:800;
    }

/* .bxCopy.legal .bxCopy.copyrightText { position:relative; }  /* left:1.5em; */

.bxCopy.copyrightText, .important {
	color:#999;
	font-weight:800;
    }

.legal, .copyrightText { font-size: .9em; }

/* layout and styles: navBar, menu */
div.bxNBar, div.bxMenu { font-weight:600; }

/* layout and styles: menu */
div.bxMenu {
    padding: 1.2em 1em;
    margin: 1em .25em 1em 1em;  /*     margin: 1em; */
	background-color:#eee;
	border:1px dashed #999;
    }

div.bxMenu h5 { color: #333333; }

div.bxMenu dd { color:#555; font-weight:600; }

/* menu, contact, FAQ */
dl { margin:0em 0em 1em 0em; padding-top:0em; font-size:inherit; }

/* register, regOptions */
ul { margin:0em 1.5em .5em 1.5em; padding-top: 0em; }

dt {
    font-weight:600;
    color: #333333;
    padding-top:.75em;
    }

dt, dd, li { padding-bottom:.3em; }

dd, li { margin-left:.75em; }

div.bxMenu sup { font-size:.9em; }

/* faq, libraries, testimonials */
blockquote {
 /* comment out as it does not work in IE7
   padding:.5em 1.5em;
    margin:0em 1.5em 1.5em;*/
	}

blockquote dl {
/*  	list-style: &#187;
 	list-style: none; */
    margin:0em 1.25em .5em 1.5em;
    text-indent: -.75em;
    }

/* blockquote p { padding-bottom:1em; margin-top:0em; border:1px dotted green; } */

blockquote p.end { padding-bottom:0em; margin-bottom:0em; }

blockquote table { margin:.75em 1em .75em 3em; }

blockquote li:before { display: inline; content: "&#187"; }

div.bxContents {
	position:relative;
    padding:1.2em 1em 2.5em;
    margin: 1em 1em 1em .5em;
    font-size:inherit;
}

.bxContents h2, h3 { letter-spacing: 1px; }

/* emailTemplate, libItemsOut, delAcct, regCards, reqLib */
.spacerRow { margin:.3em 0em 1em 0em; }

/* for use in single row (ie emailTemplate, editAcct, faq, itemsOut ) */
div.row { padding: 1em 0em 1em 0em; margin:1em 0em 1em; }

/* faq */
div.rowFirst { padding: .5em 0em 1em 0em; margin: 0em 0em 1em 0em; }

/* ack addCard contact delAcct editCards editOptions editSignIn
** faq feedback itemsOut legalPop privacyPop
** regCards regConfirm register regOptions requestLib
** signIn viewedByOthers */
div.sectionRow { padding: .75em 0 .75em; margin: 1.75em 0 2em; }

/* signOut tellAFriendOK feedbackOK getPasswordOk requestLibOk timeOut delAcctOk */
div.sectionXRow { padding: .75em 0 .75em; margin: 2.75em 0 9em; }

/* set spacing between buttons (.txtBtn and regular)
** editAcct, */
.setSpace { padding:.25em .25em; margin:0em .25em; }

/* text buttons
** ack contact delAcctOk editAcct editCards feedbackOk getPasswordOk
** legalPop privacyPop regConfirm reqLibOK signOut viewedByOthers */
.txtBtn {
	color: Gray; /**/
	font-size: 1em;
	border: 1px solid Gray;
	text-align: center; 
	line-height: 150%;
    }

.txtBtn.tab { margin:.5em 0em 0em; } /* edit acct */

.txtBtn a:hover { background-color:transparent; }

/* set width for buttons */
.btn { width:6em; }

/* addCard, editOptions, editSignin, feedback, getPassword, signUp, signUpCards, signUpOptions, reqLib, signIn - set width and margins for text boxes */
.txtBx { width:15em; margin:0em 1em 0em 0em; }

/* editAcct, signUpOptions, signUpConfirm - to make field data more noticible 
   .highlight - emailTemplate */
.labelTxt, .highlight { color:#660000; }

/* signUpConfirmation */
.stuffer { padding:0em; border:0em; margin:0em 0em .5em 0em; }

.sectionTitle {
    padding:.15em 0em 0em;
    border-bottom:1px solid #777;
    font-size:1.2em;
    font-weight:600;
/*    text-transform: uppercase; */
    }

/* popUps: basic table layout and style */
.newWin, .popUpWin {
    margin: 2.5%;
    padding:1.25em;
    }

.popUpWin th {
    padding: 0em .25em;
    font-size:1.2em;
    color:#777;
    }

.popUpWin tr { border-bottom:1px solid #777; }

/* basic table layout and style;
   note: settings (ie margins) could affect progress bar 
   see p, table settings (font-fam, font-sz, block) */

table 
{
	padding:0em;
	border-spacing:0em;
    vertical-align:top; 
    margin:0em; 
    border:0em; 
    }

/* table for Acct settings */
.dgAcct { 
  /* margin-bottom:.5em; */ 
     padding:0em; margin:0em; border:0em;
     }

th, td { padding:.15em .5em .2em; margin:0; text-align:left; } 

test { border:1px dotted green; }

th, .thItems, .thCards { font-size: 1.1em; font-weight:600; white-space: nowrap; color:#777;     vertical-align:bottom;
    }

/* editOptions, editSignIn, signUp, signUpOptions, etc */
.bordered th {
     border-color: #ccc;
     border-style: solid;
     border-width:0px 0 1px 0;
    }

/*  editAcct, editCards, signUpCards, signUpConfirm, viewedBy */
.thCards { background-color: #000084; }

.thCards, .thItems { color:#ffffff; font-size: 1.1em; }
.trItem, .trItemDigital { background-color:#ffffff; }


/* 
libItems, calendarTemp, emailTemp, viewedByOthers - trItem, trItemAlt, dueDate
editCards, signUpCards - .trAcct, .trAcctAlt
*/
.thItems { 
     background-color:#333399; 
     white-space: nowrap; 
     border:1px solid #ccc;
}

.trItem, .trItemAlt, .trItemDigital, .trItemAltDigital, .trErrMsg { vertical-align:top; }
@import url('file:///C:\Dev\PC\ElfDev\Src_Git\ElfServerSite\ElfServerSite\Content\Site.css');
.trItem, .trItemAlt, .trItemDigital, .trItemAltDigital, .trAcct, .trAcctAlt { border:1px solid #ddd; }

.trItem, .trItemAlt { color:#000066; }

/* 
.cell { color:#000066; }
*/
@import url('file:///C:\Dev\PC\ElfDev\Src_Git\ElfServerSite\ElfServerSite\Content\Site.css');

.thCalendar { color:#555588; }

/* 
.thItems, .trItem, .trItemAlt, .cell { color:#000066; }

.trItem, .trAcct, .trErrMsg, .thCalendar  { background-color:#ffffff; }

.trItemAlt, .trAcctAlt { background-color:#e0e0e0; }
 */

.trAcct, .thCalendar { background-color:#f1f1f1; }

.trAcctAlt { background-color:#e0e0e0; }

.trItemAlt, .trItemAltDigital, .trErrMsg {  background-color:#f1f1f1; }

/*.trItem, .trItemDigital  { background-color:#fefefe; }*/

.due, .highlight { color: #bb2222; }

.dgCards .thCards A { FONT-WEIGHT: 600; COLOR: white; TEXT-DECORATION: underline }

.dgCards .thCards A:link { COLOR: white }

.dgCards .thCards A:visited { COLOR: white }

.dgCards .thCards A:hover { COLOR: #99ccff }