﻿form
{
}
body
{
    background-color: #e9e9e9; /*#0b6131; */
    font-family: 'Lucida Grande' , helvetica, arial, sans-serif;
    font-size: 10pt;
    color: #414141;
    padding: 0;
    margin: 0;
}
p
{
    font-size: 11pt;
    line-height: 1.5em;
}
#form-wrapper
{
    width: 980px;
    margin: 0 auto;
}

#maincontainer
{
    /* background-color: #0b6131;*/
}
.header
{
    height: 100px;
    background: url(images/logo.gif) 50px 15px no-repeat;
}
.header h1
{
    font-size: 1.0em;
    padding-top: 70px;
    margin-left: 10px;
    cursor: hand;
}
.header h1
{
    visibility: hidden;
    display: none;
}
.topContainer
{
    text-align: right;
    color: White;
    font-size: 8pt;
}
.container
{
    background: #FFFFFF;
    text-align: left;
    border: 1px solid #878787;
}
.float-wrapper
{
    float: left;
    width: 695px;
}
.first-float
{
    float: right;
    width: 490px;
}
.second-float
{
    float: left;
    width: 200px;
}
.third-float
{
    float: right;
    width: 200px;
}

.float-wrapper-2col
{
    float: left;
    width: 980px;
}
.first-float-2col
{
    float: right;
    width: 770px;
}
.second-float-2col
{
    float: left;
    width: 200px;
}
.floatRight
{
    float: right;
}
.clear
{
    clear: both;
    height: 1px;
}

.clearfooter
{
    clear: both;
    text-align: center;
}
p
{
    padding: 5px;
    margin: 4px 2px 4px 2px;
    color: #414141;
}
.fxLine
{
    border-bottom: solid 1px silver;
    height: 2px;
    font-size: 0px;
    clear: both;
}
a, a:visited, a:link
{
    /*color: #0000ff;*/
    color: #308957;
    text-decoration: underline;
}
a:hover
{
    color: #308957;
    text-decoration: underline;
}
.Element
{
    visibility: hidden;
    display: none;
    width: 0px;
    height: 0px;
}

.OneColumnBody
{
    text-align: left;
    padding: 10px;
}
.OneColumnBody p
{
    margin: 2px 5px 5px 5px;
    font-size: 12pt;
    line-height: 1.2em;
}

/* HEADING Tags*/
a
{
    /*color: #0000ff;*/
    color: #308957;
    text-decoration: underline;
}
h1, h1 a
{
    font-size: 1.2em; /*color: #0000ff;*/
    color: #308957;
    font-weight: bold;
    padding: 0;
    margin: 0;
    text-decoration: none;
    color: #073d1f;
    font-family: Verdana;
}
h2, h2 a
{
    font-size: 1.1em;
    color: #0b6131;
    font-weight: bold;
    padding: 0;
    margin: 0;
    text-decoration: none;
    color: #073d1f;
    font-family: Verdana;
}
h3, h3 a
{
    font-size: 1.0em;
    color: #0b6131;
    font-weight: bold;
    padding: 0;
    margin: 0;
    text-decoration: none;
    color: #073d1f;
    font-family: Verdana;
}
h4, h4 a
{
    font-size: .85em;
    color: Gray;
    font-weight: bold;
    padding: 0;
    margin: 0;
    text-decoration: none;
    color: #073d1f;
    font-family: Verdana;
}
h5, h5 a
{
    font-size: .75em;
    color: #0b6131;
    font-weight: bold;
    padding: 0;
    margin: 0;
    text-decoration: none;
    color: #073d1f;
    font-family: Verdana;
}
h6, h6 a
{
    font-size: .50em;
    color: Gray;
    font-weight: bold;
    padding: 0;
    margin: 0;
    text-decoration: none;
    color: #073d1f;
    font-family: Verdana;
}



.btn, .btn a, .btn a:link, .btn a:visited
{
    font-family: Verdana;
    font-size: 7pt;
    margin: 1px 3px 0px 3px;
    background: #f8f8f8;
    border: 1px solid Gray;
    padding: 5px;
    display: block;
    text-decoration: none;
    width: 200px;
}
.btn a:hover
{
    background-color: Silver;
}
.imgNoBorder
{
    border: 0px solid transparent;
}
.imgInfo
{
    padding: 10px 0px 10px 0px;
}

/* ---------------- Navigation ---------------- */
/* main navigation */
#xpertfxnav
{
    padding: 0;
    clear: both;
    margin-top: 10px;
}

#xpertfxnav ul
{
    margin: 0;
    padding: 0 0 0 4px;
    list-style: none;
    height: 19px;
    background: url(images/line.gif) repeat-x 50% bottom;
}

/*Nav List Item*/
#xpertfxnav li
{
    display: block;
    float: left;
    background: url(images/tab_left.png) no-repeat;
    margin-right: 3px;
}
#xpertfxnav li a
{
    display: block;
    float: left;
    font: 10px verdana;
    color: #FFFFFF;
    white-space: nowrap;
    padding: 3px 6px;
    margin: 0;
    text-decoration: none;
    font-weight: bold;
}
#xpertfxnav li a:visited
{
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

/*Nav List Item DIV*/
#xpertfxnav li div
{
    display: block;
    float: left;
    margin: 0 0 0 2px;
    padding: 0;
    background: url(images/tab_right.png) no-repeat right top;
}

/*Nav item ON*/
#xpertfxnav li.on
{
    background: url(images/lt_white.gif) #f2f3f5 no-repeat;
    padding-left: 3px;
}
#xpertfxnav li
{
    display: block;
    float: left;
    background: url(images/tab_left.png) #0b6131 no-repeat;
    margin-right: 3px;
}
#xpertfxnav li.on div
{
    background: url(images/rt_white.gif) no-repeat right top;
    padding-right: 3px;
    padding-bottom: 1px;
}
#xpertfxnav li.on a
{
    color: #496772;
    text-decoration: none;
}
#xpertfxnav li.on a:visited
{
    color: #496772;
    text-decoration: none;
}
#xpertfxnav li.on div
{
    display: block;
    float: left;
    margin: 0;
    padding: 0 0 1px 0;
}

/*Nav RSS Feed Link*/
#xpertfxnav li.index
{
    background: none;
}
#xpertfxnav li.index div
{
    background: none;
}
#xpertfxnav li.index a
{
    color: #496772;
    font-weight: normal;
}
#xpertfxnav li.index a:visited
{
    color: #496772;
}

/* sub menu navigation */
#xpertfxsubnavleft
{
    width: 3px;
    height: 19px;
    margin: -1px 0 0 -3px;
    background: url(images/menu-left.gif) no-repeat top;
}
#xpertfxsubnav
{
    padding: 0;
    margin-bottom: 2px;
    clear: both;
    float: left;
    width: 100%;
    font-family: verdana;
    font-size: 10pt;
}
#xpertfxsubnav ul
{
    list-style: none;
    margin: 0;
    padding: 0; /*border-bottom:1px solid #ccc;*/
    float: left;
    width: 100%;
    background: #F2F3F5;
}
#xpertfxsubnav a
{
    float: left;
    display: block;
    margin: 7px 0;
    padding: 0 7px;
    border-left: 1px solid #999;
    color: #496772;
    text-decoration: none;
}
#xpertfxsubnav a:visited
{
    border-left: 1px solid #999;
}
#xpertfxsubnav a:hover
{
    color: #003DB8;
    text-decoration: underline;
}
#xpertfxsubnav li
{
    float: left;
    display: block;
    font: 77% verdana;
    height: 25px;
}
#xpertfxsubnav li.first a
{
    padding-left: 13px;
    border: 0;
}
#xpertfxsubnav li.first a:visited
{
    border: 0;
}
#xpertfxsubnav li.on a
{
    color: #003DB8;
    font-weight: bold;
    text-decoration: none;
}
#xpertfxsubnav li.on a:visited
{
    color: #003DB8;
    text-decoration: none;
}

/* Side Stuff */
.SideBox
{
    margin: 6px 6px 6px 3px;
}
.SideBoxHead
{
    visibility: visible;
    padding: 4px 0 4px 0;
    height: 13px; /*background: #E7E8DD url(images/bg_all.gif) 0 -400px repeat-x;*/
    background: url(images/green_top_bg_center.gif) #0b6031 repeat-x right;
    border-left: 1px solid #7893cf;
    border-right: 1px solid #7893cf;
}
.SideBoxHead
{
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 4px;
    font-size: .85em;
    font-weight: bold;
}
.SideBoxBody
{
    background: #FFFFFF;
    font-size: 9pt;
    font-family: Arial;
    border: solid 1px silver;
}

.SideBoxItemHeader, .SideBoxItemHeader a, .SideBoxItemHeader a:link, .SideBoxItemHeader a:visited, .SideBoxItemHeader a:hover
{
    font-size: 1.1em;
    color: #0b6131;
    font-weight: 200;
}
.SideBoxBody img
{
    margin: 4px 10px 4px 4px;
}
.SideBoxBody ul
{
    padding: 4px;
    padding: 4px;
    margin: 20px;
    line-height: 16px;
    padding-bottom: 10px;
    margin-top: 8px;
    margin-bottom: 6px;
}
.SideBoxBody li
{
    padding-bottom: 4px;
}
.SideBoxBody a, .SideBoxBody a:link, .SideBoxBody a:hover, .SideBoxBody a:visited
{
    /*color: #0000ff;*/
    color: #308957;
}

/* Middle Stuff */
.MiddleBox
{
    margin: 6px 3px 6px 3px;
}
.MiddleBoxHead
{
    visibility: visible;
    padding: 4px 0 4px 0;
    height: 13px; /*background: #E7E8DD url(images/bg_all.gif) 0 -400px repeat-x;*/
    background: url(images/green_top_bg_center.gif) #0b6031 repeat-x right;
    border-left: 1px solid #7893cf;
    border-right: 1px solid #7893cf;
}
.MiddleBoxHead
{
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 4px;
    font-size: .85em;
    font-weight: bold;
}
.MiddleBoxBody
{
    background: #FFFFFF;
    font-size: 9pt;
    font-family: Arial;
    border: solid 1px silver;
    padding: 8px 10px 8px 10px;
}
.MiddleBoxBody img
{
    margin: 4px 10px 4px 4px;
}
.MiddleBoxBody ul
{
    padding: 4px;
    padding: 4px;
    margin: 20px;
    line-height: 16px;
    padding-bottom: 10px;
    margin-top: 8px;
    margin-bottom: 6px;
}
.MiddleBoxBody li
{
    padding-bottom: 4px;
}
.MiddleBoxBody a, .MiddleBoxBody a:link, .MiddleBoxBody a:hover, .MiddleBoxBody a:visited
{
    /*color: #0000ff;*/
    color: #308957;
}

/* Left Stuff */
.LeftBox
{
    margin: 6px 3px 3px 6px;
}
.LeftBoxHead
{
    visibility: visible;
    padding: 4px 0 4px 0;
    height: 13px; /*background: #E7E8DD url(images/bg_all.gif) 0 -400px repeat-x;*/
    background: url(images/green_top_bg_center.gif) #0b6031 repeat-x right;
    border-left: 1px solid #7893cf;
    border-right: 1px solid #7893cf;
}
.LeftBoxHead
{
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 4px;
    font-size: .85em;
    font-weight: bold;
}
.LeftBoxBody
{
    background: #FFFFFF;
    font-size: 9pt;
    font-family: Arial;
    border: solid 1px silver;
}
.LeftBoxBody img
{
    margin: 4px 10px 4px 4px;
}
.LeftBoxBody a, .LeftBoxBody a:link, .LeftBoxBody a:hover, .LeftBoxBody a:visited
{
    /*color: #0000ff;*/
    color: #308957;
}

/* Right Stuff */
.RightBox
{
    margin: 6px 6px 6px 3px;
}
.RightBoxHead
{
    visibility: visible;
    padding: 4px 0 4px 0;
    height: 13px; /*background: #E7E8DD url(images/bg_all.gif) 0 -400px repeat-x;*/
    background: url(images/green_top_bg_center.gif) #0b6031 repeat-x right;
    border-left: 1px solid #7893cf;
    border-right: 1px solid #7893cf;
}
.RightBoxHead
{
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 4px;
    font-size: .85em;
    font-weight: bold;
}
.RightBoxBody
{
    background: #FFFFFF;
    font-size: 9pt;
    font-family: Arial;
    border: solid 1px silver;
}
.RightBoxBody img
{
    margin: 4px 10px 4px 4px;
}
.RightBoxBody a, .RightBoxBody a:link, .RightBoxBody a:hover, .RightBoxBody a:visited
{
    /*color: #0000ff;*/
    color: #308957;
}

.SiteBlurb
{
    padding: 10px 200px 10px 200px;
    margin: 5px;
    color: Gray;
    width: 450px;
    text-align: center;
}



.boxContainer
{
    margin-bottom: 10px;
}


.boxLeft
{
    border: 1px solid #96965e;
    margin: 2px 5px 2px 5px;
    width: 100px;
    float: left;
    padding: 2px 5px 2px 5px;
    text-align: center;
    background-color: #f3f3f3; /*#FFFFCC;*/
    color: #000000;
}
.boxLeftDrillPic
{
    border: 1px solid #96965e;
    margin: 20px 5px 10px 5px;
    float: left;
    padding: 5px 5px 5px 5px;
    text-align: center;
    background-color: #FFFFCC;
    color: #000000;
}
.boxLeftHeader
{
    font-size: 24pt;
    font-family: Arial;
    font-weight: bold;
}
.boxLeftMain
{
    font-size: 10pt;
}
.boxLeftFooter
{
    font-size: 8pt;
    padding-top: 5px;
}

.boxRight
{
    width: 300px;
    float: left;
    margin: 5px 5px 10px 5px;
    padding: 5px 5px 0px 5px;
}
.boxRightDefault
{
    width: 425px;
    float: left;
    margin: 5px 5px 10px 5px;
    padding: 5px 5px 0px 5px;
}

.boxRightHeader
{
    font-family: Arial Narrow;
    font-size: 16pt;
    font-weight: bold;
    padding-bottom: 5px;
    color: #336699;
}
.boxRightMain
{
    font-size: 9pt;
    color: #000000;
}
.boxRightFooter
{
    font-size: 8pt;
    padding-top: 5px;
    color: Silver;
}

.boxMainBottom
{
    font-size: 9pt;
    color: #000000;
    margin: 5px;
}
.bookmark, .bookmark a:link, .bookmark a:hover, .bookmark a:visited, .bookmark a
{
    vertical-align: top;
    float: right;
    font-size: 11px;
    color: #336699;
    width: 250px;
    padding: 2px;
}
.toolbarCSS
{
    font-family: arial;
    font-size: 9pt;
    padding-top: 4px;
    background-color: #FFFFCC;
    color: #000000;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    margin: 10px;
}
.tallHeader
{
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold; /*color: #0000ff;*/
    color: #308957;
}



.DetailPageRating
{
    clear: both;
    height: 27px;
    padding: auto 0px auto 10px;
    background: #eaf0f5;
    color: #878787;
    margin: 10px 0px 10px 0px;
    border-top: 1px solid #878787;
    border-bottom: 1px solid #878787;
    font-size: .75em;
}

/* Rating */
.ratingStar
{
    font-size: 0pt;
    width: 32px;
    height: 32px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
}

.filledRatingStar
{
    background-image: url(images/filledstarbig.png);
}

.emptyRatingStar
{
    background-image: url(images/emptystarbig.png);
}

.savedRatingStar
{
    background-image: url(images/savedstarbig.png);
}

.FXcontainer
{
    width: 950px;
    margin: 0 0;
    margin-top: 30px;
}
.FXmain
{
    width: 100%;
}
.FXcontent
{
    padding: 0px 0px;
    color: #333;
}
/* silver rounded corner div */
.FXcontainer
{
    background: url(images/BGtop.png) no-repeat 0 0;
    padding-top: 10px;
    width: 100%;
}
.FXcontent
{
    padding: 20px 32px 32px 32px;
    background: url(images/BGmiddle.png) repeat-y;
}
.FXmain
{
    background: url(images/BGbottom.png) no-repeat 0 100%;
    padding-bottom: 10px;
}
.FXcontent h2
{
    font-family: Arial;
    font-size: 24pt;
    color: #333;
    font-weight: normal;
    padding: 0;
    margin: 0 0 20px 0;
}
.FXcontent .headline
{
    font-family: Arial Narrow;
    font-size: 15pt;
    color: #979797;
    font-weight: normal;
}

.FXcontent .desc
{
    font-size: 13pt;
    color: #333;
    font-weight: normal;
}


/*AJAX TABS*/
/* ajax__tab_xp-theme theme */
.ajax__tab_default .ajax__tab_header
{
    font-size: 13px;
    font-weight: bold;
    color: #000;
    font-family: sans-serif;
}
.ajax__tab_default .ajax__tab_active .ajax__tab_outer, .ajax__tab_default .ajax__tab_header .ajax__tab_outer, .ajax__tab_default .ajax__tab_hover .ajax__tab_outer
{
    height: 46px;
}
.ajax__tab_default .ajax__tab_active .ajax__tab_inner, .ajax__tab_default .ajax__tab_header .ajax__tab_inner, .ajax__tab_default .ajax__tab_hover .ajax__tab_inner
{
    height: 46px;
    margin-left: 16px; /* offset the width of the left image */
}
.ajax__tab_default .ajax__tab_active .ajax__tab_tab, .ajax__tab_default .ajax__tab_hover .ajax__tab_tab, .ajax__tab_default .ajax__tab_header .ajax__tab_tab
{
    margin: 16px 16px 0px 0px;
}
.ajax__tab_default .ajax__tab_hover .ajax__tab_tab, .ajax__tab_default .ajax__tab_active .ajax__tab_tab
{
    color: #fff;
}

.ajax__tab_default .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    border: 1px solid #999999;
    border-top: 0;
    padding: 8px;
    background-color: #ffffff;
}



.green .ajax__tab_header
{
    background: url(images/green_bg.gif) repeat-x;
}
.green .ajax__tab_hover .ajax__tab_outer, .green .ajax__tab_active .ajax__tab_outer
{
    background: url(images/green_left.gif) no-repeat left top;
}
.green .ajax__tab_hover .ajax__tab_inner, .green .ajax__tab_active .ajax__tab_inner
{
    background: url(images/green_right.gif) no-repeat right top;
}

.browsePrintPractice
{
    margin: 20px 20px 20px 40px;
}
.browsePrintPractice h2
{
    font-size: 2.2em;
    font-weight: bold;
    margin-bottom: 5px;
    color: #3d3d3d;
    letter-spacing: -.05em;
}
.browsePrintPractice h3
{
    font-size: 1.75em;
    font-weight: normal;
    color: #878787;
    margin-bottom: 10px;
}
.browsePrintPractice p
{
    font-size: 1.25em;
    line-height: 1.5em;
}
.browsePrintPractice em
{
    text-decoration: none;
    text-transform: none;
    font-style: normal;
}

/* DRILL DETAIL */
.divDrillDetail
{
    line-height: 1.5em;
    font-size: 1.25em; /*border:1px solid red;*/
}
.divDrillDetail h1
{
    font-size: 1.5em;
    line-height: 1.5em;
    font-weight: bold;
    margin: 10px 0px 10px 0px;
    color: #3d3d3d;
    letter-spacing: -.05em;
}
.divDrillDetail h2
{
}

.divDrillDetail h3
{
    margin-top: 15px;
}

.divDrillDetail ul
{
    font-size: .9em;
}
.divDrillDetailAd
{
    float: left;
    padding-right: 35px;
    width: 340px;
}
.divDrillDetailImage
{
    float: right;
    width: 340px;
    margin: 0px 15px 0px 0px;
    width: 350px;
    border: 1px solid #878787;
    background: #eaf0f5;
    color: #878787;
}
.divDrillDetailRating
{
    float: right;
    margin: 10px 0px 10px 0px;
    width: 160px;
}
.divDrillDetailPrint
{
    float: right;
    margin: 10px 80px 10px 0px;
}



/*  FX SMALL ROUNDED CORNER BOX */
.FXSmallcontainer
{
    width: 120px;
    margin: 0 0;
    margin-top: 15px; /*border: 1px solid red;*/
}
.FXSmallmain
{
    width: 100%;
}
.FXSmallcontent
{
    padding: 0px 0px;
    color: #333;
}
/* silver rounded corner div */
.FXSmallcontainer
{
    background: url(images/BorderSmallTop.png) 0 0 no-repeat;
    padding-top: 10px;
    width: 100%;
}
.FXSmallcontent
{
    padding: 5px;
    background: url(images/BorderSmallMiddle.png) repeat-y;
}
.FXSmallmain
{
    background: url(images/BorderSmallBottom.png) no-repeat 0 100%;
    padding-bottom: 10px;
}
.FXSmallcontent h2
{
    font-size: 12pt;
    color: #333;
    padding: 0;
    margin: 0 0 5px 10px;
}
.FXSmallcontent .headline
{
    font-size: 15pt;
    color: #979797;
    font-weight: normal;
}

.FXSmallcontent .desc
{
    font-size: 1.0em;
    color: #333;
    font-weight: normal;
}

/*Reorder List*/
.dragHandle
{
    width: 10px;
    height: 15px;
    background-color: silver;
    cursor: move;
    border: outset thin white;
    margin-left: 10px;
}

.callbackStyle
{
    border: thin blue inset;
}

.callbackStyle table
{
    background-color: #5377A9;
    color: Black;
}


.reorderList li
{
    list-style: none;
    margin: 2px;
    background: #0b6131;
    background-repeat: repeat-x;
    color: #FFF;
}

.reorderList li a
{
    color: #FFF !important;
    font-weight: bold;
}

.reorderCue
{
    border: dashed thin black;
    width: 100%;
    height: 25px;
}

.itemArea
{
    margin-left: 15px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 1em;
    text-align: left;
}

.popupMenu
{
    padding: 7px;
    position: absolute;
    visibility: hidden;
    background-color: #F5F7F8;
    border: 1px solid silver;
    width: 300px;
    opacity: .9;
    filter: alpha(opacity=90);
}

.popupHover
{
    background-image: url(images/header-opened.png);
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #F5F7F8;
}
#divQuickSearch
{
    width: 380px;
    background: #0b6131;
    color: #f8f8f8;
    float: right;
    padding: 0 10px;
    border: 1px solid #414141;
    	opacity:.75;
	filter: alpha(opacity=75);
}

