/* project: oddsminer
   author: joseph mccarthy (www.activebusinesssolutions.com) */


/* default styles
   -------------- */

body
{
    padding: 0;
    margin: 0;
    font: 0.8em "Georgia" , sans-serif;
    line-height: 1.5em;
    color: #454545;
    background-color: #800000; /* filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#800000,endColorStr=white); */
}

a
{
    color: #4682B4;
    background: inherit;
}
a:hover
{
    color: #000000;
    background: inherit;
}

h1
{
    background: #ffffff;
    padding: 8px 0 0 8px;
    margin: 0;
}
.dark
{
    color: #000000;
    background: inherit;
    font-weight: bold;
}
h1 a, h2 a
{
    text-decoration: none;
}
h1 a:hover, h2 a:hover
{
    color: #4682B4;
    background: inherit;
}
h2
{
    margin: 0;
    padding: 0;
    font: bold 1.7em Arial, Sans-Serif;
    letter-spacing: -1px;
}
h2
{
    font-size: 1.5em;
    margin-bottom: 5px;
    color: #000000;
    background: inherit;
}

a.myxml
{
    font-size: 0.8em;
    font-style: normal;
    font-family: Arial;
    letter-spacing: +1px;
    margin-bottom: 5px;
    color: #D3D3D3;
    background: inherit;
}

p
{
    margin: 0 0 5px 0;
}

ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

form
{
    margin: 0;
}

input.search
{
    width: 292px;
    border: 0;
    background: #FFF url(input.gif) no-repeat;
    padding: 4px;
    color: #4682B4;
    font-weight: bold;
}

input.submit
{
    background: url(submitblue.gif) no-repeat;
    border: 0;
    padding: 4px 0;
    width: 65px;
    margin: 0 15px 1px 0;
    color: #ffffff;
    font: bold 1em Arial, Sans-Serif;
}

input.login
{
    width: 150px;
    border: none;
    padding: 4px;
}

/* layout
   ------ */

.content
{
    margin: 0 auto;
    width: 780px;
    padding: 5px;
    background-color: inherit;
}

.header
{
    height: 55px;
    background: #ffffff;
    color: #333333;
    margin: 3px 0;
    padding: 5px 0 0 0;
}

.top_info
{
    float: left;
    padding: 0px 0 4px 0;
    background: #ffffff;
    color: #333333;
}

.top_info_left
{
    width: 500px;
    color: #000000;
    text-align: left;
}

.top_info_right
{
    float: right;
    color: #000000;
    text-align: center;
}

.browse_category
{
    font-size: 0.9em;
    width: 190px;
    color: #ffffff;
    background: inherit;
}

.bar
{
    clear: both;
    font-size: 1.1em;
    font-variant: small-caps;
    height: 30px;
    color: #ffffff;
    margin: 0 0 0 0px;
    background: url(barblue.gif) repeat;
}

.bar li
{
    margin: 0;
    padding: 7px 12px 5px 12px;
    color: #82ACCE;
    background: url(barblue.gif) repeat;
    float: left;
}

.bar li.active
{
    background: #82ACCE url(bar.gif) no-repeat center top;
    color: #ffffff;
    font-weight: bold;
    padding: 7px 10px 6px 10px;
}

.bar li a
{
    font-weight: bold;
    color: #ffffff;
    background: inherit;
    text-decoration: none;
}

.bar li a:hover
{
    color: #000099;
    background: inherit;
}

.search_field
{
    background: #ffffff url(searchbg.gif) no-repeat right;
    color: #333333;
    clear: both;
    font-weight: bold;
    padding: 7px 25px 10px 10px;
    margin: 5px 0;
}

.grey
{
    color: #333333;
    background: inherit;
    font-weight: normal;
}

.search_form
{
    float: right;
}

.subheader
{
    margin: 0px 0 10px 0;
    border-bottom: 1px solid #eee;
    padding: 5px 0 5px 0;
    background: #A4A4A4;
    color: #ffffff;
}

/* left side
   --------- */

.leftnoright
{
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}

.left
{
    float: left;
    width: 68%;
    margin: 0 0 10px 0;
}
.left h2
{
    color: #CD0000;
    font-family: Helvetica;
    font-weight: bold;
}

.leftnoright h3
{
    color: #CD0000;
    padding: 5px 0 0px 0px;
    font: bold 1.5em Garamond;
    margin: 5px 0 0px 0;
}

.left h3
{
    color: #CD0000;
    padding: 5px 0 0px 0px;
    font: bold 1.5em Garamond;
    margin: 5px 0 0px 0;
}
.left_side
{
    width: 180px;
    padding: 0 0 0 10px;
    margin: 10px 0;
}

.left_side a, .right_side a
{
    color: #414141;
    background: #ffffff;
}

.right_side
{
    float: right;
    width: 220px;
    background: #FFF url(dotted.gif) repeat-y;
    color: #414141;
    padding: 0 0 0 40px;
    margin: 10px 0;
}

.left_box
{
    margin: 0 0 5px 0;
    color: #000000;
    background: #ffffff;
    padding: 3px 0;
}

.left_boxsmall
{
    margin: 0 0 5px 0;
    color: #000000;
    background: #ffffff;
    padding: 10px 10px 10px 10px;
    height: 500px;
    overflow:scroll;
}

.left_boxscroll
{
    margin: 0 0 5px 0;
    color: #000000;
    background: #ffffff;
    padding: 3px 3px 3px 3px;;
    height: 350px;
    width: 435px;
    overflow:scroll;
}


/* right side
   ---------- */

.right
{
    float: right;
    width: 30.8%;
    margin: 0 0 10px 2px;
}

.right h3
{
    color: #CD0000;
    padding: 5px 0 0px 0px;
    font: bold 1.5em Garamond;
    margin: 5px 0 0px 0;
}
.right h2
{
    text-align: center;
    color: gray;
    padding: 3px 0 3px 3px;
    font: 1.2em arial, helvetica, sans-serif;
    margin: 0 0 3px 0;
}

.right h4
{
    text-align: center;
    font-variant: small-caps;
    background-color: #4682B4;
    color: White;
    margin: 0 20px 0 20px;
    border-bottom: solid 1px #8CA0B4;
}


.right_articles
{
    font: 0.9em arial, helvetica, sans-serif;
    color: #414141;
    padding-left:30px;
    padding-right:30px;
    margin: 0 0 10px 0;
    background: white;
    text-align: justify;
}

.image
{
    
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 2px;
    border: 0px;

}

/* footer
   ------ */

.footer
{
    clear: both;
    text-align: center;
    padding: 3px 0 10px 0;
    margin: 0;
    line-height: 1.8em;
}

.footer a
{
    color: #333333;
    background: #ffffff;
}

/* xp theme */
.CustomTabStyle .ajax__tab_header
{
    font: bold 1em Tahoma,verdana,helvetica;
    color: Gray;
    background: url(tab-line.gif) repeat-x bottom;
}
.CustomTabStyle .ajax__tab_outer
{
    padding-right: 0px;
    background: url(tab-right.gif) no-repeat right;
    height: 21px;
}
.CustomTabStyle .ajax__tab_inner
{
    padding-left: 3px;
    background: url(tab-left.gif) no-repeat;
}
.CustomTabStyle .ajax__tab_tab
{
    height: 13px;
    padding: 4px;
    margin: 0;
    background: url(tab.gif) repeat-x;
}
.CustomTabStyle .ajax__tab_hover .ajax__tab_outer
{
    background: url(tab-hover-right.gif) no-repeat right;
}
.CustomTabStyle .ajax__tab_hover .ajax__tab_inner
{
    background: url(tab-hover-left.gif) no-repeat;
}
.CustomTabStyle .ajax__tab_hover .ajax__tab_tab
{
    background: url(tab-hover.gif) repeat-x;
}
.CustomTabStyle .ajax__tab_active .ajax__tab_outer
{
    background: url(tab-active-right.gif) no-repeat right;
}
.CustomTabStyle .ajax__tab_active .ajax__tab_inner
{
    background: url(tab-active-left.gif) no-repeat;
}
.CustomTabStyle .ajax__tab_active .ajax__tab_tab
{
    background: url(tab-active.gif) repeat-x;
}
.CustomTabStyle .ajax__tab_body
{
    font: 1em Tahoma,verdana,helvetica;
    border: 1px solid #999999;
    border-top: 0;
    padding: 8px;
    background-color: #ffffff;
}

.accordionLink
{
    color: navy;
    text-decoration: none;
}

.accordionContent
{
    background-color: #D3DEEF;
    padding: 5px;
    padding-top: 10px;
    height: 270px;
}

.bookbulletList
{
}

/* pricing special left side
   --------- */


.leftprice
{
    float: left;
    width: 49.8%;
    margin: 0 0 6px 0;
}

.leftprice h3
{
    color: #CD0000;
    padding: 5px 0 0px 0px;
    font: bold 1.5em Garamond;
    margin: 5px 0 0px 0;
}

.left_sideprice
{
    float: left;
    padding: 0 0 0 5px;
    margin: 5px 0;
}


/* right side
   ---------- */

.rightprice
{
    float: right;
    width: 49.8%;
    margin: 0 0 5px 0;
}

.rightprice h3
{
    color: #CD0000;
    padding: 5px 0 0px 0px;
    font: bold 1.5em Garamond;
    margin: 5px 0 0px 0;
}


.right_sideprice
{
    float: right;
    padding: 0 0 0 5px;
    margin: 5px 0;
}

.downloadTable
{
    font-weight: bold;
    text-decoration: none;
    color: #5377A9;
    padding-left: 20px;
}

.downloadTableTitle
{
    font-weight: bold;
    text-decoration: none;
    color: Navy;
    padding: 5px 0 0 25px;
}

.downloadTableDesc
{
    font-weight: normal;
    text-decoration: none;
    color: Navy;
    padding: 5px 0 0 25px;
}

.hist table, .hist th, .hist td
{
    border: 1px solid #D4E0EE;
    border-collapse: collapse;
    font-family: "Trebuchet MS" , Arial, sans-serif;
    color: #555;
}


.hist th
{
    padding: 4px;
}

.hist td
{
    padding: 4px;
    border: none;
}

.hist th
{
    text-align: center;
    background: #E6EDF5;
    color: #4F76A3;
    font-size: 100% !important;
}

.hist tbody th
{
    font-weight: bold;
}

.hist tbody tr
{
    background: #FCFDFE;
}

.hist tbody tr.odd
{
    background: #F7F9FC;
}

.selected
{
    background-color: #1E90FF;
}

.small table, .small th, .small td
{
    border: 1px solid lightgray;
    border-collapse: collapse;
    font-family: "Trebuchet MS" , Arial, sans-serif;
    color: #555;
    padding: 0 0 0 0;
    width: 100%;
}

.small td
{
    padding: 0 0 0 3px;
}

.smallno
{
    text-align: left;
}

.noshow
{
    color: #fff;
    background-color: #fff;
}


#navlist
{
padding: 3px 0;
margin-left: 0;
border-bottom: 10px solid #4682B4;
font: bold 12px Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #4682B4;
text-decoration: none;
}

#navlist li a:link { color: white; }
#navlist li a:visited { color: white; }

#navlist li a:hover
{
color: #4682B4;
background: white;
border-color: #4682B4;
}

#navlist li a#current
{
color: #4682B4;
background: white;
border-bottom: 1px solid #4682B4;
}

.punch
{
    float: left;
    padding: 0 3px 3px 0;
    background: inherit;
    color: white;
    border: solid white 1px;
    border-width: 0 3px 3px 0;
    margin: 0 5px 3px 0;
}

.box
{
    background: #8CA0B4;
}
.boxtop
{
    background: url(ne.gif) no-repeat top right;
}
.boxtop div
{
    height: 20px;
    background: url(nw.gif) no-repeat top left;
}
.boxbottom
{
    background: url(se.gif) no-repeat bottom right;
}
.boxbottom div
{
    height: 20px;
    background: url(sw.gif) no-repeat bottom left;
}
.boxcontent
{
    padding: 0px 20px 0px 20px;
}


.boxwhite
{
    background: #FFFFFF;
    margin: 8px 8px 8px 8px;
    height: auto;
}
.boxtopwhite
{
    background-image: url(nemar.gif);
    background-repeat: no-repeat;
    background-position: top right;
}
.boxtopwhite div
{
    height: 20px;
    background-image: url(nwmar.gif);
    background-repeat: no-repeat;
    background-position: top left;
}
.boxcontentwhite
{
    padding: 0px 20px 0px 20px;
    background-color: White;
}

.boxbottomwhite
{
    background-image: url(semar.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.boxbottomwhite div
{
    height: 20px;
    background-image: url(swmar.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
}

.fclist
{
    background-color: White;
    color: black;
    width: 180px;
}
.fctext
{
    background-color: White;
    color: black;
    width: 240px;
}

.contactformButton
{
    width: auto;
    color: White;
    font-weight: bold;
    background-color: Red;
    border: solid 1px darkred;
}

.contactformHelp
{
    border: none;
}

.accordionLinkfp
{
    color: navy;
    text-decoration: none;
    font-size: 1.1em;
    font-family: Impact, Impact5, Charcoal6, sans-serif;
    line-height: 1.7em;
    padding: 5px 5px 5px 5px;
}

.accordionContentfp
{
    background-color: #D3DEEF;
    height: 400px;
    padding: 10px;

}

.fppanel
{
       font-size: 0.9em;
     padding: 5px 5px 5px 5px;
 
}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
margin-left: 50px;
margin-top: 50px;
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: -270px; /*position where enlarged image should offset horizontally */
z-index: 50;
width: 280px;
}

.dtext{
font-family : Georgia, serif;