body, td {
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: 9pt;
    text-align: left;
}

h1 {
    font-size: 24pt;
    margin-top: 10px;
    font-weight: normal;
    color: #324a54;
}

.centered {
    text-align: center;
}
.feedlist {
    margin: 0px 5px;
    width: 100%;
}
.dotted_line {
    background: transparent url('/graphics/common/register/dotted_transparent.gif') repeat-x scroll center left;
    height: 1px;
    border: none;
}
.feedlist th {
    font-weight: bold;
    height: 31px;
    background-color:#E4E4E4;
    background-image:url('/graphics/nfmaker/new/table_bg.gif');
    background-repeat:repeat-x;
    border-bottom:1px solid #DDDDDD;
    color:#000000;
    font-weight:bold;
    padding:4px;
    vertical-align:middle;
}
.feedlist td {
    background-color:#F9F9F9;
    border-bottom:1px solid #EDECEC;
    padding:3px 3px 3px 5px;
    height: 31px;
}
.smallgray {
    font-size: 8pt;
    color: #707070;
}

.smallgray a {
        color: #707070;
}
.fullwidth {
    width: 990px;
}
.center {
    text-align: center;
}
.centered {
    margin-left: auto;
    margin-right: auto;
}
.sort_arrows {
    padding-left: 1em;
}
.sort_arrows img {
    border: none;
    margin: 2px;
}
a img {
    border: none;
}
a.tabLink {
    color: black;
    text-decoration: none;
    font-weight: bold;
}
a.tabLink:hover {
    text-decoration: underline;
}
div.tabActive a.tabLink {
}
div.tabDiv {
    background-attachment: scroll;
    background-color: white;
    background-repeat: repeat-x;
    background-image: url('/graphics/nfmaker/new/menu_c.gif');
    background-position: top left;
    float: left;
    height: 31px;
}
div.tabDiv.tabActive {
    background-image: url('/graphics/nfmaker/new/menu_ca.gif');
}
div.tabsMain {
    position: relative;
    top: 1px;
    left: 0px;
    zoom: 1;
}
div.tabsContent {
    border: 1px solid #dbe0e2;
    padding: 10px;
    clear: both;
}
img.tabImg {
    vertical-align: -50%;
}
/* Buttom link as a button*/
.buttonLink {
    font-size: 8pt;
    cursor: pointer;
    font-weight: bold;
}
button.buttonLink, input.buttonLink{
    height: 24px;
    text-align: center;
    border: none;
    padding-bottom: 2px;
}
button.buttonLink.blue, input.buttonLink.blue {
    width: 75px;
    background-image: url('/graphics/nfmaker/new/Bbutton.gif');
}
button.buttonLink.grey120, input.buttonLink.grey120 {
    width: 120px;
    background-image: url('/graphics/nfmaker/new/Bbutton120bw.gif');
}
button.buttonLink.blue120, input.buttonLink.blue120 {
    width: 120px;
    background-image: url('/graphics/nfmaker/new/Bbutton120.gif');
}
button.buttonLink.blue180, input.buttonLink.blue180 {
    width: 180px;
    background-image: url('/graphics/nfmaker/new/Bbutton180.gif');
}
/* Button link as a link (looks the same)*/
a.buttonLink {
    color: black;
    text-decoration: none;
}
a.buttonLink.blue180 div {
    background-image: url('/graphics/nfmaker/new/Bbutton180.gif');
    width: 180px;
}
a.buttonLink.blue120 div {
    background-image: url('/graphics/nfmaker/new/Bbutton120.gif');
    width: 120px;
}
a.buttonLink.blue div {
    background-image: url('/graphics/nfmaker/new/Bbutton.gif');
    width: 75px;
}
a.buttonLink div {
    line-height: 24px;
    height: 24px;
    text-align: center;
    font-size: 9pt;
}
.glassBox td {
    margin: 0px;
    padding: 0px;
}
.glassBox table {
    border-collapse:collapse;
    border-spacing:0px;
    width:100%;
}
#loginName, #loginPassword {
    border:1px solid #9FBAD2;
    padding:1px;
    width:150px;
    margin-bottom: 6px;
    background-color: white;
}

/** test of cloumn list **/
.indexbox {
    margin: 5px 0px;
}
.indexbox_header {
    height: 25px;
    line-height: 25px;
    color: black; /*white;*/
    font-weight: bold;
    font-size: 100%;
    padding-left: 10px;
    background: #e4e4e4 url(/graphics/nfmaker/new/table_bg.gif) repeat-x scroll;
    border-bottom: 1px solid #ddd;
}

.indexbox_body {
    margin:5px 0px;
}

.indexbox_body a, .indexbox_body #tree_current div div, .indexbox_body #newsletter_search_result div {
    padding: 3px 0px 3px 23px;
    margin: 0px;
    font-weight: bold;
    color: #333;
    display: block;
    background: transparent url('/graphics/nfmaker/new/listItemArrow.png') no-repeat scroll center left;
    text-decoration: none;
}
.indexbox_body a.category, .indexbox_body #tree_current div div.category, .indexbox_body #newsletter_search_result div.category {
    background: transparent url('/graphics/nfmaker/new/listCollapsed.png') no-repeat scroll center left;
}
.indexbox_body a:hover, .navig a:hover, .indexbox_body #tree_current div div:hover, .indexbox_body #newsletter_search_result div:hover {
    text-decoration: underline;
}
/** column list end **/
.navig {
    color: orange;
    font-weight: bold;
}
.navig a {
    color: #333;
    text-decoration: none;
    padding: 0px 4px; 
}
.navig a.active {
    color: #d33;
}
.nfblue, .nfblue a {
    color: #308ce7;
}
.nfbluebg {
    background-color: #308ce7;
}
.nforange, .nforange a {
    color: #ff6600;
}

/* header bottom line */
#headBottom {
    background-color:#E4E4E4; 
    background-image:url(/graphics/nfmaker/new/table_bg3.gif); 
    background-repeat:repeat-x; 
    border-bottom:1px solid #DDDDDD; 
    font-weight:bold; 
    height:27px;
    padding-top:4px;
    line-height: 27px; 
    padding-left: 15px;
}

#headBottom {
    font-weight:bold; 
    height:27px;
    padding-top:4px;
    line-height: 27px; 
    padding-left: 15px;
    font-size: 10pt;
}

.nfgrey, .nfgrey a {
    color: #324a54;
}
.nfred, .nfred a {
    color: #e61212;
}

.nfredbg {
    xbackground-color: #b8161a;
    background-color: #e61212;
}
/* 'help' boxes */
.helpbox_base {
    color: #555;
    background: #fff url("/graphics/nfmaker/new/pb_grad.gif") top repeat-x;
    border: 1px solid #308ce7;
/*    border: 1px solid  #e61212;*/
}
.helpbox_base .closing_x {
    border: 1px solid #308ce7;
}
.helpbox, .loading {
    position:absolute;
    display:none;
    padding:10px;
    z-index:15;
    max-width:300px;
    width: expression((parseInt(this.offsetWidth)) >= 300 ? '300px': true);
    line-height: 1.5em;
}
.helpbox {
    padding-top:0px;
}
.helpbox_warning {
    color:red;
    font-weight:bold;
    border: 1px solid red;
}
.helpbox_base.helpbox_warning .closing_x {
    border: 1px solid red;
}
.loading {
    background-color:white;
    border:1px solid black;
}

.right_overfloat {
    position:relative;
    height:1px;
}

.right_overfloat .glassBox {
    position:absolute;
    top:10px;
    right:0px;
}

.benefits_list {
    font-weight: bold;
    padding-left: 15px;
    margin-left: 0px;
    margin-bottom:2.2em;
}

.benefits_list li {
    margin-bottom:1.25em;
}