/*
    Jordis Books Colors:
        pink: rgb(245,189,162)
        blue: rgb(179,194,201)
        blue border: rgb(179,194,201)
        blue text: rgb(53,80,90)
*/

*                                     {margin: 0; padding: 0;}
body,div,h1,h2,h3,h4,h5,h6,p,form,img {margin:0; padding:0;}
ul                                    {margin: 0px; padding: 0px;}
li                                    {margin: 0px; padding: 0px;}
img                                   {border: 0;}
h1                                    {font-size: 14pt;}
h2                                    {font-size: 12pt; margin-bottom: 5px;}
h3                                    {font-size: 10pt; margin-bottom: 5px;}

body               {font-size: 10pt; color: rgb(53,80,90); background: rgb(255,255,255) url('./../images/bg.png') top left repeat-x; font-family: verdana, Arial, Helvetica, sans-serif;}
#header            {background: transparent url('./../images/header.png') top center no-repeat; width: 900px; height: 100px;}
#mainFrame         {border-top: solid 5px rgb(179,194,201);}
#wrapperFrame      {position: relative; width: 900px; margin: 0 auto; }
#spacerHeader      {height: 5px;}
#mainNavFrame          {color: rgb(119,134,151); margin-top: 4px; font-size: 12pt;}
#mainNavFrame a        {text-decoration: none; color: rgb(119,134,151); font-weight: bold;}
#mainNavFrame a:hover  {text-decoration: none; color: rgb(79,94,101); font-weight: bold;}
#selectedNav           {color: rgb(205,149,122);  font-weight: bold;}
#selectedNav a         {color: rgb(205,149,122);  font-weight: bold;}
#selectedNav a:hover   {color: rgb(205,149,122);  font-weight: bold;}
#selectedNav a:active  {color: rgb(205,149,122);  font-weight: bold;}
#spacerMainNav     {height: 10px;}
#contentFrame      {}
#contentTable      {width: 900px;}
#contentTable td   {text-align: center; vertical-align: top;}
#contentTableTH     {width: 100%; margin: 0 60px 0 0; padding-top: 20px; font-size: 18pt;}
#contentTableTH  td {text-align: center;}
#contentTableTH  h2 {font-size: 18pt;}
.introStatement    {font-size: 12pt; margin: 20px 0px 30px 0px; color: rgb(53,80,90);}

.adframe {background: rgb(245,245,245); border: solid 3px #B3C2C9; margin: 10px 0 10px 0; padding: 10px;}

.welcomeP          {margin: 20px 40px 20px 0px;}
#welcomeIntro      {margin: 17px 40px 0 0px;}

#welcome           {font-size: 10pt;}
#passwordDiv       {margin: 0 0 20px 20px;}
#loginDiv          {margin: 0 0 20px 20px;}
.loginTDLeft       {text-align: right;}

#contactLink         {position: relative; top: -96px; text-align: right; font-size: 9pt;}
#contactLink a       {color: rgb(93,120,130); text-decoration: underline;}
#contactLink a:hover {color: rgb(53,80,90);}

.authorDiv         {margin: 20px; border: solid 3px rgb(179,194,201); background: rgb(230,230,230); min-height: 150px;}
.authorTable       {width: 100%;}
.authorTableTDL    {width: 150px; vertical-align: top;}
.authorTableTDR    {vertical-align: top;}
.authorName        {font-size: 10pt; margin: 20px 0px 10px 20px; color: rgb(53,80,90);}
.authorDiv p       {margin: 0 10px 10px 10px;}
.authorImage       {vertical-align: top;}
.authorDiv h2      {margin: 8px 0 5px 10px;}

.aboutusDiv         {margin: 0 0 20px 0;}
.aboutusDiv p       {margin: 0 10px 10px 10px;}
.aboutusDiv h3      {margin: 0 0 10px 10px; font-style: italic;}

.genreImage        {margin: 10px; border: solid 1px black;}
.bookImage         {vertical-align: top; margin-right: 20px; float: left; width: 150px;}

#genreSelectorDivWrapper {margin-bottom: 20px;}
.selectGenre       {width: 150px;}

#featuredBooksWrapper {width: 440px; margin-bottom: 20px;}
#newReleaseWapper     {width: 440px; margin-bottom: 20px;}
#featuresFirstDiv     {text-align: left; margin: 15px 0 0 0; background: rgb(230,230,230); border: solid 3px rgb(179,194,201);}
#featuresFirstDiv table    {width: 400px; margin: 0 20px 15px 0;}
#featuresFirstDiv td       {text-align: left;}
#featuresDiv          {text-align: left; margin: 15px 0 0 0; background: rgb(230,230,230); border: solid 3px rgb(179,194,201);}
#featuresDiv table    {width: 400px; margin: 0 20px 15px 0;}
#featuresDiv td       {text-align: left;}
#featureTableTDLDiv   {text-align: left; width: 150px;}
#featureTableTDRDiv   {text-align: left; width: 250px; margin: 0 10px 0 10px;}
.featureBookImage     {margin: 0; padding: 0; vertical-align: top; width: 150px;}

#highlightTableTDLDiv {text-align: center; margin-bottom: 20px;}
#highlightDiv {background: transparent url('./../images/highlight.png') top center no-repeat; height: 420px;}

.bookDivWapper        {text-align: left; margin: 15px 0 10px 0; background: rgb(250,250,250); border-top: dashed 1px gray;}
.bookDivWapper td     {vertical-align: top;}
.bookTableTDRDiv      {vertical-align: top; margin: 10px 0 10px 0;}
.bookDiv              {margin: 10px;}

.signupDiv p {margin: 0 50px 10px 50px;}
#signupTable {margin: 0 0 0 60px;}
.signupTDLeft {text-align: right;}

.selectFormat  {width: 100px;}
.downloadBookDiv {margin-left: 20px;}
.downloadBookDiv p {margin-bottom: 20px;}

.detailsHeaderWrapper h3 {font-size: 22pt;}
#detailsTableTDLDiv      {text-align: left; width: 150px;}
#detailsTableTDRDiv      {text-align: left; margin: 0 10px 0 10px;}

.topFrame          {width: 900px; height: 10px; background: transparent;}
.tlCorner          {width: 20px; height: 10px; background: rgb(245,189,162) url('./../images/tl.png') top left no-repeat;}
.trCorner          {width: 20px; height: 10px; background: rgb(245,189,162) url('./../images/tr.png') top left no-repeat;}
.blCorner          {width: 20px; height: 10px; background: rgb(245,189,162) url('./../images/bl.png') top left no-repeat;}
.brCorner          {width: 20px; height: 10px; background: rgb(245,189,162) url('./../images/br.png') top left no-repeat;}
.tframeCenter      {width: 860px; height: 10px; background: rgb(245,189,162);}
.tframeCenter3     {width: 246px; height: 10px; background: rgb(245,189,162);}
.topFrame3         {width: 266px; height: 10px; background: transparent;}

.phlogo30     {background-color: transparent; opacity: .20; filter: alpha(opacity=20); -moz-opacity: 0.20;}
.phlogoOFF    {background-color: transparent; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1;}

#contactWrapper        {height: 350px; background: transparent url('./../images/heads.png') bottom right no-repeat;}
#contactTable          {width: 900px;}
#contactInfoTable      {width: 420px; margin-left: 50px; background: transparent; height: 310px;}
#contactInfoTable td   {text-align: left;}
#contactFormTD         {text-align: left; vertical-align: top; width: 430px; border-right: solid 3px rgb(245,189,162);}
#contactFormTD p       {color: rgb(53,80,90);}
#contactInfoTD         {text-align: left; vertical-align: top; width: 470px;}
#contactInfoTable p    {margin-left: 0px; color: rgb(53,80,90);}
.contactInfoTableTDL   {width: 150px; text-align: right; color: rgb(215,159,132); font-weight: bold; vertical-align: top;}
.contactInfoTableTDR   {text-align: left; vertical-align: top;}
.contactInfoTableTDR p {text-align: left; margin-left: 0;}
.contactInfoTableTDC   {text-align: right;}
#spacerContent         {height: 10px;}

#bottomNavFrame    {color: rgb(159,174,181); font-size: 9pt; text-align: right;}
#bottomNavFrame a  {text-decoration: none; color: rgb(159,174,181); font-weight: bold;}
#bottomNavFrame a:hover  {text-decoration: none; color: rgb(129,134,151); font-weight: bold;}
#spacerBottomNav   {height: 4px;}
#footerFrame       {color: rgb(159,174,181); font-size: 9pt; text-align: right;}
#spacerFooter      {height: 20px;}

.termsDiv p        {margin-bottom: 20px;}
.termsDiv ul       {margin-left: 20px; margin-bottom: 20px;}

form, textarea              {font-size: 11px; font-family: verdana, Arial, Helvetica, sans-serif}
.text, textarea             {margin: 0; background-color: rgb(250,250,250); width: 300px; border: 1px solid rgb(179,194,201); color: #858585; padding: 4px; margin: 2px; font-size: 11px;}
.text:hover, textarea:hover {background-color: rgb(251,255,221); border: 1px solid rgb(149,164,171); }
textarea                    {height: 60px;}


/* CONTROL PANEL */
.accountInfoDiv     {margin: 20px; background: rgb(250,250,250); padding: 10px;}
.accountInfoDiv  ul {margin: 20px;}
.accountInfoDiv p   {margin: 20px 0 20px 0;} 
.accountNav ul      {margin: 20px;}

#eventDetailsTable    {width: 100%; padding-right: 40px; padding-bottom: 20px; margin-top: 10px; vertical-align: top;}
#eventDetailsTable td {vertical-align: top;}
.detailSection        {border: solid 1px rgb(196,196,196);}
.detailsH             {color: rgb(128,128,128); font-style: italic;}
.detailsTDR           {font-weight: bold;  width: 500px;}
.detailsTDL           {text-align: right; width: 125px;}
.detailsDataTable     {width: 100%; padding-bottom: 10px;}
.detailSection        {padding: 20px;}

.titleInfoFields {width: 500px; margin-bottom: 4px;}
.titleInfoArea   {width: 500px; margin-bottom: 4px; height: 80px;}

#signup_email_8392 {width: 300px;}
#signup_password_8392 {width: 300px;}

#mybooksTable {width: 100%; margin: 10px 0 40px 0;}
#mybooksTableHeader {background: rgb(220,220,255);}
#mybooksTableHeader td {border-left: solid 1px black; text-align: center;}
.mybooksTableRow td {border-left: solid 1px black; text-align: center;}

.mybooksTableRowOdd td {border-left: solid 1px black; text-align: center; background: rgb(220,220,220);}
#mybookDetailsTable {width: 100%;}
#mybookDetailsTable td {vertical-align: middle;}