﻿/* GENERIC GLOBAL SETTINGS */
HTML { overflow-y: scroll; }
BODY, FORM, HTML { height: 100%;}
BODY, FORM { cursor: default; margin: 0px; padding: 0px; font-family: Tahoma, Arial; font-size: 11px; font-weight: normal; text-align: center; background-image: url(../images/body_bg.gif); background-repeat: repeat-x; background-color: #9DA1A0; }
INPUT, SELECT, TEXTAREA { font-family: Tahoma, Arial; font-size: 11px; font-weight: normal; }
H1 { font-size: 24px; font-weight: normal; text-align: center; margin: 5px 0px 5px 0px;}
H2 { font-size: 14px; font-weight: normal; text-align: center; margin: 5px 0px 5px 0px; color: #494A4A;}
.Bold { font-weight: bold; }
.Italic { font-style: italic; } 
.api { position:absolute; top:-100px; left:-100px; width:1px; height:1px; }
.clear { clear: both; }
.CenteredTable {white-space: nowrap;  text-align: center; margin: auto; padding: 0px; border-collapse: collapse; border-spacing: 0px; display: inline-table; border: 0px black solid;white-space: nowrap; }
.CenteredTable TD { text-align: center; vertical-align: middle; padding: 0px; white-space: nowrap; overflow: hidden;}

/* PAGE HEADER */
.main_SiteContent { text-align: left; width: 960px; margin: auto; background-color: #FFFFFF; border-left: 2px #9DA1A0 solid;  border-right: 2px #9DA1A0 solid; height: 100%; border-collapse: collapse; padding: 0px; border-spacing: 0px; min-height: 100%;}
.main_SiteContentCell { vertical-align: top; padding: 0px; }
.main_SiteHeader { height: 90px; background-color: #000000; width: 100%; }
.main_SiteHeader_Logo { margin: 24px 0px 0px 24px; }
.main_SiteNavBar { width: 100%; height: 34px; border-bottom: 2px #9DA1A0 solid; background-image: url(../images/navbar_bg.gif); background-repeat: repeat-x; background-color: #EFEFEF; color: #848484; }
.main_SiteNavList { height: 34px; position: relative; display: inline; list-style: none; margin: 0px; padding: 0px; float: left; font-size: 12px; }
.main_SiteNavListItem { cursor: pointer; height: 100%; float: left; display: inline; padding-left: 15px; padding-right: 15px; background-image: url(../images/navbar_sep.gif); background-position: right center; background-repeat: no-repeat; }
.main_SiteNavListItem:HOVER { color: #319F00; }
.main_SiteNavListItemSelected { color: #319F00; font-weight: bold; cursor: pointer; height: 100%; float: left; display: inline; padding-left: 20px; padding-right: 20px; background-image: url(../images/navbar_sep.gif); background-position: right center; background-repeat: no-repeat; }
.main_SiteNavListItem DIV, .main_SiteNavListItemSelected DIV { padding-top: 10px; }
.main_SiteNavExtra { text-align: right; float: right; padding-top: 7px; margin-right: 5px; white-space: nowrap; overflow: hidden; }
.main_Copyright { text-align: center; color: #494A4A; width: 90%; margin: auto; border-top: 1px #494A4A solid; padding: 10px 0px 25px 0px; }
.main_Copyright A { color: #494A4A; }

/* PAGE BODY */
.main_SiteContentBody { padding: 25px 75px 25px 75px; }
.main_FieldRequired { color: #990000; font-weight: bold; font-size: 11px; }
.main_FieldTitle { color: #494A4A; font-size: 18px; font-weight: bold; }
.main_FieldText { color: #494A4A; }

.main_greyedOut { filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40; }
.main_greyText { color: #494A4A; }
.main_greyText2 { color: #ADADAD; }
.main_greenText { color: #009900; }

/* HOME PAGE CSS */
.main_MasterHeader {font-size: 26px; font-weight: bold; text-align: center; }
.main_SubHeader { color: #494A4A; font-size: 14px; text-align: center; }
.main_BeigeBox { line-height: 18px; font-size: 12px; background-color: #EDEAD5; border: 1px #868057 solid; padding: 15px; color:#494A4A; }
.main_LoginTable { width: 100%; }
.main_LoginTable TD { vertical-align: top; }
.main_FeatureTable { width: 100%; border-spacing: 5px; color: #000000; }
.main_FeatureTable TD { vertical-align: top; padding-left: 10px; padding-right: 10px;}
.main_BoldHeader { font-weight: bold; font-size: 16px; }
.main_LoginBox { margin-top: 20px; margin-left: 25px;  background-image: url(../images/login_bg.gif); background-repeat: no-repeat; width: 198px; height: 246px; overflow: hidden; white-space: nowrap; }
.main_LoginBody { margin: 10px 0px 0px 20px; line-height: 24px; color: #FFFFFF; }
.main_LoginBody A:LINK, .main_LoginBody A:VISITED { text-decoration: none; }
.main_LoginBody A:HOVER, .main_LoginBody A:ACTIVE { text-decoration: underline; }

/* GREEN LINKS */
.main_greenLink:LINK, .main_greenLink:VISITED { color: #009900; text-decoration: none; }
.main_greenLink:HOVER, .main_greenLink:ACTIVE { color: #009900; text-decoration: underline; }

/* GREY BUTTON */
.main_GreyButton { line-height: normal; height: 20px; padding: 0px; margin: 0px; cursor: pointer; float: left; color: #FFFFFF; font-weight: bold; display: inline;}
.main_GreyButton_Left { float: left; height: 20px; width: 3px; background-image: url(../images/greyBtn_left.gif); background-repeat: no-repeat; }
.main_GreyButton_Right { float: left; height: 20px; width: 3px; background-image: url(../images/greyBtn_right.gif); background-repeat: no-repeat; }
.main_GreyButton_Middle { float: left; padding-left: 15px; padding-right: 15px; height: 20px; padding-top: 3px; background-image: url(../images/greyBtn_middle.gif); background-repeat: repeat-x;  white-space: nowrap; }

/* SILVER BUTTON */
.main_SilverButton { height: 22px; padding: 0px; margin: 0px; cursor: pointer; float: left; color: #0B333C; font-weight: bold; display: inline; }
.main_SilverButton_Left { float: left; height: 22px; width: 3px; background-image: url(../images/silverBtn_left.gif); background-repeat: no-repeat; }
.main_SilverButton_Right { float: left; height: 22px; width: 3px; background-image: url(../images/silverBtn_right.gif); background-repeat: no-repeat; }
.main_SilverButton_Middle { float: left; padding-top: 4px; padding-left: 20px; padding-right: 20px; height: 22px; background-image: url(../images/silverBtn_middle.gif); background-repeat: repeat-x; }

/* GREEN BUTTON */
.main_GreenButton { height: 21px; padding: 0px; margin: 0px; cursor: pointer; float: left; color: #FFFFFF; font-weight: bold;  white-space: nowrap; overflow: hidden; }
.main_GreenButton_Left { float: left; height: 21px; width: 3px; background-image: url(../images/greenBtn_left.gif); background-repeat: no-repeat; white-space: nowrap;overflow: hidden; }
.main_GreenButton_Right { float: left; height: 21px; width: 3px; background-image: url(../images/greenBtn_right.gif); background-repeat: no-repeat; white-space: nowrap;overflow: hidden; }
.main_GreenButton_Middle { float: left; padding-top: 2px; padding-left: 5px; padding-right: 5px; height: 21px; background-image: url(../images/greenBtn_middle.gif); background-repeat: repeat-x; white-space: nowrap; }

/* ALERT BOX CSS */
#layerControl {overflow:hidden; z-index:9999; position:absolute; width:100%; top:0px; left:0px; background-image:url(../images/tp.gif); filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40; }
#iframeLayer { width:100%; height:100%; top:0px; left:0px; filter:alpha(opacity=0);-moz-opacity:.0;opacity:.0; }
#iframeLayer2 { border:1px solid #000; overflow:hidden; z-index:10000; top:0px; left:0px; position:absolute; }
#jsBtn { cursor:pointer; background-color:#B7B7B7;  background-image:url(../images/buttonBackground.gif); font-weight:bold; }
#jsEventContainer {color:#8D8D8D; cursor:default; position:absolute; width:100%; height:100%; top:0px; left:0px; z-index:10000; }
#jsBtnTxt { font-size:12px; width:100px; color:#3A3A3A; text-align:center;  }
#jsEventBox { background-Color:#FFFFFF; width:400px; height:200px; position:absolute; left:-999px; top:-999px; border:1px solid #4F4F4F;}
#jsEventHdr { cursor:pointer;  -moz-user-select: none; margin:10px; height:33px; color:#FFFFFF; background-color:#666666; font-weight:bold; font-size:18px; padding:7px 0 0 7px; text-align:left; }
#jsEventMsgDiv { text-align:center; font-size:12px; padding:20px 20px 30px 20px; }
#jsAddConceptBox { width:100%; height:400px; position:absolute; left:-999px; top:-999px; z-index:10000;}
/*#jsEventBtnBox { position:relative; left:75px; width:250px; }*/
.btnLeftAlign  { float:left; padding-left: 20px; }
.btnRightAlign  { float:right; padding-right: 20px; }