/*
 * @main.books.css
 * @located at /stylesheets/
 * @coder: agee
 * @04.12.08
*/


html {
    margin: 0px;
  }


body {
    margin: 0px;
    padding:0;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    background-color: #FFFFFF;
  }

h1,h2,h3,h4,h5 {
    color : #116272;
    font-weight : bold;
    padding-bottom : 2px;
    padding-left : 0px;
    padding-right : 2px;
    padding-top : 2px;
  }


h1 {
    font-size : 1.5em ;
    font-weight: normal;
  }


h2 {
    font-size : 1.3em ;
  }


h3 {
    font-size : 1.1em ;
  }


h4 {
    font-size : 0.9em ;
  }


#header {
    background-color: #07a4ca;
    width: 100%;
    height: 120px;
    background-image: url(../images/main.jpg);
    background-repeat: no-repeat;
  }


#login {
    position: relative;
    float:right;
  }


#sidebar .adsense {
    position: relative;
    float : right ;
    margin-top: 25px;
  }


#livehelp {
    float: left;
    margin-top : 25px;
  }


.expand_text {
    background: inherit;
    list-style: decimal;
    cursor:pointer;
    font-size : 1.2em;
    text-align:left;
    color:Blue;
  }


.switchcontent {
    font: normal 12px/1.5 Tahoma, Geneva, sans-serif;
    color:#8000ff;
    cursor: default;
    background-color:#EFEFEF;
    margin : 10px;
    padding-left : 10px;
    padding-right : 8px;
  }


#loginbox {
    width: 200px;
    height: 100px;
    float: right;
    padding: 2px;
    background-color: #42b9d6;
    border-color: #058aaa;
    border-style: solid;
    border-width: thin;
    color: #1d1d1d;
    font-weight: bold;
    margin: 5px;
    font-size: 10px;
    text-align: center;
  }

#loginbox a{
  font-weight: bold;
}

#loginbox a:hover{
  background-color: inherit;
}

#mainbox {
    background-color: #FFFFFF;
    width: 72%;
    height: auto;
    float: left;
    overflow: auto;
    padding: 1%;
  }

.clear {
    clear: both;
  }

#footer {
    background-color : #ffffff;
    border-bottom-width : 0px;
    border-left-width : 0px;
    border-right-width : 0px;
    border-top-width : 0px;
    bottom : 40px;
    color : #3e3e3e;
    font-size : 10px;
    font-weight : bold;
    height : 20px;
    margin-bottom : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    position : static;
    text-align : right;
    vertical-align : bottom;
    width : 100%;
  }


.desc {
    float: left;
    width: 28%;
    height: 25px;
    vertical-align: middle;
    text-align: right;
    padding: 1%;
  }


.element {
    float: left;
    width: 68%;
    height: 25px;
    padding: 1%;
  }


.textbox {
    background-color: #FFFFFF;
    border-color: #999999;
    border-style: solid;
    border-width: thin;
    font-size: 9px;
    color: #333333;
  }


.left_button {
    float: left;
    width: 60%;
    height: 20px;
    vertical-align: middle;
    text-align: right;
    padding: 1%;
  }


.right_button {
    float: left;
    width: 75%;
    height: 25px;
    padding: 1%;
    vertical-align: top;
    text-align: right;
  }


.button {
    background-color: #0f5d6e;
    color: #FFFFFF;
    border-color: #1991ab;
    font-size: 9px;
  }

/* BEGIN LINKS OUTSIDE MENU SYSTEM */

a {
    font-weight: bold;
    font-size: 12px;
    padding: 3px;
  }

a:link {
    color: #009900;
    text-decoration: none;
  }

a:visited {
    color: #009900;
    text-decoration: none;
  }

a:hover {
    color: #15798d;
    text-decoration: none;
    background-color: #F4D593;
  }

a:active {
    color: #ebcd00;
    text-decoration: none;
  }

/* END LINKS OUTSIDE MENU SYSTEM */

.pre-reg-form {
  font-size:14px;
}

.pre-reg-form table {
  margin-left:auto;
  margin-right:auto;
}

.pre-reg-form p {
  text-align:right;
  margin:0px;
}

.pre-reg-form td {
  padding:5px;
}
.pre-reg-form tr {
  vertical-align:top;
}



/* BEGIN STYLES FOR CSS MENU SYSTEM */

#sidebar {
    width:210px;
    height:auto;
    float:left;
    padding: 1% 1% 5% 1%;
    margin:5px;
  }

#nav, #nav ul {
    float: left;
    width: 180px;
    list-style: none;
    line-height: 1;
    font-weight: normal;
    background-image: url(../images/sidebox.jpg);
    background-repeat: repeat-x;
    padding: 2px;
    margin: 2px;
    border: solid #4169E1;
    border-width: 1px;
    font-size: 12px;
    text-align : left;
  }

#nav a {
    display: block;
    width: 96%; /* horizontal position of arrow effects both browsers */
    color: blue; /* color of text in menu items */
    text-decoration: none;
    padding-top: 2px; /* vertical space above items Effects IE and Firefox */
    padding-right: 3px; /* left hand margin of menu */
    padding-bottom: 1px; /* vertical space below items Effects IE and Firefox */
  }

#nav a.daddy {
    background: url(../images/rightarrow2.gif) no-repeat right;
  }

#nav li {
    float: left;
    padding: 5px; /* sets amount of blank space above and below menu items */
    width: 173px; /* adjusts width of li tag */
  }

#nav li ul {
    border: solid #4169E1;
    border-width: 1px;
    position: absolute;
    left: -999px; /*hides the 1st child off the edge of screen when not shown*/
    width: 180px;/*sets width of child and grand child boxes*/
    font-weight: normal; /* sets the vertical alignment of 1st child box */
    margin-top: -22px; /* sets the horizontal alignment of the first box both browsers */
    margin-left: 167px;
  }

#nav li li {
    padding-right: 10px; /* sets the right margin of 1st child menu box*/
    width: 170px; /* adjusts width of li tag within li tag Both browsers */
  }

#nav li ul a {
    width: 130px; /* adjust horizontal arrow position Firefox only (or it did, but can't make it do anything now!!*/
    width: 97%;/* seems to increase the available space on line for sub menu item Both browsers */
  }

#nav li ul ul {
    margin: -24px 160px; /*the first figure adjusts vertical alignment of grand child menu box. The 2nd figure adjusts the distance between the main menu box and the left edge of the grandchild box*/
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999px; /*Hides the grandchild */
  }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left: auto;
  }

#nav li:hover {
    background-color: #B9D0D2;
  }


/* BEGIN LINKS WITHIN MENU SYSTEM */

#nav a {
    font-weight: normal;
    font-size: 10px;
    padding: 3px;
  }

#nav a:link {
    color: #009900;
    text-decoration: none;
  }

#nav a:visited {
    color: #009900;
    text-decoration: none;
  }

#nav a:hover {
    color: #15798d;
    text-decoration: none;
    background-color: inherit;
  }

#nav a:active {
    color: #ebcd00;
    text-decoration: none;
  }

/* END LINKS WITHIN MENU SYSTEM */


/* BEGIN STYLES FOR DATE PICKER */

.dpDiv {
  }

/* the table (within the div) that holds the date picker calendar */



.dpTable {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    width:25%;
    font-size: 12px;
    text-align: center;
    color: #505050;
    background-color: #ece9d8;
    border: 1px solid #AAAAAA;
  }

/* a table row that holds date numbers (either blank or 1-31) */



.dpTR {
  }

/* the top table row that holds the month, year, and forward/backward buttons */



.dpTitleTR {
  }

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */



.dpDayTR {
  }

/* the bottom table row, that has the "This Month" and "Close" buttons */



.dpTodayButtonTR {
  }

/* a table cell that holds a date number (either blank or 1-31) */



.dpTD {
    border: 1px solid #ece9d8;
  }

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */



.dpDayHighlightTD {
    background-color: #CCCCCC;
    border: 1px solid #AAAAAA;
  }

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */



.dpTDHover {
    background-color: #aca998;
    border: 1px solid #888888;
    cursor: pointer;
    color: red;
  }

/* the table cell that holds the name of the month and the year */



.dpTitleTD {
  }

/* a table cell that holds one of the forward/backward buttons */



.dpButtonTD {
  }

/* the table cell that holds the "This Month" or "Close" button at the bottom */



.dpTodayButtonTD {
  }

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */



.dpDayTD {
    background-color: #CCCCCC;
    border: 1px solid #AAAAAA;
    color: white;
  }

/* additional style information for the text that indicates the month and year */



.dpTitleText {
    font-size: 12px;
    color: gray;
    font-weight: bold;
  }

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */



.dpDayHighlight {
    color: #4060ff;
    font-weight: bold;
  }

/* the forward/backward buttons at the top */



.dpButton {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: gray;
    background: #d8e8ff;
    font-weight: bold;
    padding: 0px;
  }

/* the "This Month" and "Close" buttons at the bottom */



.dpTodayButton {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: gray;
    background: #d8e8ff;
    font-weight: bold;
  }

/* END STYLES FOR DATE PICKER */


/* Begin Styles for BIR HTML Forms */



.bir_html_form {
    color: Black;
    font-size : 10px ;
  }


.bir_html_form .part2 {
    line-height: 22px;
  }


.bir_html_form input {
    font-size: 10px;
  }


.autocalc {
    background-color: #cdb9d0;
    font-size:8px;
    height:9px;
  }


.bir_html_form select {
    font-size: 9px;
  }


.bir_html_form .title-row {
    font-weight: bold;
  }


.lg {
    font-size : 20px;
  }


.ctr {
    text-align:center;
  }

/* END Styles for BIR HTML Forms */