/* CSS Document for VRL KnowledgeBank website - Newsletter format(like MotorFinance*/

/* General settings */
body {font: 76%/1.4 Arial, Verdana, Helvetica, sans-serif; background: #A0A0A0; color:#494848; text-align:center; padding:0 0 20px 0; position:relative;}
html {height:100.01%;}

/* Kill browser defaults */
* {margin:0; padding:0;}
img {border:none;}

/* #Wrapper defines the outline of the page.*/
/* main sections contained within #Wrapper are #Topslot, #Header, #Leftnav, #Content  #Footer,  */
div#wrapper {margin:0 auto; text-align:left;  background-color:#fff; padding:0 12px 10px 12px; width:922px; position:relative;} 

/* #Topslot contains #leaderboard(top ad banner), #logInOut, #header*/
div#topslot { width:922px; height:95px; padding:10px 0 5px 0; position:relative;}
div#leaderboard {width: 728px; height: 90px; position:relative}
/*Login Logout form - introduced for the 'temp' solution for Motor Finance & Leasing Life */
div#logInOut {background:#F1F1F1;	border:1px solid #E1E1E1; padding:10px 10px 0 10px;	margin:0 0 0 10px;
					width:170px; height:78px; position:absolute; top:10px;left:733px;}
div#logInOut label {clear:left; cursor:pointer; font-weight:normal; display:block; width:62px; float:left; font-size:.92em;}
div#logInOut input {width:98px; float:left; margin:1px 0 2px 4px; border: 1px solid #E1E1E1; background:#fff;}
div#logInOut input.button {width:auto; float:right; margin:1px 1px 2px 4px; border:none; background:#fff;}
div#logInOut h4  {font-size:0.9em}
div#loggedinDetails  {text-align:left; margin:10px 0 5px 0;}
div#loggedinDetails img {vertical-align:bottom; text-align:right; margin:0 0 0 5px;}



/* #Header */
/* all items within the header (#logo, #sitenav )float, so height must be correct.*/
div#header {width:922px; height: 100px; padding:4px 0 4px 0; margin-bottom:10px; 
            border:solid 1px #dedede; border-right: 0; border-left:0;}
div#logo   {float:left; width:428px; height:96px;}
/* sitenav contains the sitelinks and searchbox*/
div#sitenav {float:right; width:494px;} 
div#sitelinks {float:left; font-size:.92em; margin:5px 0 12px 0; width:494px; }
div#sitelinks ul {float:left; list-style-type:none; padding:0; margin:0 0 0 -8px; }
div#sitelinks ul li {float:left; padding:0;}
div#sitelinks ul li a {background:url(../../../images/assets/nav-separator.png) no-repeat 0 7px; padding:4px 6px 4px 9px;}
div#sitelinks ul li#home a {background:none;}
div#sitelinks ul li.active a {color:#494848;}
div#searchbox {float:left; margin:0 0 0 0; font-size:1em; background:#E3F0FB; padding:6px 10px 6px 10px;}
div#searchbox label {display:none;}
div#searchbox input {width:184px; float:left; margin:1px 0 0 4px; border: 1px solid #B5D3DE; padding:3px 4px 3px 4px; background:#fff;}
div#searchbox input.button {width:auto; float:left; padding:0; margin:1px 10px 0 14px; border:none;}
div#searchbox p {font-size:.92em; margin:8px 0 0 10px; float:left; display:none;}
/* end of header area rules */

/* LeftNav - the Left Hand Navigation Menu List */
div.leftnavgrps {border:solid 1px #E7E1D1; margin-bottom:20px; }
div#leftnav {width:158px; margin:0 0 12px 0; font-size:1em; border:none; float:left;}
div#leftnav ul {list-style-type:none;}
div#leftnav ul li {line-height:1.3; padding:0;}
div#leftnav ul li a {padding:5px 10px; border-bottom:1px solid #E7E1D1; text-decoration:none; display:block; background:#F6F1E4; height:20px; width: 138px;}
div#leftnav ul li a:hover {background:#fff;}
div#leftnav ul li.active a {color:#494848;} 

div#leftnav h3 {margin:0 0 0 0; font-size:1.1em; background:#efe5cc; font-weight:bold; border-bottom:1px solid #E7E1D1; font-family:Arial, Helvetica, sans-serif; padding:6px 10px; }
div#leftnav h4 {width:158px; margin:0 0 6px 0; font-weight:normal; font-size:1em; background:#F6F1E4; border:1px solid #E7E1D1;}
div#leftnav h4 a {padding:6px 10px; text-decoration:none; display:block; width:158px; }
div#leftnav h4 a:hover {background:#fff;}
div#leftnav img {margin:0 0 12px 0;}

/* the following are used by the menu buttons within LeftNav, and elsewhere */
p.menuOut, p.menuOutSelected
    {font: 76%/1.4 Arial, Verdana, Helvetica, sans-serif;color:#494848; text-align:left;font-size:1em; 
     list-style-type:none;  margin: 0; outline:none; color: #0055A5; padding: 5px 0px 4px 10px;
     border-bottom: 1px solid #E7E1D1; text-decoration:none; display:block;  background: #F6F1E4;height: 20px;line-height:1.3}
p.menuOver {font: 76%/1.4 Arial, Verdana, Helvetica, sans-serif;color:#494848; text-align:left;font-size:1em; 
     list-style-type:none; line-height: 1.3; margin: 0; outline:none; color: #0055A5; padding: 5px 0px 4px 10px; 
     border-bottom: 1px solid #E7E1D1; text-decoration:none; display:block;  background: #FFF;height: 20px;cursor:pointer;}
a.menuTypeE {text-decoration:none;display:block; color: #0055A5;margin:0;padding:0 0 0 15px;border-bottom: 1px solid #E7E1D1;} 
a.menuTypeE:hover {text-decoration:none;background: #FFF;cursor:pointer;} 
a.menuTypeJ {text-decoration:none;display:block; background: #F6F1E4;text-align:left;
      color: #0055A5;margin:0;padding:0 0 0 15px;border: 1px solid #E7E1D1;width:40px;} 
a.menuTypeJ:hover {text-decoration:none;background: #FFF;cursor:pointer;color: #0055A5;} 

/* footer */
div#footer {font-size:.92em; width:922px; margin:10px 0 0 0;clear:both;}
div#footer ul {list-style-type:none; padding: 8px 0 15px 0;}
div#footer ul li {float:left; padding:0 0 0 4px;}
div#footer ul li.link {margin:0 0 0 20px;}
div#footer ul li.copyright {margin:0 0 0 20px;}
div#footer ul li a {}
/* end footer */

/* links */
a, a:visited {color:#0055A5; text-decoration:none;}
   a:hover {color:#0055A5; text-decoration:underline;}
a {outline:none;}

/* content area rules  */
   h1, h2, h3 {font-size:1.7em; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; margin:0 0 .4em 0; padding:0; line-height:1;}
   h2.underlined {padding-bottom:10px;border-bottom: 1px solid #E7E1D1;}

/* PAGE SPECIFIC RULES */ 
   div#content,  div#contentnpub, div#contentPastIssues {float:left; margin:0 0 0 5px; padding:20px 20px; border:1px solid #DEDEDE; width:716px;}

/* newsletter_publication ----------------------------------
-   div#contentnpub a[href="#point1"], div#contentnpub a[href="#point2"], div#contentnpub a[href="#point3"]      
-          {margin: 30px 0 0 20px;}
-
-   div#contentnpub a[name="point1"],  div#contentnpub a[name="point2"], div#contentnpub a[name="point3"]     
-          {color: black;}
-   div#contentnpub a[name="point1"],  div#contentnpub a[name="point2"], div#contentnpub p a[name="point3"]     
-          {text-decoration:none; display:block; margin: 40px 0 0 0;}
- /*div#contentnpub li a[name="point3"] {color:green; display:block; margin:40px 0 0;text-decoration:none;}*/
/*   div#contentnpub li {margin:0 0 0 25px; color: black;} */

   div#theNewsLetter ul  {margin:10px 0 20px 30px; }
   div#theNewsLetter ul.theNewsLetterContent  {list-style-type:none; margin:10px; }
   div#theNewsLetter p   {margin: 10px;}  


/* newsletter_article - note right & left margins & padding applied at lowest level to give max room for images*/
   div#contentForArticle  {float:left; margin:0 0 0 5px; padding:0px; border:1px solid #DEDEDE; width:756px;}
   table#newLetterArtData {width:756px; margin: 0; padding: 20px 0 0 0; border:0} 
   table#newLetterArtData td {margin:0; padding:0;}  
   table#newLetterArtData tbody tr:first-child td {margin:0; padding:0 20px 0 20px;}  
   table#newLetterArtData p {margin:10px 20px 0 20px; padding:0; text-align:justify;}
   table#newLetterArtData p.table-source {margin:0; padding:0;}
   table#newLetterArtData table,   
   table#newLetterArtData table tr,
   table#newLetterArtData table p,  
   table#newLetterArtData table td  {margin:0; padding:0; font-size:10px;}  
   table#newLetterArtData img {margin:0; max-width:754px;}
 
 
/* newsletter_current */
   h5 {font-size:1em; margin:1em 0 0 0;}
   hr  {color:#E7E1D1; background-color:#E7E1D1; height:1px; margin-right:20px;}

/* past_issues */ 
   div#contentPastIssues h3 {margin: 10px 0 30px 0; border-bottom:1px solid #DEDEDE; padding: 0 0 10px 0;}
   div#contentPastIssues table  {border: 0;}
   fieldset  {margin:30px 0 10px 20px; border:0;}
   div#contentPastIssues fieldset table  {border-top: 1px solid #DEDEDE;}

/* added for newsletter_archive.php */
   span.legendtext {font-family: Georgia, "Times New Roman",Times,serif; font-size:1.7em; font-weight:normal;
           line-height:1; margin: 0 ; padding:0; text-align:left; color: #494848;}
  input.button {color:#ffffff; background:#00A4E4; margin: 0 0 30px 230px; width:200px;}