/*	---------------------------------------------------------
	COINv2 Realm Style Sheet
	2001 CGXmedia
	--------------------------------------------------------- */

body
{
	padding:0;
	margin:0;
	color:#000000;
	font-family:Arial;
	font-size:10pt;
}

body.header
{
	background-color:#000000;
	background-image:url(../img/southbend_header.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
}

body.shortcut
{
	background-color:#cecfce;
}

body.menuBod
{
	background-color:#cecfce;
}

body.main
{
	background-color:#ffffff;
}

a
{
	color:#000000;
	text-decoration:underline;
}

a:hover
{
	text-decoration:none;
	color:#FF0000;
}

img
{
	border:0;
}

/*	---------------------------------------------------------
	general design layout classes
	(outer tables and spacing between sections)
	Style sheets can't control cellpadding nor cellspacing.
	--------------------------------------------------------- */

table.outerCentering
{
	width:100%;
	height:100%;
	border:0;
}

table.thinBorder
{
	width:500px;
	border:1px solid #102963;
}

table.inner {
	width:95%;
}

.narrowWhiteSpace
{
	background-image:url(../img-common/trans.gif);
	height:10px;
}

.thinDarkLine
{
	background-color:#102963;
	height:1px;
}

.thinWhiteLine
{
	background-color:#FFFFFF;
	height:1px;
}

/*	---------------------------------------------------------
	title bar classes
	--------------------------------------------------------- */

.titleBar
{
	background-color:#102963;
	color:#FFFFFF;
	font-family:Arial;
	font-size:10pt;
	font-weight:bold;
	padding:2px;
}

.titleBarLink
{
	background-color:#102963;
	color:#FFFFFF;
	font-family:Arial;
	font-size:10pt;
	font-weight:bold;
	padding:2px 5px 2px 2px;
	text-decoration:underline;
}

.titleBarLinkOn
{
	background-color:#102963;
	color:#FF0000;
	font-family:Arial;
	font-size:10pt;
	font-weight:bold;
	padding:2px 5px 2px 2px;
	text-decoration:none;
	cursor:hand;
}

/*	---------------------------------------------------------
	column headers
	--------------------------------------------------------- */

.columnHead
{
	background-color:#102963;
	color:#FFFFFF;
	font-family:Arial;
        font-weight:bold;
	font-size:10pt;
	padding:2px;
}

/*	---------------------------------------------------------
	alternating row table column classes
	--------------------------------------------------------- */

.tdLight
{
	background-color:#FFFFFF;
	color:#000000;
	font-family:Arial;
	font-size:10pt;
	padding:2px 4px 2px 4px;
}

.tdLightLink
{
	background-color:#FFFFFF;
	color:#000000;
	font-family:Arial;
	font-size:10pt;
	padding:2px 4px 2px 4px;
	text-decoration:underline;
}

.tdDark
{
	background-color:#cecfce;
	color:#000000;
	font-family:Arial;
	font-size:10pt;
	padding:2px 4px 2px 4px;
}

.tdDarkLink
{
	background-color:#cecfce;
	color:#000000;
	font-family:Arial;
	font-size:10pt;
	padding:2px 4px 2px 4px;
	text-decoration:underline;
}

.tdDarkGray
{
        background-color:#999999;
        color:#ffffff;
	font-family:Arial;
	font-size:10pt;
	padding:2px 4px 2px 4px;
}

.tdOn
{
	background-color:#FFFFFF;
	color: #FF0000;
	font-family:Arial;
	font-size:10pt;
	border:1px outset;
	padding:1px 3px 1px 3px;
	cursor:hand;
	text-decoration:none;
}


/*	---------------------------------------------------------
	HTML form classes for label columns
	Use 'standard_10pt' for td's containing form elements.
	--------------------------------------------------------- */

.formLabel
{
	width:48%;
	font-family:Arial;
	font-size:10pt;
	color:#000000;
	text-align:right;
}

.formRequired
{
	width:48%;
	font-family:Arial;
	font-size:10pt;
	color:#000000;
	font-weight:bold;
	text-align:right;
}

.formMissing
{
	width:48%;
	font-family:Arial;
	font-size:10pt;
	color:#FF0000;
	font-weight:bold;
	text-align:right;
}

.formMiddle
{
	width:4%;
}

.formElement
{
	width:48%;
	font-family:Arial;
	font-size:10pt;
	padding-right:4px;
	color:#000000;
}


/*	---------------------------------------------------------
	general styles to be used in spans, divs, and
	table columns, etc.
	--------------------------------------------------------- */

.standard_10pt
{
	font-family:Arial;
	font-size:10pt;
	font-weight:normal;
}

.standard_8pt
{
	font-family:Arial;
	font-size:8pt;
	font-weight:normal;
}

.bold_10pt
{
	font-family:Arial;
	font-size:10pt;
	font-weight:bold;
}

.bold_8pt
{
	font-family:Arial;
	font-size:8pt;
	font-weight:bold;
}

.alert
{
	font-family:Arial;
	font-size:10pt;
	font-weight:normal;
	color:#FF0000;
}

/*	---------------------------------------------------------
	Class for DIV surrounding instructional text at the top of pages.
	--------------------------------------------------------- */

.boilerplate
{
	font-family:Arial;
	font-size:10pt;
	text-align:left;
	padding:10px 0px 10px 0px;
}

/*	---------------------------------------------------------
	menu frame specific classes
	--------------------------------------------------------- */

.menu
{
	font-family:Arial;
	font-size:9pt;
	color:#000000;
	padding:2px 1px 2px 1px;
	border:0;
}

.menuOn
{
	font-family:Arial;
	font-size:9pt;
	cursor:hand;
	padding:2px 0px 2px 0px;
	border:1px outset;
}

.menuAlert
{
	font-family:Arial;
	font-size:9pt;
	color:#FF0000;
	padding:2px 1px 2px 1px;
	border:0;
}

/*	---------------------------------------------------------
	shortcut frame specific classes
	--------------------------------------------------------- */

.searchDiv
{
	width:180;
	padding:5px 14px 5px 5px;
	background-color:#730808;
	color:#ffffff;
	font-size:10pt;
}

.searchTitle
{
	font-size:12pt;
	letter-spacing:5;
	font-weight:bold;
}

.searchLink
{
	text-decoration:underline;
	color:#FFFFFF;
}

.shortcutLabel
{
	font-size:12pt;
	color:#000000;
	font-weight:bold;
	padding:0px 0px 0px 3px;
}

.shortcutLink
{
	width:100%;
	font-family:Arial;
 	font-size:10pt;
 	color:#000000;
	padding:2px 2px 2px 12px;
 	text-decoration:underline;
}

.shortcutLinkOn
{
	width:100%;
	font-family:Arial;
 	font-size:10pt;
 	color:#FF0000;
	padding:1px 1px 1px 11px;
	border:1px outset;
	cursor:hand;
}

.alertLink
{
	font-family:Arial;
 	font-size:10pt;
 	color:#FF0000;
 	text-decoration:underlined;
}

/*	---------------------------------------------------------
	product detail specific styles
	--------------------------------------------------------- */

table.prodDetailHeader
{
	width:100%;
	background-color:#cecfce;
}

.prodDetailThumb
{
	padding:8px;
}

.prodDetailDesc
{
	color:#000000;
	font-family:Arial;
	font-size:9pt;
	font-weight:normal;
	font-style:normal;
	padding-left:20px;
}

.prodDetailEntrySection
{
  background-color:#9c9a9c;
  color:#ffffff;
  font-family:Arial;
  font-size:10pt;
  font-weight:bold;
  padding:5px;
}

.pdLabel
{
	font-family:Arial;
	font-size:10pt;
	padding-right:4px;
	color:#000000;
	text-align:right;
}

.pdRequired
{
	font-family:Arial;
	font-size:10pt;
	padding-right:4px;
	color:#000000;
	font-weight:bold;
	text-align:right;
}

.pdMissing
{
	font-family:Arial;
	font-size:10pt;
	padding-right:4px;
	color:#FF0000;
	font-weight:bold;
	text-align:right;
}


/*	---------------------------------------------------------
        interim Order Detail
        --------------------------------------------------------- */


.mainLabel
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: arial
}
.mainNormal
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: arial
}
.plain_link
{
    FONT-SIZE: 10pt;
    COLOR: #000000;
    TEXT-DECORATION: underline
}
.plain_link:hover
{
    COLOR: #cd8131;
    TEXT-DECORATION: none
}
.containerTableTitle
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
    WIDTH: 100%;
    COLOR: white;
    PADDING-TOP: 0px;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: black;
    TEXT-ALIGN: center
}
.containerTable
{
    BORDER-RIGHT: black 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: black 1px solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: black 1px solid;
    WIDTH: 500px;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #fffff0
}
.popupChromelessTable
{
    BORDER-RIGHT: black 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: black 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: black 0px;
    WIDTH: 100%;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: black 0px;
    FONT-FAMILY: Arial;
    HEIGHT: 225px;
    BACKGROUND-COLOR: #fffff9
}
.popupChromelessWin
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    BACKGROUND-COLOR: #fffff9
}
.innerTable
{
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: transparent
}
.innerHead
{
    FONT-WEIGHT: bold;
    COLOR: black;
    FONT-FAMILY: Arial;
}
.clickableHeader
{
    FONT-WEIGHT: bold;
    COLOR: white;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: black;
    TEXT-ALIGN: center
}
.clickableHeader:hover
{
    COLOR: #cd8131;
    TEXT-DECORATION: none
}
.innerLabel
{
    PADDING-RIGHT: 8px;
    FONT-WEIGHT: bold;
    COLOR: black;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none
}

/*      ---------------------------------------------------------
        ship detail collapse styles
        --------------------------------------------------------- */

.displayNone
{
  display: none;
}
.displayInline
{
  display: table-row;
  font-family:Arial;
  font-size:10pt;
  font-weight:normal;
  font-style:normal;
}

/*      -----------------------------------------------------------
        how do I styles
        ----------------------------------------------------------- */
.howdoiTitlebar{
        background-color:#102963;
	font-family:arial;
	font-size:10pt;
	height:15;
}
.howdoiLink{
	font-family:arial;
	font-weight:bold;
	font-size:8pt;
	color:#FFFFFF;
	text-decoration:underlined;
}
.howdoiLink:hover{
	color:#FF0000;
	text-decoration:none;
}
.howdoiNoMargin{
	margin:0,0,0,0;
}
.howdoiNormal{
	background-color:#FFFFFF;
	font-family:arial;
	font-size:10pt;
	color:#000000;
}
/*      -----------------------------------------------------------
        auth.asp class(es)
        ----------------------------------------------------------- */
.authForm{
        background-color:#FFFFFF;
}