/*
font-size: 
	x-small = 8pt
	small = 10pt 
	medium = 12pt
	large = 14pt
*/

_____HTML_OBJECT_STYLES{}

body {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a {
	color: #333333;
	text-decoration: none;
}

a:link {
	color: #333333;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #333333;
}

a:hover {
	text-decoration: underline;
	color: #666666;
}

a:active {
	text-decoration: none;
	color: #333333;
}

span.whitetext  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

a:link.whitetext  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

a:visited.whitetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

a:hover.whitetext  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
a:active.whitetext  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

a:link.whitetextSelected  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}

a:visited.whitetextSelected {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}

a:hover.whitetextSelected  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}
a:active.whitetextSelected  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}

img {
	border-style: none;
	border-width: 0;
}

input {
	font-family: Arial;
	font-size: 8pt;
}

input.buttonDefault {
	width: 220px;
	height: 24px;
}

input.buttonSmall {
	width: 110px;
	height: 24px;
}

input.manyToManyButton {
	width: 80px;
}

select.manyToManyList {
	width: 300px;
	height: 300px;
}

select.manyToManySemiWideList {
	width: 350px;
	height: 300px;
}

select.manyToManyWideList {
	width: 600px;
	height: 300px;
}

select.manyToManyShortList {
	width: 300px;
	height: 100px;
}

select.manyToManyShortWideList {
	width: 600px;
	height: 100px;
}

table {
	border-width: 0;
	border-style: none;
}

table.loginTable {
	font-size: 8pt;
}

table.mainTable {
	text-align: center;
	width: 100%;
}

table.menuItemTable {
	text-align: left;
	width: 100%;
}

table.manyToManyTable {
	padding: 4px;
	font-size: 8pt;
}

_____TEMPLATE_STYLES{}
.greyButton {
	background-image: url(../images/graphics/grey_button_no_bottom.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.greyButtonBottom {
	background-image: url(../images/graphics/grey_button.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.greyButtonTile {
	background-image: url(../images/graphics/grey_button_tile.gif);
	background-repeat: repeat-y;
	background-position: top right;
}

.templateTextBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
}

.templateText {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

.templateTextWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.templateMenuTextWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.templateMenuTitleTextWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
}

.versionText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 6pt;
	padding: 0px;
	font-weight: bold;
}

.headerText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #B20022;
	font-size: 10pt;
	padding: 0px;
}

.footerText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 8pt;
	padding: 0px;
}

.headerLeft {
	background-image: url(../images/graphics/header_tile.jpg);
	background-repeat: repeat-x;
	vertical-align: top;
}

.headerRight {
	background-image: url(../images/graphics/header_tile.jpg);
	background-repeat: repeat-x;
	text-align: right;
	vertical-align: top;
}

.leftBar {
	vertical-align: top;
}

.leftBarFooter {
	background-color: #a90015;
}

.main {
	height: 100%;
	padding: 10px;
	width: 100%;
	vertical-align: top;
}

.mainFooter {
	background-color: #a90015;
}

_____IMAGE_STYLES{}

.imageNoBorder {
	border-style: none;
	border-width: 0;
	vertical-align: middle;
}

_____BUTTON_STYLES{}

.buttonTable
{
    margin: 20px;
}

_____TEXT_STYLES{}

.textLarge  {
	font-size: 14pt;
}

.textMedium  {
	font-size: 12pt;
}

.textSmall  {
	font-size: 10pt;
}

.textSmall_L  {
	font-size: 10pt;
	text-align: left;
}

.textSmall_C  {
	font-size: 10pt;
	text-align: center;
}

.textSmall_R  {
	font-size: 10pt;
	text-align: right;
}

.textXSmall  {
	font-size: 8pt;
}

.textExtraSmall  {
	font-size: 8pt;
}

.textDisabled  {
	color:#c0c0c0;
}

_____MENU_STYLES{}

.loginName  {
	font-size: 8pt;
	font-weight: bold;
}

.menuLeaf  {
	font-size: 8pt;
	padding-left: 6px;
}

.menuSelectedLeaf  {
	font-size: 8pt;
	padding-left: 6px;
	font-weight: bold;
}


.menuNode  {
	font-size: 8pt;
}
.menuNodeHilighted  {
	font-size: 8pt;
	background: white;
}

_____FORM_STYLES{}

.labelHeader
{
	width: 50%;
	padding-right: 5px;
    font-weight: bold;
    font-size: 16pt;
    background: #ffffff;
    color: #000000;
    vertical-align: top;
}

.labelRight
{
	width: 50%;
	padding-right: 5px;
    font-weight: bold;
    font-size: 10pt;
    background: #ffffff;
    color: #000000;
    text-align: right;
    vertical-align: top;
}

.labelFarRight
{
	width: 100%;
    padding-right: 5px;
    font-weight: bold;
    font-size: 10pt;
    background: #ffffff;
    color: #000000;
    text-align: right;
    vertical-align: top;
}


.labelLeft
{
	width: 50%;
    font-weight: bold;
    font-size: 10pt;
    background: #ffffff;
    color: #000000;
    text-align: left;
    vertical-align: top;
}

.labelCenter
{
	width: 50%;
    font-weight: bold;
    font-size: 10pt;
    background: #ffffff;
    color: #000000;
    text-align: center;
    vertical-align: top;
}

.labelSpacer {
	width: 50%;
	height: 1px;
	line-height: 1px;
}

  
.valueLeft
{
	width: 50%;
    padding-left: 3px;
    font-weight: normal;
    font-size: 10pt;
    background: #ffffff;
    text-align: left
}

.form
{
	border-top-width: thin;
	padding-right: 6px;
	padding-left: 6px;
	border-left-width: thin;
	border-left-color: #cccccc;
	border-bottom-width: thin;
	border-bottom-color: #cccccc;
	padding-bottom: 6px;
	margin: 0px;
	border-top-color: #cccccc;
	text-indent: 0px;
	padding-top: 6px;
	background-color: white;
	text-align: center;
	border-right-width: thin;
	border-right-color: #cccccc;
}

_____MESSAGE_STYLES{}

.errorSmall
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: red;
    TEXT-ALIGN: center
}

span.errorSmall
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: red;
    TEXT-ALIGN: center
}

_____MAIN_FRAME_STYLES{}
.headerSmall
{
	font-weight: bold;
	font-size: 10pt;
	background: #EFEFEF;
	color: black;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	width: 100%;
	height: 20px;
}

.footerSmall
{
	font-weight: bold;
	font-size: 10pt;
	background: #EFEFEF;
	color: black;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	width: 100%;
	height: 20px;
}

.formBorder
{
	border-right: #C0C0C0 1px solid;
	border-top: #C0C0C0 1px solid;
	margin: 0px;
	border-left: #C0C0C0 1px solid;
	width: 100%;
	color: black;
	border-bottom: #C0C0C0 1px solid;
	text-align: center;
}

.formContent
{
	text-align: center;
	margin-top: 20px;
}

.skip
{
	display: block;
	position: absolute;
	top: -4em;
	left: 0;
	z-index: 0
}

_____PLANER_STYLES{}

.plannerBorder
{
	border-right: #C0C0C0 1px solid;
	border-top: #C0C0C0 1px solid;
	margin: 0px;
	border-left: #C0C0C0 1px solid;
	width: 100%;
	color: black;
	border-bottom: #C0C0C0 1px solid;
	text-align: left;
}

_____LIST_STYLES{}

.listHeaderEmpty
{
	font-weight: bold;
	font-size: 10pt;
	color: black;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	width: 0%;
	height: 20px;
}

/* h: for ie hover */

.listEvenRow
{
	font-size: 8pt;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: white;
	h: expression(onmouseover=new Function("this.style.backgroundColor='#E8E8E8';"),
                       onmouseout=new Function("this.style.backgroundColor='white';"));
 }

.listOddRow
{
	font-size: 8pt;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: white;
	h: expression(onmouseover=new Function("this.style.backgroundColor='#E8E8E8';"),
                       onmouseout=new Function("this.style.backgroundColor='white';"));
}

/*
.listEvenRow td
{
	border-bottom: #C0C0C0 1px solid;
}

.listOddRow td
{
	border-bottom: #C0C0C0 1px solid;
}
*/

.listEvenRow a
{
	text-decoration: underline;
}

.listOddRow a
{
	text-decoration: underline;
}

.listBorder
{
	border-right: #C0C0C0 1px solid;
	border-top: #C0C0C0 1px solid;
	margin: 0px;
	border-left: #C0C0C0 1px solid;
	width: 100%;
	color: black;
	border-bottom: #C0C0C0 1px solid;
	padding: 0px;
	font-size: 8pt;
}

.listTable
{
	margin: 0px;
	width: 100%;
}

/* for non-ie hover */
.listTable tr:hover
{
	background-color: #E8E8E8;
}

.listColumnHeaderSmall
{
	font-weight: bold;
	font-size: 10pt;
	background: #C0C0C0;
	color: black;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	height: 20px;
}

.listHeaderSmall
{
	font-weight: bold;
	font-size: 10pt;
	color: black;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	width: 100%;
	height: 20px;
	vertical-align: middle;
}

.listFooterSmall
{
	font-weight: bold;
	font-size: 10pt;
	background: #C0C0C0;
	color: black;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	height: 20px;
}

.listColumnIcon
{
	width: 1%;
	text-align: center;
	padding-right: 4px;
}

.listColumn5
{
	width: 5%;
}

.listColumn10
{
	width: 10%;
}

.listColumn20
{
	width: 20%;
}

.listColumn40
{
	width: 40%;
}

.listColumn80
{
	width: 80%;
}

.listColumn100
{
	width: 100%;
}

.letterBox
{
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	font-size: 8pt;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

.letterBox:hover
{
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	font-size: 8pt;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: white;
	background: gray;
}

.letterBoxSelected
{
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	font-size: 8pt;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: black;
	background: gainsboro;
}

table.letterBoxBorder
{
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 100%;
	font-weight: bold;
	font-size: 8pt;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

table.listFooterBorder
{
	width: 100%;
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 10pt;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: black;
	background: #EFEFEF;
}

.listFooterSelected
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-weight: bold;
	font-size: 10pt;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #F48E1F;
}

.listFooterNoItems
{
	width: 100%;
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
	font-weight: normal;
	font-size: 10pt;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: black;
	background: white;
}

_____SUBMISSION_STYLES{}
.SSLeftColumnHeader
{
	font-weight: bold;
	font-size: 10pt;
	background: #EFEFEF;
	color: black;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	width: 70%;
	height: 20px;
}
.SSRightColumnHeader
{
	font-weight: bold;
	font-size: 10pt;
	background: #EFEFEF;
	color: black;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	width: 30%;
	height: 20px;
}

.SSLeftColumn
{
    PADDING-LEFT: 10px;
	text-align: left;
	width: 70%;	
    FONT-SIZE: 10pt;
}
.SSRightColumn
{
	text-align: center;
	width: 30%;	
    FONT-SIZE: 10pt;
}

_____EFORM_STYLES{}
TD.menuTitle {
	font-weight: bold;
	font-size: 10pt;
	color: black;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 2px;
}

_____DUPLICATE_NAME_BUT_DIFFERENT_STYLE{}
/*
TD.labelRight
{
    WIDTH: 50%;
    PADDING-RIGHT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    BACKGROUND: #ffffff;
    COLOR: #000000;
    TEXT-ALIGN: right;
    VERTICAL-ALIGN: top;
}

TD.valueLeft
{
    WIDTH: 50%;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: left;
}
*/