/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xx  LISTDIV CONTRACT AND EXPAND  xx
xx  xxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.caption
{
	border-right: #9f9f9f 1px solid;
	border-top: #9f9f9f 1px solid;
	font-weight: bold;
	font-size: 12px;
	background: url(effect.gif) #a8a8a8 repeat-x;
	text-transform: uppercase;
	border-left: #9f9f9f 1px solid;
	width: 520px;
	color: #000;
	border-bottom: #9f9f9f 1px solid;
	text-align: center;
}

.captionpager
{
	border-right: #9f9f9f 1px solid;
	border-top: #9f9f9f 1px solid;
	background: url(effect.gif) #a8a8a8 repeat-x;
	border-left: #9f9f9f 1px solid;
	width: 520px;
	color: #000;
	border-bottom: #9f9f9f 1px solid;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
}

.captionpager a
{
	padding-left:8px;
	padding-right:8px;
	color: Navy;
}

.sectiontitle
{
	font-weight: bold;
	font-size: 13px;
	color: black;
	padding-top: 12px;
	text-decoration: underline overline;
}

.remarks
{
	width: 520px;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	padding-top: 12px;
}


#listdivcontract
{
	height: 406px;
	overflow: auto;
	background: #F2F2F2;
	padding-bottom: 3px;
	width: 520px;
	scrollbar-base-color: #567;
	scrollbar-arrow-color: #fff;
	scrollbar-darkshadow-color: #ccc;
	scrollbar-face-color: #505050;
}

#listdivexpand
{
	height: 542px;
	overflow: auto;
	background: #F2F2F2;
	padding-bottom: 3px;
	width: 520px;
	scrollbar-base-color: #567;
	scrollbar-arrow-color: #fff;
	scrollbar-darkshadow-color: #ccc;
	scrollbar-face-color: #505050;
}

#listdivcontract > table, #listdivexpand > table
{
	width: 99%;
}

#listdivcontract table, #listdivexpand table
{
	font: 11px Arial, Helvetica, sans-serif;
	background-color: #f2f2f2;
}
/* Note: '.caption' instead of 'caption' because used in DataList's HeaderCss */
#listdivcontract .caption, #listdivexpand .caption 
{
	background: #000 url( "effect.gif" ) repeat-x;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #000;
}
#listdivcontract thead th, #listdivexpand thead th
{
	border-right: #b76e00 1px solid;
	padding-right: 2px;
	border-top: #f4d39e 1px solid;
	padding-left: 2px;
	background: url(effect3.gif) #f5b348 repeat-x;
	padding-bottom: 2px;
	text-transform: uppercase;
	border-left: #f4d39e 1px solid;
	color: #330000;
	padding-top: 2px;
	border-bottom: #b76e00 1px solid;
}
#listdivcontract tfoot th, #listdivexpand tfoot th
{
	background: #F29601 url( "effect5.gif" ) repeat-x;
	color: #330000;
	padding: 2px;
	text-transform: uppercase;
	font-size: 12px;
}
#listdivcontract tfoot td, #listdivexpand tfoot td
{
	background: #FC0 url( "effect4.gif" ) repeat-x;
	color: #330000;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	padding: 0px 5px;
}
#listdivcontract .odd, #listdivexpand .odd
{
}
#listdivcontract .clear tbody td, #listdivexpand .clear tbody td
{
	font-size: 11px;
	border-right: 0px;
	border-top: 0px;
	background-image: none;
	border-left: 0px;
	border-bottom: 0px;
	text-align: right;
	text-decoration: none;
}
#listdivcontract tbody td, #listdivexpand tbody td
{
	font-size: 11px;
	color: #000;
	padding: 2px;
	text-align: center;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #AFB5B8;
	border-right: 1px solid #AFB5B8;
}
#listdivcontract tbody th, #listdivexpand tbody th
{
	background: #000 url( "effect.gif" ) repeat-x;
	color: #D7DBDD;
	padding: 2px;
	text-align: center;
	border-top: 1px solid #93A1AA;
	border-left: 1px solid #93A1AA;
	border-bottom: 1px solid #2F3B42;
	border-right: 1px solid #2F3B42;
}
#listdivcontract tbody td a, #listdivexpand tbody td a
{
	color: #6C7579;
	text-decoration: none;
	font-weight: bold;
}
#listdivcontract tbody td a:hover, #listdivexpand tbody td a:hover
{
/*	background-color: #000;
	color: #FFF;*/
}
#listdivcontract tbody th a, #listdivexpand tbody th a
{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
#listdivcontract tbody th a:hover, #listdivexpand tbody th a:hover
{
	color: #FC0;
	text-decoration: none;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xx  DETAIL DIV                   xx
xx  xxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


#detaildiv > table
{
	width: 99%;
}
#detaildiv
{
	width: 520px;
}

#detaildiv table
{
	font: 11px Arial, Helvetica, sans-serif;
	background-color: #F2F2F2;
}
#detaildiv caption
{
	background: #000 url( "effect.gif" ) repeat-x;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #000;
}
#detaildiv thead th
{
	background: #F5B348 url( "effect3.gif" ) repeat-x;
	color: #330000;
	padding: 2px;
	text-transform: uppercase;
	border-top: 1px solid #F4D39E;
	border-left: 1px solid #F4D39E;
	border-bottom: 1px solid #B76E00;
	border-right: 1px solid #B76E00;
	font-size: 12px;
	width: 520px;
}

#detaildiv thead th table tbody td
{
	background: #F5B348 url( "effect3.gif" ) repeat-x;
	color: #330000;
	padding: 2px;
	text-transform: uppercase;
	border-top: 1px solid #F4D39E;
	border-left: 1px solid #F4D39E;
	border-bottom: 1px solid #B76E00;
	border-right: 1px solid #B76E00;
	font-size: 12px;
	word-wrap: break-word;
}

#detaildiv tfoot th
{
	background: #F29601 url( "effect5.gif" ) repeat-x;
	color: #330000;
	padding: 2px;
	font-size: 12px;
}
#detaildiv tfoot td
{
	background: #FC0 url( "effect4.gif" ) repeat-x;
	color: #330000;
	font-weight: bold;
	font-size: 12px;
	padding: 0px 5px;
}
#detaildiv .odd
{
}
#detaildiv tbody td
{
	background: #D7DBDD url( "effect2.gif" ) repeat-x;
	color: #000;
	padding: 2px;
	text-align: center;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #AFB5B8;
	border-right: 1px solid #AFB5B8;
}
#detaildiv tbody th
{
	background: #000 url( "effect.gif" ) repeat-x;
	color: #D7DBDD;
	padding: 2px;
	text-align: center;
	border-top: 1px solid #93A1AA;
	border-left: 1px solid #93A1AA;
	border-bottom: 1px solid #2F3B42;
	border-right: 1px solid #2F3B42;
}
#detaildiv tbody td a
{
	color: #6C7579;
	text-decoration: none;
	font-weight: bold;
}
#detaildiv tbody td a:hover
{
	background-color: #000;
	color: #FFF;
}
#detaildiv tbody th a
{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
#detaildiv tbody th a:hover
{
	color: #FC0;
	text-decoration: none;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xx  CART DIV                     xx
xx  xxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


#cartdiv > table
{
	width: 99%;
}
#cartdiv
{
	width: 520px;
}

#cartdiv table
{
	font: 11px Arial, Helvetica, sans-serif;
	background-color: #F2F2F2;
}
#cartdiv caption
{
	background: #000 url( "effect.gif" ) repeat-x;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #000;
}
#cartdiv thead th
{
	border-right: #0049b7 1px solid;
	padding-right: 2px;
	border-top: #9ebff4 1px solid;
	padding-left: 2px;
	font-size: 12px;
	background: url(effect3_blue.gif) #488af5 repeat-x;
	padding-bottom: 2px;
	text-transform: uppercase;
	border-left: #9ebff4 1px solid;
	color: black;
	padding-top: 2px;
	border-bottom: #0049b7 1px solid;
}
#cartdiv tfoot th
{
	background: #015CF2 url( "effect5_blue.gif" ) repeat-x;
	color: #093372;
	padding: 2px;
	text-transform: uppercase;
	font-size: 12px;
}
#cartdiv tfoot td
{
	background: #0033FF url( "effect4_blue.gif" ) repeat-x;
	color: #093372;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	padding: 0px 5px;
}
#cartdiv .odd
{
}
#cartdiv tbody td
{
	background: #D7DBDD url( "effect2.gif" ) repeat-x;
	color: #000;
	padding: 2px;
	text-align: center;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #AFB5B8;
	border-right: 1px solid #AFB5B8;
}
#cartdiv tbody th
{
	background: #000 url( "effect.gif" ) repeat-x;
	color: #D7DBDD;
	padding: 2px;
	text-align: center;
	border-top: 1px solid #93A1AA;
	border-left: 1px solid #93A1AA;
	border-bottom: 1px solid #2F3B42;
	border-right: 1px solid #2F3B42;
}
#cartdiv tbody td a
{
	color: #6C7579;
	text-decoration: none;
	font-weight: bold;
}
#cartdiv tbody td a:hover
{
	background-color: #000;
	color: #FFF;
}
#cartdiv tbody th a
{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
#cartdiv tbody th a:hover
{
	color: #FC0;
	text-decoration: none;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xx  CART DIV                     xx
xx  xxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


#cartdiv > table
{
	width: 99%;
}
#cartdiv
{
	width: 520px;
}

#cartdiv table
{
	font: 11px Arial, Helvetica, sans-serif;
	background-color: #F2F2F2;
}
#cartdiv caption
{
	background: #000 url( "effect.gif" ) repeat-x;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #000;
}
#cartdiv thead th
{
	background: #488AF5 url( "effect3_blue.gif" ) repeat-x;
	color: #330000;
	padding: 2px;
	text-transform: uppercase;
	border-top: 1px solid #9EBFF4;
	border-left: 1px solid #9EBFF4;
	border-bottom: 1px solid #0049B7;
	border-right: 1px solid #0049B7;
}
#cartdiv tfoot th
{
	background: #015CF2 url( "effect5_blue.gif" ) repeat-x;
	color: #093372;
	padding: 2px;
	text-transform: uppercase;
	font-size: 12px;
}
#cartdiv tfoot td
{
	background: #0033FF url( "effect4_blue.gif" ) repeat-x;
	color: #093372;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	padding: 0px 5px;
}
#cartdiv .odd
{
}
#cartdiv tbody td
{
	background: #D7DBDD url( "effect2.gif" ) repeat-x;
	color: #000;
	padding: 2px;
	text-align: center;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #AFB5B8;
	border-right: 1px solid #AFB5B8;
}
#cartdiv tbody th
{
	background: #000 url( "effect.gif" ) repeat-x;
	color: #D7DBDD;
	padding: 2px;
	text-align: center;
	border-top: 1px solid #93A1AA;
	border-left: 1px solid #93A1AA;
	border-bottom: 1px solid #2F3B42;
	border-right: 1px solid #2F3B42;
}
#cartdiv tbody td a
{
	color: #6C7579;
	text-decoration: none;
	font-weight: bold;
}
#cartdiv tbody td a:hover
{
	background-color: #000;
	color: #FFF;
}
#cartdiv tbody th a
{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
#cartdiv tbody th a:hover
{
	color: #FC0;
	text-decoration: none;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xx  MISC                         xx
xx  xxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
#detaildiv .productdetail
{
	WIDTH: 127px;
	TEXT-ALIGN: left;
	BACKGROUND-COLOR: transparent;
}

.wrap
{
	word-wrap: break-word;
}