﻿body
{
	color: #666666;
	font-family: Tahoma;
	font-size: small;
}
.contents
{
	padding: 5px;
	vertical-align: top;
	text-align: left;
}
.contents td
{
	vertical-align:top;
	text-align: left;
	margin-left: 280px;
}
.contents a
{
	color: #009070;
	text-decoration: none;
}
.contents a:hover
{
	color: #FF0000;
}
.sidebar a
{
	color: #009070;
	text-decoration: none;
}
.sidebar a:hover
{
	color: #FF0000;
}
.contentsmenu
{
	padding: 0px 5px 0px 5px;
	vertical-align: top;
}
.contentsmenu a
{
	color: #008000;
		text-decoration: none;
}
.td-image
{
	background-repeat:repeat;
	background-position:right;
	background-image: url( 'Images/Interface/Strip2.gif' );
}
.contentsmenu a:hover
{
	color: #FF0000;
}
.breadcrumb
{
	text-align: left;
	padding-left: 5px;
	margin-left: 0px;
}
.button
{
	background-color: #CCFF99;
	border-style: solid;
	border-width: 1px;
	font-size: small;
}
.contents .label
{
	color: #000000;
	background-color: #f6f6f6;
}
.contents .numeric
{
	text-align: right;
	width: 80px;
}
.input
{
	border: 1px solid #C0C0C0;
	font-size:  small;
}
.pagetitle
{
	font-size: medium;
	font-weight: bold;
	font-style: italic;
	color: #0000FF;
	font-family: "Times New Roman", Times, serif;
}
.storytable
{
	border: 1px solid #800000;
	color: #333333;
	width: 100%;
}
.storyhead
{
	border-style: none none solid none;
	border-width: 1px;
	border-color: #33CCCC #33CCCC #008080 #33CCCC;
	font-weight: bold;
	font-size: medium;
	color: #800000;
	background-color: #FFFFFF;
	font-family: Georgia;
	text-align: left;
	padding-left: 5px;
}
.story
{
	font-size: small;
	text-align: left;
}

.sidebar
{
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #C0C0C0;
	text-align: left;
	vertical-align: top;
}
.form
{
	border: 0px solid #C0C0C0;
}
.form .input
{
	border-style: none none solid none;
	border-width: 1px;
	border-color: #C0C0C0;
	color: #000080;
}
.form .numeric
{
	border-style: none none solid none;
	border-width: 1px;
	color: #000080;
	text-align : right ;
}
.form .input input
{
	border-style: none;
	border-width: 0px;
	color: #000080;
}

.form .input select
{
	border-style: none;
	border-width: 0px;
	color: #000080;
	}
.form .storyhead
{
	border-style: none none solid none;
	border-width: 1px;
	border-color: #33CCCC #33CCCC #008080 #33CCCC;
	font-weight: bold;
	font-size: small;
	color: #0033CC;
	background-color: #FFFFFF;
	font-family: Georgia;
	text-align: left;
	padding-left: 5px;
}


.contents .selectedtreenode
{
	color: #FF0000;
	font-weight: bold;
	background-color: #FFFFCC;
	border-style: solid;
	border-width: 1px;
}
.form_toolbar
{
	background-image: url('Images/Interface/toolbar/toolbar_bg.gif' );
	background-repeat: repeat-x;
	padding-top: 0px;
	margin-top: 0px;
}
.grid_master
{
	border: 1px solid #C0C0C0;
}

.grid_master .input
{
	border: none;
	font-size:  small;
}
.grid_master .numeric
{
	/*text-align:right ;*/
	border: none;
	border-width: 0px;
	font-size: small;

}
.grid_master .readonly
{
	text-align:left ;
	vertical-align :middle;
	
}
.grid_detail
{
		border: 1px solid #C0C0C0;
	margin-bottom: 0px;
}
.grid_detail  .input
{
	border-style: none;
	border-width: 0px;
}

.grid_detail  select
{
	border-style: none;
	border-width: 0px;
}
.grid_detail .numeric
{
	border-style: none none solid none;
	border-width: 0px;
	border-color: #C0C0C0;
	text-align : right ;
}

.grid_detail tr
{
	background-color: #FFFFFF;
}
/*
.grid_detail tr:hover
{
	background-color: #FFEEEE;
}
*/
.highlight
{
	background-color: #FFFF66;
}
.section_head
{	
	border: 1px solid #800000;
	color: #333333;
	width: 100%;

}
/* procurement rate shett*/
.Sea
{
	border-color: #000000;
	border-width: 2px 1px 2px 2px;
	border-left-style: solid;
}
.Air
{
	border-color: #000000;
	border-width: 2px 1px 2px 1px;
	border-left-style: dotted;
}
.Comb
{
	border-color: #000000;
	border-width: 2px 2px 2px 1px;
	border-left-style: dotted;
}
.supplier-name
{
	border-width: 2px;
	border-color: #000000;
	border-top-style: solid;
	border-left-style: solid;
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
}
.rate-sheet
{
	border: 2px solid #000000;
}
.heading
{
	}
.heading .Sea
{
	border-color: #000000;
	border-width: 2px 1px 2px 2px;
	border-left-style: solid;
	border-bottom-style: solid;
}
.heading .Air
{
	border-color: #000000;
	border-width: 2px 1px 2px 1px;
	border-left-style: dotted;
	border-bottom-style: solid;
}
.heading .Comb
{
	border-color: #000000;
	border-width: 2px 2px 2px 1px;
	border-left-style: dotted;
	border-bottom-style: solid;
}
.dotted_col
{
	border-color: #000000;
	border-width: 2px 1px 2px 1px;
	border-left-style: dotted;
}
.heading .dotted_col
{
	border-color: #000000;
	border-width: 2px 1px 2px 1px;
	border-left-style: dotted;
	border-bottom-style: solid;
}
.heading .dotted_col_right
{
	border-color: #000000;
	border-width: 2px 2px 2px 1px;
	border-left-style: dotted;
	border-bottom-style: solid;
}
.heading .dotted_col_left
{
	border-color: #000000;
	border-width: 2px 1px 2px 2px;
	border-left-style: solid;
	border-bottom-style: solid;
}
.dotted_col_left
{
	border-color: #000000;
	border-width: 2px 1px 2px 2px;
	border-left-style: solid;
}
.grid-head
{
	background-color: #FFCC66;
	color: #FFFFFF;
}
.grid-selected
{
	background-color: #3399FF;
	color: #FFFFFF;
}
.grid-nested
{
	background-color: #CCFFCC;
}
	.grid-nested .grid-right-align {
		text-align: right !important;
	}

.grid-right-align {
	text-align: right !important;
}
.grid-image-col
{
	border-width:2px;

	border: 2px dashed #800000;
	width : 40px; 
	height: 40px; 
	
	 
	 
	}
.heading-bg
{
	background-image: url( 'images/Interface/head-bg.jpg' );
	background-repeat: repeat-x;
	text-align: center;
	font-family: Georgia;
	font-size: 12px;
	font-weight: bold;
	color: #00CC66;
	text-decoration: none;
}
.detail-align
{
	vertical-align: top;
	text-align: left;
}

/************menu CSS*******************/

.sidebar ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

.sidebar img {
    border: none;
}

/*- Menu 10--------------------------- */

#menu10 {
        width: 150px;
        margin: 0px;
        }

#menu10 li a {
        height: 24px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 22px;
        text-decoration: none;
        }

#menu10 li a:link, #menu10 li a:visited {
        color: #4D4D4D;
        display: block;
        background:  url(images/interface/menu/menu10.gif);
        padding: 4px 0 0 10px;
        }

#menu10 li a:hover, #menu10 li #current {
        color: #FF9834;
        background:  url(images/interface/menu/menu10.gif) 0 -32px;
        padding: 4px 0 0 10px;
        }
           
         

/***************************************/
.tabs_selected
{
	border-style: solid;
	border-width: 1px;
	border-color: #800000 #800000 #FFFFFF #800000;
}
.tabs_normal
{
	background-color: #EEEEEE;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #800000;
	background-image: url('Images/Interface/head-row.png');
	background-repeat: repeat-x;
}
.tabs_body
{
	border-width: 0px 1px 1px 1px;
	border-bottom-style: solid;
	border-bottom-color: #800000;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #800000;
	border-left-color: #800000;
}
.tabs_selectedMailbox
{
	background-image: url( 'Images/Interface/selectedtab.GIF' );
	background-repeat: no-repeat;
}

.tabs_unselectedMailbox
{
	background-image: url( 'Images/Interface/unselectedtab.GIF' );
	background-repeat: no-repeat;
}


/***************************************************/
.normalRow
{
background-color: White;
cursor:pointer;
}
.highlightRow
{
background-color: #CCFF99;
cursor:pointer;
}

/***************************************************/
.selectlink
{
background-color: Olive;
cursor: pointer;	
}
/*************************************************/
.watermark
{
background: #FFAAFF
}

.popupcontrol
{

border: 2px solid Black;
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	top: 368px;
	left: 322px;
	width: 202px;
	height: 176px;
}
/*************************************************/

.ButtonSend
{
	background-image: url(  'Images/Interface/email icons/Email send1.png' );
	background-repeat: no-repeat;
	text-align: center;
	width: -5;
	height: -3;
	background-color: #FFFFFF;
}

  
.litemQtr
{
	font-weight: bold ;
	
	}
.litemAnnual
{
	font-weight: bolder;
}

/**********************************************************/

.inputval
{
	border: 1px solid #C0C0C0;
	font-size:  small;
}

.inputval:focus{
    outline:none;
    border-color:blue;
    box-shadow:0 0 10px blue;
}


.txtdrp
{width:150px;}


.ajax__calendar_container {
	z-index: 1000;
}
