/*================================================================ 
LPM SUPPLIMENTAL STYLESHEET

Designer: Kurt Harzke
Designer Email: harzkek@staff.abanet.org
Deisgner Title: Technology and Communications Manager

NOTE: The styles below are to be used as a supliment to, not
a replacement of the default ABA stylesheets.
================================================================ */

/* LPM PAGE HEADERS =============================================*/

#lpmpageheader {background:#fff url(/lpm/images/backgrounds/header_bg.jpg) left bottom repeat-x; border:1px solid #999; border-right:2px solid #666; border-bottom:3px solid #333; }
#lpmpageheader h2.module-header-blue {border-bottom:3px solid #333; }
#lpmpageheader h2.module-header-blue {border-bottom:3px solid #333; }
#lpmpageheader h2.module-header-dkbl {border-bottom:3px solid #333; }
#lpmpageheader h2.module-header-red {border-bottom:3px solid #333; }
#lpmpageheader h2.module-header-green {border-bottom:3px solid #333; }
#lpmpageheader h2.module-header-gray {border-bottom:3px solid #333; }
#lpmpageheader h2.module-header-dkgray {border-bottom:3px solid #333; }
#lpmpageheader h2.module-header-abablue {border-bottom:3px solid #333; }
#lpmpageheader img.headerimg {float:right; margin:0 0 0 10px; border:none; border-left:2px solid #666; }
#lpmpageheader module-content {border:0px solid #999; height:200px; }


/* CALENDAR FEEDS ===============================================*/

#calendar {font-size:11px; }
#calendar a {font-weight:bold; }
table#OnlineCalendar {width:99%; }
table#OnlineCalendar th{border:2px outset; background-color:#ddd; margin:1px; }
table#OnlineCalendar td{border-bottom:2px outset; background-color:#eee; margin:1px; }


/* BUZZ BOOST RSS FEED STYLES ====================================*/

div.feedBurnerFeedBlock p.feedTitle {color: #000099; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; display: block; list-style-type: none; }
div.feedBurnerFeedBlock a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; display: list-item; list-style-type: none; padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; list-style-image: none; }
div.feedBurnerFeedBlock p.date {color: #000000; display:block; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:11px; margin: 0px 0px 6px; padding: 0px; }
div.feedBurnerFeedBlock p.enclosure {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; display: block; list-style-type: none; margin-left: 15px; }
div.feedBurnerFeedBlock img {display: none; overflow: hidden; position: absolute; visibility: hidden; height: 1px; width: 1px; left: -900px; top: -900px; }


/* RSS FEED STYLES ================================================*/
.rss-box {margin: 1em; width: auto; background-color: #ffffff; border: 1px none #999999; }
.rss-items {margin-top:0px; padding:0.5em; margin-left:0px; color:#666666; }
p.rss-title {padding:0.5em; }
.rss-title {text-decoration: none; font-family: arial; font-size: 12px; background-color:#ffffff; color:#666666; font-weight:bold; margin: 0px; padding:0em; text-align: left; }
.rss-item  {font-family: arial; font-size: 12px; font-weight : normal; list-style:none; padding-bottom:1em; }
.rss-item a {text-decoration : none; color: 333333; font-size: 12px; font-weight:bold; font-family:arial; }
.rss-item a:visited {color:333333; }
.rss-date {font-size: 85%; font-weight : normal; color: #fff; } 


/* SPECIALTY STYLES ================================================*/
div.rotatinglpt img {overflow: hidden; position: absolute; visibility: hidden; height: 1px; width: 1px; left: -900px; top: -900px; }

.button {cursor:hand; height:16px; display:inline-block; text-transform:uppercase; text-decoration: none; padding: 3px 7px; margin-right: -4px; border: 1px outset #ccc; color: #336699; background: #AFBFE1 url(/lpm/ltt/images/buttons/button_litetint.jpg) top left repeat-x; font-weight:bold; }

.pod-play {_width:12em; margin: 0 0.2em; padding: 0.1em 0; _padding:0; white-space:nowrap; text-decoration: none; vertical-align:middle; background: #fb6; color: black; }
.pod-play em {width:1em; cursor:hand; font-style: normal; margin:0; padding: 0.1em 0.5em; background: white; color: #222; }
.pod-play span {width:1em; cursor:hand; margin:0; padding: 0.1em 0.5em 0.1em 0.3em; }
.pod-play:hover {background: #666; color: white; }
.pod-play:hover em {background: black; color: white; }


.alttablerow {border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee;}



/* NEWS TICKER STYLES ================================================*/
#dropcontentsubject{width: 350px; font-weight: bold; display:none; }
.dropcontent{width: 350px; border: 1px none #999999; background-color: #FFFFFF; padding: 3px; display:inline; font-size:11px; }
.dropcontent a{text-decoration:none; }
.dropcontent a:hover{text-decoration:underline; }


/* PROGRESS METER STYLES ==============================================*/
/*PROGRESS: Used only with Dynamic Drive Textarea Progress Meter Script*/
.progress{width: 1px; height: 14px; color: white; font-size: 12px; overflow: hidden; background-color: navy; padding-left: 5px; }
#memoryticker{background-color: #fff; width: 100%; /*font: bold 12px Verdana; *//*Tip: add in height attribute here for multiple line scroller*/
border: 0px none #fff; /*padding: 3px; *//*Change 0.7 below to a different number if desired (0.7=0.7 seconds)*//*Remove below line to remove transitional effect in IE. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7); }
.MeetingNameText {font-weight:bold; }


/* ABA WEB STORE FEED STYLES ============================================*/
.storefeed {padding: 3px 5px; }
.storefeed img {padding: 5px; }
.storefeed p{padding: 0px 3px; margin: 3px 2px; }
.storeimagebuy {float: left; }
.storetitle {font-weight: bold; font-size: 100%; }
.storefeed form {margin: 0; padding: 0; }
.storefeed a.strong {font-weight:bold; }


/*LPM Website Styles =========================================== 
All styles used for LPM should begin with body#lpm

================================================================ */
body#lpm #left {width:59%;}
body#lpm #right {width:38%;}



/*LP MAGAZINE Styles =========================================== 
All styles used for LP Mag should begin with body#lpmag

================================================================ */

body#lpmag div#magvolissue  {float:right; font-weight:bold; }
body#lpmag div.articletitle {font-size:16px; font-weight:bold; }

/** =Article Styles **/
body#lpmag .title {font-size: 130%; margin: 3px 0; }
body#lpmag .author, body#lpmag p.author, body#lpmag div.byline {font-weight: bold;}
body#lpmag #bio {border-top: 1px solid #ccc; padding-top: 10px; }
body#lpmag .abstract {font-style: normal; padding: 0px; font-weight: normal; color:333; }
body#lpmag div#article div.abstract {border-top:1px solid #999;  border-bottom:1px solid #999; font-style: normal; margin:10px 0 10px 0; padding: 3px 10px; font-weight: bold; color:#666; }
body#lpmag div#socialbookmarks {border-top:1px solid #999;  border-bottom:1px solid #999; font-style: normal; margin:10px 0 10px 0; padding:5px;}
body#lpmag .publication {font-weight: bold; color: #000; font-style: italic; }
body#lpmag .dept_name {}
body#lpmag div#article .column_name {background: #010179 url(/images/modules/h2bg_dkblue.gif) repeat-x 0 50%; color: #fff; font-family: Arial, Helvetica, sans-serif;	font-size: 100%; font-weight: bold; padding: 2px 5px; margin: 0;}
body#lpmag div#magvolissue {font-weight:bold; float:right;}
body#lpmag .vol {}
body#lpmag .issue {}
body#lpmag .date {color: #666; font-style: italic;}
body#lpmag #article {float:left; width:59%;}
body#lpmag #left {width:59%;}
body#lpmag #right {width:38%;}
body#lpmag #article_header p {margin: 0; padding: 3px 0 0 0; }
body#lpmag #article_content {line-height: 1.3em; }
body#lpmag #article_content .abstract {font-style: normal;}
body#lpmag #articletools {padding: 5px 10px; text-align: center; border: 1px solid #999; margin: 15px auto; width: 425px; }
body#lpmag blockquote.pullquote {padding: 0 15px 0 25px; padding-top: 5px; width: 200px; float: right; margin: 5px; font-size: 16px; background: url(/nosearch/fredtest/images/openquote.gif) no-repeat top left; line-height: 1.2em; }
body#lpmag blockquote.pullquote p {background: url(/nosearch/fredtest/images/closequote.gif) no-repeat bottom right; margin: 0 -10px 0 0; }
body#lpmag blockquote cite {font-size: 12px; }
body#lpmag div#article_footer {margin: 0; padding: 0; }

/* CSS Form Styles ============================================ 
Uses the class .cssform

================================================================ */


.cssform fieldset {width:60%; background: #cfcfff url(/lpm/magazine/images/subscribeback.gif) repeat-x top left;}

.cssform fieldset p{
width: 95%;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-bottom: 1px groove #ccc;
height: 1%;
}

.cssform fieldset label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform fieldset input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform fieldset textarea{
width: 180px;
height: 100px;
}
.cssform label em {color:#FF0000;}
.cssform fieldset input, textarea, option, select {background: #fff url(/lpm/ltt/images/buttons/formfield.gif) -6px -3px no-repeat; border:1px solid #ccc;}
.cssform  input.button {cursor:hand; height:24px; display:inline-block; text-transform:uppercase; text-decoration: none; padding: 3px 7px; margin-right: -4px; border: 1px outset #ccc; color: #336699; background: #AFBFE1 url(/lpm/ltt/images/buttons/button_litetint.jpg) top left repeat-x; font-weight:bold;}
.cssform  input.button:hover {color: #ff0000; background: #AFBFE1 url(/lpm/ltt/images/buttons/button_litetint.jpg) top left repeat-x; font-weight:bold;}



/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}