﻿/**************************************************/
/* Css Reset                                      */
/**************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
* {padding: 0; margin: 0;}
/* remember to define focus styles! */
:focus
{
    outline: 0;
}
body
{
    line-height: 1;
    color: black;
    background: white;
}
ol, ul
{
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table
{
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td
{
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after
{
    content: "";
}
blockquote, q
{
    quotes: "" "";
}

/**************************************************/
/*                                                */
/**************************************************/
body
{
    margin: 0;
    padding: 0;
    background: url(images/body_bg.jpg) repeat-x;
    color: #4A4A4A;
    font-family: Arial;
    font-size: 12px;
    line-height: 1.3em;
}

img
{
    margin: 0;
    padding: 0;
    border: 0;
}

h1.Admin
{
    padding-top: 15px;
    padding-bottom: 15px;
    color: #000;
    font-size: 21px;
    font-family: Arial;
    font-weight: bold;
}
h1
{
    padding-top: 15px;
    padding-bottom: 15px;
    color: #fff;
    font-size: 21px;
    font-family: Arial;
    font-weight: bold;
}
h2
{
    color: #8CC63F;
    font-size: 17px;
    font-family: Arial;
}
h3
{
    color: #8CC63F;
    font-size: 21px;
    font-family: Arial;
    font-weight: bold;
}
h4
{
    color: #6B6C6F;
    font-size: 17px;
    font-family: Arial;
    font-weight: bold;
}


div.headerContent
{
    width: 911px;
}

div.headerLeft
{
    float: left;
    width: 508px;
}
div.headerRight
{
    float: left;
    width: 389px;
    margin-left: 14px;
    color: #fff;
    font-size: 17px;
    font-family: Arial;
    font-weight: bold;
    line-height: 1.1em;
}

/**************************************************/
/* Wrapper                                        */
/**************************************************/
#wrapper
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 974px;
}

/**************************************************/
/* Header                                         */
/**************************************************/
#header
{
    width: 100%;
    height: 93px;
}

#logo
{
    width: 248px;
    height: 68px;
    float: left;
    text-align: left;
}

/**************************************************/
/* Menu                                           */
/**************************************************/
#menu
{
    width: 721px;
    height: 68px;
    float: left;
    text-align: right;
}

#nav
{
    text-align: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#nav li
{
    float: left;
}

#nav .amenu
{
    color: #4A4A4A;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    padding-top: 17px;
    height: 48px;
    display: block;
    text-align:center;
    
   
}

#nav .amenu b
{
    color: #4A4A4A;
    font-size: 11px;
    line-height: 12px;
}
#nav .first
{
    background: url(images/menu/first_off.png) no-repeat;
    float: left; 
    width: 130px;
    height: 69px;
}
#nav .first:hover
{
    background: url(images/menu/first_on.png) no-repeat;
}
#nav .firstSelected
{
    background: url(images/menu/first_on.png) no-repeat;
}
#nav .amenu .firstSelected 
{
    color: #8CC63F;
}

#nav .item
{
    background: url(images/menu/item_off.png) no-repeat;
    float: left; 
    width: 119px;
    height: 69px;
}
#nav .item:hover  
{
    background: url(images/menu/item_on.png) no-repeat;
}
#nav .itemSelected
{
    background: url(images/menu/item_off.png) no-repeat !important;
}
#nav .amenu .itemSelected 
{
    color: #8CC63F;
}

#nav .last
{
    float: left;
    width: 0px; /* leave this at zero so that the div does no go on the second line it used to have 109px. but in firefox it didn't work */
    height: 69px;
    clear: right;
    
}

#nav .last .login
{
    background: url(images/menu/last_top_off.png) no-repeat;
    float: left; 
    width: 109px;
    height: 31px;
    display:block;
}

*html #nav .lastIE6 .login
{
    background: url(images/menu/last_top_off.png) no-repeat;
    float: left; 
    width: 109px;
    margin-bottom:-10px;
    height: 11px;
}

*html #nav .lastIE6
{
    float: left;
    height: 11px;
}
*html #nav .lastIE6 .signup
{
    /*background: url(images/menu/last_bottom_off.png) no-repeat;*/
    float: left; 
    width: 109px;
    height: 11px;
}


#nav .last .login:hover
{
    background: url(images/menu/last_top_on.png) no-repeat;
    display:block;
}
#nav .last .signup
{
    background: url(images/menu/last_bottom_off.png) no-repeat;
    float: left; 
    width: 109px;
    height: 38px;
    display:block;
}
#nav .last .signup:hover
{
    background: url(images/menu/last_bottom_on.png) no-repeat;
    display:block;
}
#nav .login a
{
    padding-top: 0;
    line-height: 31px;
}
#nav .signup a
{
    padding-top: 0;
    line-height: 34px;
}
/**************************************************/
/* Sub-Menu                                       */
/**************************************************/
#nav li div
{
    position: absolute;
    z-index: 999;
    display: none;
    padding-top: 45px\9; /* Only used in IE */
    padding-left: 15px;
    width: 156px;
    margin-top: -10px;
    margin-left: -10px;
}
*:first-child + html #nav li div
{
    margin-top: 0px;
}
*html #nav li div
{
    margin-top: 0px;
}
/**************************************************/
#nav li ul.inner
{
    float: left;
    margin-left: 0;
    padding-left: 15px;
    padding-right: 15px;
    width: 160px;
    background-image: url('images/menu/fs_submnu_bg.png');
    background-repeat: repeat-y;
    background-position: left top;
}
*html #nav li ul.inner
{
    padding-left: 0px;
}
*html #nav li ul.inner li
{
    margin-left: 4px;
}
/**************************************************/
*:first-child + html #nav li div.mnuBut1
{
    /*margin-left: -153px;*/
    margin-top:-60px;
}
*html #nav li div.mnuBut1
{
    /*margin-left: -158px;*/
    margin-top:-60px;
}

/**************************************************/
*:first-child + html #nav li div.mnuBut2
{
    /*margin-left: -146px;*/
        margin-top:-60px;
}
*html #nav li div.mnuBut2
{
    /*margin-left: -151px;*/
    margin-top:-60px;
}
/**************************************************/
*:first-child + html #nav li div.mnuBut3
{
    /*margin-left: -147px;*/
        margin-top:-60px;
}
*html #nav li div.mnuBut3
{
    /*margin-left: -152px;*/
        margin-top:-60px;
}
/**************************************************/
*:first-child + html #nav li div.mnuBut4
{
    /*margin-left: -145px;*/
        margin-top:-60px;
}
*html #nav li div.mnuBut4
{
    /*margin-left: -150px;*/
        margin-top:-60px;
}
*:first-child + html #nav li div.mnuBut5
{
    /*margin-left: -145px;*/
        margin-top:-60px;
}
*html #nav li div.mnuBut5
{
    /*margin-left: -150px;*/
        margin-top:-60px;
}
/**************************************************/
/* Sub-Menu Links                                 */
/**************************************************/
#nav li div ul
{
    margin: 0;
    padding: 0;
    margin-left: 10px;
    height: 100%;
}
#nav li div li
{
    margin: 0;
    padding: 0;
    width: 100%;
    clear: both;
    padding-left: 7px;
    background: url('images/green_bg.jpg') no-repeat left 8px;
}
#nav li div li a
{
    color: #333;
    text-decoration: none;
}
#nav li div li a:hover
{
    color: #333;
    text-decoration: underline;
}

#submenu
{
    width: 100%;
    height: 20px;
    clear: both;
    text-align: right;
    padding-top: 5px;
}
*:first-child + html #submenu
{
    height: 15px;
}
*html #submenu
{
    height: 15px;
    margin-bottom: -2px;
}

#language
{
    float: right;
}
#language span
{
    color: #8CC63E;
    font-weight: bold;
    font-size: 12pt;
}
#share
{
    margin-right: 10px;
    float: right;
}

ol
{
    list-style-type: decimal;
    padding-left: 24px;
}
#main
{
    width: 100%;
}
#main ul
{
    list-style-type: none;
}
#main ul li
{
    padding-left: 7px;
    background: url(images/green_bg.jpg) no-repeat left 8px;
}
*:first-child + html #greenBoxTop
{
    margin-bottom: -4px;
}
* html #greenBoxTop
{
    margin-bottom: -4px;
}

#greenBox
{
    margin-left: 6px;
    background: url(images/fs_greenBoxBackground.jpg) repeat-y;
    height: 289px;
    text-align: left;
    padding-left: 20px;
}
#greenBox ul
{
    list-style-type: none;
}
#greenBox ul li
{
    padding-left: 7px;
    background: url(images/white_bg.jpg) no-repeat left center;
}
#greenBoxAdmin
{
    margin-left: 6px;
    background: url(images/fs_greenBoxBackground.jpg) repeat-y;
    height: auto;
    text-align: left;
    padding-left: 25px;
}
#greenBoxSub
{
    margin-left: 7px;
    background: url(images/fs_whiteBoxBackground.jpg) repeat-y;
}
.whiteBoxBottom
{
    margin-bottom: 10px;
}
*:first-child + html .whiteBoxBottom
{
    margin-bottom: 5px;
}

#content
{
    margin-left: 7px;
    margin-right: -7px;
    padding-left: 20px;
    padding-right: 30px;
    padding-top: 13px;
    padding-bottom: 0;
    background: url('images/fs_whiteBoxBackground.jpg') repeat-y;
    text-align: left;
    float: left;
}
*:first-child + html #content
{
    margin-top: -4px;
    margin-bottom: -3px;
}
* html #content
{
    margin-top: -4px;
    margin-bottom: -3px;
}

#footer
{
    margin-left: 7px;
    background: url(images/fs_footer_Background.jpg) repeat-y -1px top;
    height: 100%;
    margin-top: -5px;
}
#footer .inner
{
    padding-top: 20px;
    margin-left: 25px;
}
#footer h6
{
    font-weight: bold;
}
#footer ul
{
    list-style-type: none;
}
#footer ul li
{
    padding-left: 7px;
    background: url('images/green_bg.jpg') no-repeat left 8px;
}
#footer div ul li a
{
    color: #333;
    text-decoration: none;
}
#footer div ul li a:hover
{
    color: #333;
    text-decoration: underline;
}
#footer div.section1
{
    width: 200px;
    float: left;
    text-align: left;
}
#footer div.section2
{
    width: 190px;
    float: left;
    text-align: left;
}
#footer div.section3
{
    width: 190px;
    float: left;
    text-align: left;
}
#footer div.section4
{
    width: 190px;
    float: left;
    text-align: left;
}
#footer div.section5
{
    width: 150px;
    float: left;
    text-align: left;
}

#copy a
{
    color: #4A4A4A;
    text-decoration: none;
}
/**************************************************/
/*  Used As Selector To Apply JavaScript Behaviours
/**************************************************/
table.alternate
{
}
table.mouseover
{
}
table tr.head
{
}
table tr.spacer
{
}
table tr.summary
{
}
table td.spacer
{
    background-color: #fff;
}

/**************************************************/
/*  Table Classes
/**************************************************/

/* bottom right left top border */
.brltb
{
    border: 1px solid #999;
}
/* header cell */
.hc
{
    width: 70px;
    height: 20px;
    text-align: center;
    vertical-align: bottom;
    padding: 5px;
    font-weight: bold;
}
/* bottom right border */
.brb
{
    border: 1px solid #999;
    border-left: 0;
    border-top: 0;
}
/* bottom right left border */
.brlb
{
    border: 1px solid #999;
    border-top: 0;
}

.even
{
    background-color: #FFFFFF;
}
.odd
{
    background-color: #F1F1F1;
}
.over
{
    background-color: #e5e5e5;
}

table.report td
{
    padding: 5px;
}
/**************************************************/
/*  Report Colors
/**************************************************/

.light
{
    background-color: #F7F7F7;
    color: #fff;
}
.grey
{
    background-color: #BFBFBF;
    color: #fff;
}
.green
{
    background-color: #99CC00;
    color: #fff;
}
.orange
{
    background-color: #FFC000;
    color: #fff;
}
.yellow
{
    background-color: #FFFF00;
    color: #8C9B93;
}
.red
{
    background-color: #FF0000;
    color: #fff;
}
.blue
{
    background-color: #8DB4E3;
    color: #fff;
}

.green
{
    background-color: #8CC63E;
    color: #fff;
}
.greenDark
{
    background-color: #729900;
    color: #fff;
}
.greenLight
{
    background-color: #B3EF00;
    color: #fff;
}
.brown
{
    background-color: #E46D0A;
    color: #fff;
}


/**************************************************/
/* BUTTONS                                        */
/**************************************************/
.buttonLarge
{
    border-width: 0px;
    cursor: pointer;
    height: 40px;
    width: 150px;
}
.btnImage
{
    background-image: url(Images/fs_greenBoxBackground.jpg);
    background-repeat: repeat-y;
    background-color: Transparent;
    font-family: Arial;
    font-size: 14pt;
    font-weight: bold;
    color: #fff;
}

.lnkMed
{
    background:url(images/button/med.png) no-repeat;
    color:#8CC63F;
    display: block;
    width: 150px;
    height: 21px;
    text-align: center;
    line-height: 21px;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}
.lnkMed:hover
{
    background:url(images/button/med.png) no-repeat;
    color:#4A4A4A;
    display: block;
    width: 150px;
    height: 21px;
    text-align: center;
    line-height: 21px;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}
.lnkxBig
{
    background:url(images/button/xbig.png) no-repeat;
    color:#8CC63F;
  display: block;
    width: 300px;
    height: 21px;
    text-align: center;
    line-height: 21px;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}
.lnkxBig:hover
{
    background:url(images/button/xbig.png) no-repeat;
    color:#4A4A4A;
    display: block;
    width: 300px;
    height: 21px;
    text-align: center;
    line-height: 21px;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}
/**************************************************/
/*DIV                                             */
/**************************************************/
#content_Wrap
{
    width: 900px;
    padding: 5px;
}
#content_Header
{
    width: inherit;
    height: auto;
    text-align: center;
}
#content_Main
{
    width: inherit;
    height: auto;
}
#content_Edit
{
    text-align: left;
    padding-left: 15px;
    padding-top: 15px;
}

.dvLabel
{
    float: left;
    width: 130px;
    margin-bottom: 5px;
    clear: left;
    padding: 0;
}
.dvData
{
    width: 800px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: -9px;
    float: left;
}
.dvSubData
{
    width: 400px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: -9px;
    float: left;
}
#dvCtrlButtons
{
    padding-left: 5px;
    text-align: right;
    padding-right: 20px;
}

.divThirdSplit
{
    float: left;
    width: 320px;
}
.cBoth
{
    clear: both;
}

/**************************************************/
/* SPACER  VALUES                                 */
/**************************************************/
.spacer5
{
    width: 5px;
}
.spacer10
{
    width: 10px;
}
.spacer15
{
    width: 15px;
}
.spacer20
{
    width: 20px;
}
.spacer50
{
    width: 50px;
}
.spacerH5
{
    height: 5px;
}
.spacerH10
{
    height: 10px;
    background: #fff;
}
.spacerH15
{
    height: 15px;
    background: #fff;
}
.spacerH20
{
    height: 20px;
    background: #fff;
}
.spacerH50
{
    height: 50px;
    background: #fff;
}

/**************************************************/
/* Controls                                       */
/**************************************************/
.txtLongSingleLine
{
    width: 770px;
}

a.langSelected
{
    color: #8CC63E;
    font-family: Verdana;
    font-size: 8pt;
    font-style: normal;
    font-weight: Bold;
    text-decoration: none;
    margin-left: 10px;
    margin-right: 10px;
    cursor: default;
}
a:hover.lang
{
    color: #8CC63E;
    font-family: Verdana;
    font-size: 8pt;
    font-style: normal;
    font-weight: Bold;
    text-decoration: none;
    margin-left: 10px;
    margin-right: 10px;
}
a.lang
{
    color: #BFBFBF;
    font-family: Verdana;
    font-size: 8pt;
    font-style: normal;
    font-weight: Bold;
    text-decoration: none;
    margin-left: 10px;
    margin-right: 10px;
}

#jValSummary li
{
    padding-left: 0px !important;
    background-image: none !important;
}




/**************************************************************************************/
/*  ToolTip                                                                           */
/**************************************************************************************/
#tooltip {
	position: absolute;
	z-index: 3000;
}
#tooltip h3, 
#tooltip div { margin: 0; }

.tooltip_t_l
{
    float:left;
    width:12px;
    height:12px;
    background: url(images/tooltip/t-left.png) no-repeat;
}
.tooltip_t_c
{
    float:left;
    height:12px;
    background: url(images/tooltip/t-center.png) repeat-x;
}
.tooltip_t_r
{
    float:left;
    width:14px;
    height:12px;
    background: url(images/tooltip/t-right.png) no-repeat;
    clear:right;
}
                
.tooltip_m_l
{
    float:left;
    width:12px;
    background: url(images/tooltip/m-left.png) repeat-y;
}
.tooltip_m_c
{
    float:left;
    background-color:#fff;
    overflow:auto;
}
.tooltip_m_r
{
    float:left;
    width:14px;
    clear:right;
    background: url(images/tooltip/m-right.png) repeat-y;
}

.tooltip_b_l
{
    float:left;
    width:12px;
    height:14px;
    background: url(images/tooltip/b-left.png) no-repeat;
}
.tooltip_b_c
{
    float:left;
    height:14px;
    background: url(images/tooltip/b-center.png) repeat-x;
}
.tooltip_b_r
{
    float:left;
    width:14px;
    height:14px;
    background: url(images/tooltip/b-right.png) no-repeat;
}


/****************************************************************************************/
/* TABLE SORTER                                                                         */
/****************************************************************************************/
/* tables */
table.tablesorter
{
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th
{
    background-color: #fff;
    border-top-color: #8CC63F;
    border-bottom-color: #8CC63F;
    border-left-color: #fff;
    border-right-color: #fff;
    color:#8CC63F;
}
table.tablesorter tfoot tr th
{
    border-bottom-width:0px;
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp
{
    background-color: #034414;
    
}
table.tablesorter thead tr .header
{
    background-image: url(images/tablesorter/bg.gif);
    color:#8CC63F;
}
table.tablesorter tbody td
{
    color: #3D3D3D;
}
table.tablesorter thead tr .headerSortUp
{
    background-image: url(images/tablesorter/asc.gif);
    color:#fff;
}
table.tablesorter thead tr .headerSortDown
{
    background-image: url(images/tablesorter/desc.gif);
    color:#fff;
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp
{
    background-color: #8CC63F;
}
/**************************************************/
/* Table Sorter colors
/**************************************************/
.even{background-color:#FFFFFF;}
.odd{background-color:#F1F1F1;}
.over{background-color:#e5e5e5;}

/**************************************************/
/*  Used As Selector To Apply JavaScript Behaviours
/**************************************************/
table td.spacer { background-color:#fff; }

/**************************************************/
/*  Report Colors
/**************************************************/

.light  { background-color:#F7F7F7; color:#fff; }
.grey   { background-color:#BFBFBF; color:#fff; }
.green  { background-color:#99CC00; color:#fff; }
.orange { background-color:#FFC000; color:#fff; }
.yellow { background-color:#FFFF00; color:#8C9B93; }
.red    { background-color:#FF0000; color:#fff; }
.blue   { background-color:#8DB4E3; color:#fff; }

.greenDark  { background-color:#729900; color:#fff; }
.greenLight { background-color:#B3EF00; color:#fff; }
.brown   { background-color:#E46D0A; color:#fff; }

/**************************************************/
/*  Report Cells Style
/**************************************************/
/* Sub header cell */ 
.subhc { background-color: #CCC; }

/* bottom right border */
.brb    { border-color:#999;}

/* bottom right top border */
.brtb   { border-color: #999;}

/* bottom right left border */
.brlb   { border-color: #999; }

/* bottom right left top border */
.brltb   { border-color: #999; }

.sectionHeader{ background-color: #999; color: #fff; }

