/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
html {
    height:100%;
    overflow-y: scroll;
}

    .sodirty {

    }

    /** BODY ***************************************************************************************************************/
    body{
	    height:100%;
	    margin:0;
	    padding:0;
	    font-family:Arial, Helvetica, sans-serif;
	    font-size:100%;
	    line-height:120%;
	    text-align:center;
	    color:#333;
	    background:#fff url(/Images/bg_globalheader.jpg) 50% 0 no-repeat;
    }

    #header-fixed {
        position: fixed;
        top: 0px; display:none;
        background-color:white;
        width: 100%;
    }

    #floatingdiv {
        position: fixed;
        background: #ffffff;
        padding: 6px;
        color:#333; 
        font:normal 10px Arial, Helvetica, sans-serif; 
        text-decoration: none; 
        text-transform: uppercase;
        bottom: 0px;
        right: 0px;
        left: 0px;
        width: 100%;
    }

    td {
        vertical-align: top;
    }

    td.normal {
        background-color: white;
    }

    td.ordered {
        background-color: green;
    }

    td.confirmed {
        background-color: orange;
    }

    td.forecasted {
        background-color: blue;
    }

    td.closed {
        background-color: #6699cc;
    }

    td.discontinued {
        background-color: gray;
    }

    td.underprocess {
        background-color: gray;
    }

    td.danger {
        background-color: orange;
    }

    td.success {
        background-color: green;
    }

    tr.even {
     background-color: gray;
    }
    tr.odd {
        background-color: #fff;
    }
    .highlight {
    background-color: #fffdcd !important;
    }

    a{
    /*\*/
       overflow: hidden;
    /**/
    }

    img{ border:none; }
    a.imglink:hover{ background: url(../images/1px.gif) 0 0 no-repeat; }

    p{ margin:0 0 10px 0; padding:0; }

    h1,
    h2{ margin:0; padding:0; font-size:100%; line-height:120%; }
    h3{ margin:0; padding:0; font-size:130%; line-height:140%; font-weight:100; color:#144866; }
    h4{ margin:0; padding:0; font-size:90%; line-height:120%; }
    h5{ margin:0; padding:0; font-size:100%; line-height:120%; }

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

    ul.normal{
	    padding-left:16px;
    }

    ul.normal li{
	    list-style:disc;
    }

    .small{ font-size:80%; line-height:110%; }
    span.new{ color:#FF0000; }


    /** NORMAL ARROW LINK ************************************************************************************************/
    a.rightarrow{
	    padding-left:16px;
	    padding-bottom:2px;
	    background: url(../images/btn_arrow_right.gif) 2px 0.2em no-repeat;
    }

    a.popup{
	    padding-left:16px;
	    padding-bottom:2px;
	    background: url(../images/btn_blank.gif) 2px 0.2em no-repeat;
    }


    /** LINK COLOR *******************************************************************************************************/
    a{ padding:0 2px; }
    a:link{ color: #1e6a99;text-decoration:none; }
    a:visited{ color: #5e8399;text-decoration:none; }
    a:hover{ color: #1e6a99;text-decoration:none; background-color: #b2e1ff; }
    a:active{ color: #e58000;text-decoration:none; }



    /** WRAPPER **********************************************************************************************************/
    * html div#wrapper{
        height:100%;
    }
    div#wrapper{
	    position:relative;
	    min-height:100%;
	    width:100%;
	    margin:0 auto;
	    padding:0;
	    text-align:left;
    }
    body > #wrapper {
            height: auto;
    }

    /** HEADER ***********************************************************************************************************/
    div#header{
	    width:760px;
	    margin:0 auto;
	    padding:17px 0 49px 0;
	    text-align:left;
    }


    /** LOGO *************************************************************************************************************/
    div#logo{
	    float:left;
	    width:197px;
    }

    div#logo h1{ float:left; width:105px; }
    div#logo h1 a{ padding:0; }
    div#logo h1 a:hover{ background: url(../images/1px.gif) 0 0 no-repeat; }


    /** GLOBAL MENU ******************************************************************************************************/
    div#globalmenu{
	    float:right;
	    width:543px;
	    text-align:left;
	    padding:0;
    }

    div#globalmenu ul,
    div#globalmenu li{
	    margin:0;
	    padding:0;
	    list-style:none;
    }

    div#globalmenu li{
	    display:inline;
    }

    div#globalmenu li#global01 a,
    div#globalmenu li#global02 a,
    div#globalmenu li#global03 a,
    div#globalmenu li#global04 a,
    div#globalmenu li#global05 a{
	    display:block;
	    float:left;
	    height:36px;
	    margin:0 5px 0 0;
	    padding:0;
	    text-indent:-9999px;
    }

    div#globalmenu li#global06 a{
	    display:block;
	    float:left;
	    height:36px;
	    margin:0;
	    padding:0;
	    text-indent:-9999px;
    }

    div#globalmenu li#global01 a{ width:65px; background: url(../../common/images/globalnavi01.gif) 0 0 no-repeat; }
    div#globalmenu li#global02 a{ width:107px; background: url(../../common/images/globalnavi02.gif) 0 0 no-repeat; }
    div#globalmenu li#global03 a{ width:76px; background: url(../../common/images/globalnavi03.gif) 0 0 no-repeat; }
    div#globalmenu li#global04 a{ width:94px; background: url(../../common/images/globalnavi04.gif) 0 0 no-repeat; }
    div#globalmenu li#global05 a{ width:86px; background: url(../../common/images/globalnavi05.gif) 0 0 no-repeat; }
    div#globalmenu li#global06 a{ width:42px; background: url(../../common/images/globalnavi06.gif) 0 0 no-repeat; }

    div#globalmenu li#global01 a:hover,
    div#globalmenu li#global02 a:hover,
    div#globalmenu li#global03 a:hover,
    div#globalmenu li#global04 a:hover,
    div#globalmenu li#global05 a:hover,
    div#globalmenu li#global06 a:hover,
    div#globalmenu li#global01 a.on,
    div#globalmenu li#global02 a.on,
    div#globalmenu li#global03 a.on,
    div#globalmenu li#global04 a.on,
    div#globalmenu li#global05 a.on,
    div#globalmenu li#global06 a.on{ background-position:0 -36px; }


    /** BREAD CRUMB *****************************************************************************************************/
    div#breadcrumb{
	    height:3em;
	    width:100%;
	    margin:0 auto 6px auto;
	    padding:0;
	    font-size:70%;
	    line-height:120%;
	    color:#606060;
	    background: url(../images/bg_breadcolumn.gif) 0 100% no-repeat;
    }


    /** CONTENT *********************************************************************************************************/
    div#content{
	    min-height:100%;
	    width:100%;
	    margin:0 auto;
	    padding-bottom:120px;
	    font-size:80%;
    }


    /** LEFT NAVIGATION *************************************************************************************************/
    div#leftNavigation{
	    float:left;
	    min-height:100%;
	    width:156px;
	    padding-bottom:120px;
	    background: url(../images/bg_lnavi_top.gif) 0 0 no-repeat;
    }

    div#lnaviWrapper{
	    padding-bottom:4px;
	    background: url(../images/bg_lnavi_bottom.gif) 0 100% no-repeat;
    }

    div#leftNavigation h2{
	    padding:11px 0 10px 8px;
	    background: url(../images/bg_lnavi_header.gif) 0 0 no-repeat;
    }

    div#leftNavigation ul{ height:1%; }

    div#leftNavigation ul,
    div#leftNavigation li{
	    margin:0;
	    padding:0;
	    list-style:none;
    }

    div#leftNavigation ul{
	    padding:0 6px 0 7px;
	    background: url(../images/bg_lnavi_middle.gif) 0 0 repeat-y;
    }

    div#leftNavigation li{
	    padding:1px 0;
	    line-height:100%;
	    border-top:1px dotted #b3b3b3;
    }


    div#leftNavigation ul li ul{ padding:0; background: url(); }
    div#leftNavigation ul li ul li{
	    height:1%;
	    margin:0;
	    padding:1px 0 0 0;
	    border:none;
    }


    div#leftNavigation li.lnavi_title{
	    display:block;
	    padding:5px 5px 2px 15px;
	    color: #1e6a99;
	    background: url(../images/btn_arrow_right.gif) 1px 0.5em no-repeat;
    }

    div#leftNavigation li.lnavi_title ul{
	    margin-top:5px;
	    margin-left:-15px;
    }


    /** Bunner Area *********************************************************************************************************/
    div.bunnerArea{
	    margin-top:25px;
    }

    div.bunnerArea p{ margin-bottom:5px; }

    div.bunnerArea a:hover{ background: url(/common/images/1px.gif) 0 0 no-repeat; }


    /** Related Area *********************************************************************************************************/
    div.relatedArea{
	margin-top:25px;
	font-size:80%
}
div.relatedArea div.boxA{
	border:1px solid #cdcdcd;
	margin-bottom:10px;
}
div.relatedArea div.boxA h3{
	margin-bottom:5px;
	padding:0 5px;
	border-bottom:2px solid #5ba9da;
	color:#1f699a;
	background-color:#ebf8ff;
	font-weight:bold;
}
div.relatedArea div.boxA h3 a{
	color:#1f699a;
}
div.relatedArea div.boxA h3 a:hover{
	color:#1f699a;
	background-color:transparent;
	text-decoration:underline;
}
div.relatedArea div.boxA p.txt{
	margin-bottom:5px;
	padding:0 5px;
	line-height:1.2;
}
div.relatedArea div.boxA p.lnk{
	margin-bottom:5px;
	padding:0 5px;
	text-align:right;
}
div.relatedArea div.boxA p.lnk a{
	padding:2px 0 2px 15px;
	background: url(../images/btn_arrow_right.gif) 1px 50% no-repeat;
	font-weight:bold;
	line-height:21px;
}
div.relatedArea div.boxA p.lnk a:hover{
	background-color:#b2e1ff;
}


/** for IE Hack *****************************************************************************************************/
*+html body div#leftNavigation li{ padding:1px 0 0 0; }
* html body div#leftNavigation ul li ul li,
*+html body div#leftNavigation ul li ul li{ padding:0; }

div#leftNavigation li a{
	display:block;
	padding:5px 5px 5px 15px;
	background: url(../images/btn_arrow_right.gif) 1px 0.5em no-repeat;
}

div#leftNavigation ul li ul li a{
	display:block;
	width:108px;
	padding-left:30px;
	background: url(../images/btn_arrow_right_sub.gif) 16px 0.5em no-repeat;
}

div#leftNavigation li a.on,
div#leftNavigation li a:hover{
	background-color:#b2e1ff;
}


/** MAIN ************************************************************************************************************/
div#main{
	float:right;
	width:540px;
	padding-bottom:20px;
}

h3.h3header{
	margin-bottom:10px;
	font-weight:bold;
}

h4.h4headerbg{ background: url(../images/h4_df_l.gif) 0 0 no-repeat; }
h4.h4headerbg2cl{ background: url(../images/h4_df_l2cl.gif) 0 0 no-repeat; }

h4.h4headerbgm{ background: url(../images/h4_df_m.gif) 0 0 no-repeat; }
h4.h4headerbgm2cl{ background: url(../images/h4_df_m2cl.gif) 0 0 no-repeat; }

h4.h4headerbgs{ background: url(../images/h4_df_s.gif) 0 0 no-repeat; }
h4.h4headerbgs2cl{ background: url(../images/h4_df_s2cl.gif) 0 0 no-repeat; }

h4.h4headerbg,
h4.h4headerbgm,
h4.h4headerbgs{ height:22px; margin-bottom:10px; padding:7px 0 0 10px; }

h4.h4headerbg2cl,
h4.h4headerbgm2cl,
h4.h4headerbgs2cl{ height:33px; margin-bottom:10px; padding:7px 0 0 10px; }

h4.h4ptheaderbgl{ background: url(../images/h4_pt_l.gif) 0 0 no-repeat; }
h4.h4ptheaderbgl2cl{ background: url(../images/h4_pt_l2cl.gif) 0 0 no-repeat; }

h4.h4ptheaderbgm{ background: url(../images/h4_pt_m.gif) 0 0 no-repeat; }
h4.h4ptheaderbgm2cl{ background: url(../images/h4_pt_m2cl.gif) 0 0 no-repeat; }

h4.h4ptheaderbgs{ background: url(../images/h4_pt_s.gif) 0 0 no-repeat; }
h4.h4ptheaderbgs2cl{ background: url(../images/h4_pt_s2cl.gif) 0 0 no-repeat; }

h4.h4ptheaderbgl,
h4.h4ptheaderbgm,
h4.h4ptheaderbgs{ height:22px; margin-bottom:10px; padding:7px 0 0 12px; color:#fff; }

h4.h4ptheaderbgl2cl,
h4.h4ptheaderbgm2cl,
h4.h4ptheaderbgs2cl{ height:33px; margin-bottom:10px; padding:7px 0 0 12px; color:#fff; }


/** List Link ******************************************************************************************************/

div#main h4.listlnk,
div#main h4.listlnkOutSide{
	padding-bottom:5px;
	line-height:135%;
	border-bottom:1px solid #bdbdbd;
}

div#main h4.listlnk a{
	display:block;
	padding:0 0 2px 17px;
	background: url(../images/btn_arrow_right.gif) 2px 0.3em no-repeat;
}

div#main h4.listlnkOutSide a{
	display:block;
	padding:0 0 2px 17px;
	background: url(../images/btn_blank.gif) 2px 0.3em no-repeat;
}

div#main ul.listlnk li,
div#main ul.listlnkOutSide li{
	height:1%;
	margin-bottom:5px;
	line-height:135%;
}

div#main ul.listlnk a{
	display:block;
	padding:0 0 2px 17px;
	background: url(../images/btn_arrow_right.gif) 2px 0.3em no-repeat;
}

div#main ul.listlnkOutSide a{
	display:block;
	padding:0 0 2px 17px;
	background: url(../images/btn_blank.gif) 2px 0.3em no-repeat;
}

div#main p.listlnk a{
	display:block;
	padding:0 0 2px 17px;
	background: url(../images/btn_arrow_right.gif) 2px 0.4em no-repeat;
}

div#main p.listlnkOutSide a{
	display:block;
	padding:0 0 2px 17px;
	background: url(../images/btn_blank.gif) 2px 0.4em no-repeat;
}

div#main span.listlnk a{
	padding:0 2px 2px 17px;
	background: url(../images/btn_arrow_right.gif) 2px 0.1em no-repeat;
}

div#main span.listlnkOutSide a{
	padding:0 2px 2px 17px;
	background: url(../images/btn_blank.gif) 2px 0.1em no-repeat;
}

div#main .listlnk a:link,
div#main .listlnkOutSide a:link{ color: #1e6a99;text-decoration:none; }
div#main .listlnk a:visited,
div#main .listlnkOutSide a:visited{ color: #5e8399;text-decoration:none; }
div#main .listlnk a:hover,
div#main .listlnkOutSide a:hover{ color: #1e6a99;text-decoration:none; background-color: #b2e1ff; }
div#main .listlnk a:active,
div#main .listlnkOutSide a:active{ color: #e58000;text-decoration:none; }


div.innerpagelnk .banner{
	float:left;
	width:115px;
}

div.innerpagelnk .body{
	float:right;
	width:405px;
}

/** PAGETOP LINK COLOR **********************************************************************************************/
div#main .pagetop a:link{ color: #1e6a99;text-decoration:none; }
div#main .pagetop a:visited{ color: #5e8399;text-decoration:none; }
div#main .pagetop a:hover{ color: #1e6a99;text-decoration:none; background-color: #b2e1ff; }
div#main .pagetop a:active{ color: #e58000;text-decoration:none; }


div#main .headerimg{
	margin-bottom:20px;
}

div#main .column{
	margin-bottom:10px;
	padding-bottom:10px;
}

div#main .dotborderbottom{
	border-bottom:1px dotted #b3b3b3;
}

div#main .pagetop{
	margin-bottom:15px;
	font-size:87%;
	line-height:140%;
	text-align:right;
}

div#main .pagetop a{
	display:block;
	width:4.6em;
	margin:0 0 0 auto;
	padding:0 17px 2px 0;
	background: url(../images/btn_arrow_up.gif) 95% 0.35em no-repeat;
}

div#main div#flashcontent{
	border:1px solid #CCCCCC;
}


/** PAGETOP LINK COLOR **********************************************************************************************/
div#main .pagetop a:link{ color: #1e6a99;text-decoration:none; }
div#main .pagetop a:visited{ color: #5e8399;text-decoration:none; }
div#main .pagetop a:hover{ color: #1e6a99;text-decoration:none; background-color: #b2e1ff; }
div#main .pagetop a:active{ color: #e58000;text-decoration:none; }

/** FOOTER **********************************************************************************************************/
div#footer{
	position:absolute;
	bottom:-65px;
	height:112px;
	width:100%;
	font-size:70%;
	line-height:125%;
	text-align:center;
	background:#fff url(/Images/bg_globalfooter.jpg) 50% 0 no-repeat;
}

div#footer a{
	color:#000;
}


/** FOOTER LINK COLOR ***********************************************************************************************/
div#footer a:link{ color: #000; text-decoration:none; }
div#footer a:visited{ color: #000; text-decoration:none; }
div#footer a:hover{ color: #1e6a99; text-decoration:none; background-color: #b2e1ff; }
div#footer a:active{ color: #e58000; text-decoration:none; }

div#footer .pagetop{
	width:628px;
	margin:0 auto;
	padding:26px 92px 0 0;
	text-align:right;
}

div#footer .pagetop a{
	display:block;
	width:4.6em;
	margin:0 0 0 auto;
	padding:0 17px 2px 0;
	background: url(../images/btn_arrow_up.gif) 95% 0.2em no-repeat;
}

/** FOOTER PAGETOP LINK COLOR ***************************************************************************************/
div#footer .pagetop a:link{ color:#1e6a99;text-decoration:none; }
div#footer .pagetop a:visited{ color:#1e6a99;text-decoration:none; }
div#footer .pagetop a:hover{ color:#1e6a99;text-decoration:none; background-color: #b2e1ff; }
div#footer .pagetop a:active{ color:#e58000;text-decoration:none; }

/** FOOTER MENU *****************************************************************************************************/
div#footermenu{
	margin:0 0 19px;
	color:#000;
}

div#footermenu a{
	padding:0;
}

div.copyright{
}




/* Remove element */
.rmv{
	display:block;
	position:absolute;
	top:-9999px;
	left:-9999px;
}


/* clear element */
.clear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear{display:inline-table;}
/* \*/
* html .clear{height:1%;}
.clear{display:block;}
/* */

/* reset element */
.reset{
	display:block;
	clear:both;
	width:1px;
	height:1px !important;
	font-size:0%;
	background:none !important;
	overflow:hidden;
}
html>body .reset{overflow:visible;}