﻿
body, .normal
{
  background-color: #FFFFFF;
  color: #5E625C;
  margin: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

.clear
{
  background-color: #FFFFFF;
  color: #5E625C;
  margin: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}
.pageheader
{
}

.pagemiddle
{
  vertical-align: top;
}

.pagefooter td
{
  padding-top: 5px;
}

.leftcolumn
{
  width: 232px;
  padding-top: 5px;
  padding-left: 3px;
  padding-right: 3px;
}

.centercolumn
{
  padding-top: 5px;
  vertical-align: top;
  width: 100%;
}

.rightcolumn
{
  width: 220px;
  padding-top: 5px;
  padding-left: 0px;
  padding-right: 0px;
}

.left
{
  text-align: left;
}

.right
{
  text-align: right;
}

.padding-right2
{
  padding-right: 4px;
}

.adminOnly
{
  background-color: Silver;
}

.text, .plaintext
{
  color: #323232;
  background-color: #FFFFFF;
  font-size: 11px;
  font-weight: normal;
}

.plaintext td
{
  padding: 5px 0px 5px 10px;
  border-bottom: solid 1px silver;
  text-align: left;
  vertical-align: top;
}

.grad_tl2bd
{
  background-image: url(images/grad_tl2bd.gif);
  background-repeat: repeat-x;
  height: 8px;
}

.grad_td2bl
{
  background-image: url(images/grad_td2bl.gif);
  background-repeat: repeat-x;
  height: 8px;
}

.copytext
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #323232;
  font-size: 11px;
  font-weight: normal;
}
.dropdown
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #323232;
  font-size: 11px;
  font-weight: normal;
}
.footer
{
  border-top: 1px #eaeaea solid;
  border-bottom: 1px #eaeaea solid;
  margin-bottom: 2px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #323232;
  font-size: 10px;
  font-weight: normal;
}
/* home page*/
.greenboldtext
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #323232;
  font-size: 11px;
  font-weight: bold;
}
.greenlink, .signupbody a, .plaintext a, a
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #323232;
  font-size: 11px;
  font-weight: normal;
  text-decoration: underline;
}

.greenlink:hover
{
  text-decoration: none;
}

.whiteLink
{
  color: #323232;
  text-decoration: none;
}

.whiteLink:hover
{
  text-decoration: underline;
}

.loginregister
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #323232;
  font-size: 10px;
  text-decoration: none;
  background-color: #F6F6F6;
  vertical-align: middle;
  text-align: center;
}

.forgotpasswordlink, .loginregisterlink
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #323232;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}

.loginregisterlink
{
  text-decoration: underline;
}

.loginregisterlink:hover, .forgotpasswordlink:hover
{
  color: #DCD8CA;
}

.logintext
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #323232;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  padding-right: 12px;
}
/* right dashboard*/
.quicklinkbar
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #0A3C7B;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px #D2E5C7 solid;
  border-left: 1px #D2E5C7 solid;
  border-right: 1px #D2E5C7 solid;
  border-bottom: 2px #ffffff solid;
  font-variant: small-caps;
  background-color: #E1EFD6;
  padding-left: 10px;
  padding-right: 10px;
}
.quicklinkstext
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #5E625C;
  font-size: 11px;
  font-weight: normal;
  background-color: #F4FAEA;
  border-bottom: 1px #D2E5C7 solid;
  border-left: 1px #D2E5C7 solid;
  border-right: 1px #D2E5C7 solid;
}
.blueboldtext
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #323232;
  font-size: 11px;
  font-weight: bold;
}
.dashboardbox
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #323232;
  font-size: 11px;
  font-weight: normal;
  border-left: 3px #ffffff solid;
  border-bottom: 3px #ffffff solid;
  background-color: #F4FAEA;
  padding: 5px;
}
.dashboardicons
{
  background-color: #ffffff;
  border-right: 1px #8DD10A solid;
}
/*map styles*/
.MapBorder
{
  border: 4px #9e9e9e solid;
  width: 100%;
  height: 100%;
}

.mapdashboard
{
  background-color: #9e9e9e;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 11px;
  font-weight: normal;
  height: 25px; /*border-bottom: 2px #EAE9E9 solid;*/
}

.mapShapeToolbar
{
  padding: 0px 3px 3px 3px;
  position: absolute;
  z-index: 1000;
}

.mapShapeToolbar td
{
  background-color: #9E9E9E;
  text-align: center;
}

.mapControl
{
  max-height: 100%;
  min-height: 95%;
}

.mapdashboardtext
{
  background-color: #323232;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 11px;
  font-weight: normal;
}
.mapboxbg
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #5E625C;
  font-size: 11px;
  font-weight: normal;
  background-color: #EAE9E9;
}

.maphelptext
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  background-color: white;
}

.maploadingtext
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  background-color: white;
  padding: 10px;
  filter: ALPHA(opacity=70);
  -moz-opacity: .7;
  opacity: .7; /* for future compatibility */
  border: solid 1px black;
}

.redtextalert
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #FA0B16;
  font-size: 11px;
  font-weight: normal;
}
/*functional pages styles*/
.funcboxbg
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #838582;
  font-size: 11px;
  font-weight: normal;
  background-color: #F4F3F3;
}
/* custom by CIT */

.user_button
{
  background-image: url(images/home/user_button.gif);
  background-color: Transparent;
  height: 30px;
  border-width: 1px;
}

.menubar
{
  background-color: #f2f2f2;
  background-image: url(images/menubar_bg.gif);
  height: 24px;
  width: 100%;
}

.menubar td
{
  vertical-align: middle;
}

.staticMenuItemStyle
{
  font-size: 10px;
  font-weight: bold;
  color: #727272; /*  color: #323232;*/
  width: 80px;
  height: 24px;
  text-align: center;
}

.staticMenuItemStyleHover a
{
  background-color: Transparent;
  background-image: none;
}

.staticMenuItemStyleHover
{
  background-color: #cccccc;
  background-image: url(images/menubar_bg_over.gif);
}

.staticSelectedStyle td
{
  background-color: #999999;
  background-image: url(images/menubar_bg_down.gif);
}

.staticSelectedStyle
{
  background-color: Transparent;
}

.dynamicMenuItemStyle
{
  height: 20px;
  color: #323232;
  font-size: 10px;
  padding: 4px;
  background-color: #f2f2f2;
  border: solid 4px white;
}

.dynamicMenuItemStyleHover
{
  background-color: #cccccc;
}


.leftnavigation
{
  background-color: #f2f2f2;
  border: solid 2px #F6F6F6;
  border-bottom-style: none;
  margin: 10px;
}

.leftnavigation .leftnavigationitem
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #323232;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.leftnavigationitem
{
  border-bottom: solid 2px #F6F6F6;
  background-color: Transparent;
}

.leftnavigationitem:hover
{
  background-color: #cccccc;
}

.leftColumn
{
  padding: 15px;
  width: 180px;
  height: 100%;
}
.centerColumn
{
  padding: 15px;
  width: 65%; /*border: 1px solid black;*/
}
.rightColumn
{
  padding: 15px;
  width: 120px;
}
.contentblock
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding-left: 0px;
  padding-right: 0px;
  border-collapse: collapse;
}
.contentheader
{
  color: #FFFFFF;
  background-color:  #5e9c33;
  font-size: 11px;
  font-weight: bold;
  padding: 4px;
  padding-left: 8px;
}
.contentbody
{
  color: #FFFFFF;
  background-color: #F6F6F6;
  font-size: 11px;
  font-weight: normal;
  padding-bottom: 6px;
  padding-top: 10px;
  padding-left: 8px;
  padding-right: 8px;
}
.articleblock
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border-style: none;
  padding: 0px;
  border-collapse: collapse;
}
.articleheader
{
  color: #0A3C7B;
  background-color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  padding: 4px;
  padding-left: 8px;
}
.articlebody
{
  color: #5E625C;
  background-color: #FFFFFF;
  font-size: 11px;
  font-weight: normal;
  padding: 0px 5px 0px 5px;
}

.ArticleItemStyle
{
  padding: 0px;
}

.partnerlinksheader
{
  background: url(             'Images/partner_links.gif' );
  width: 181px;
  height: 30px;
}

.promotionsheader
{
  background: url(             'Images/PromoGradient.gif' );
  width: 181px;
  height: 30px;
}

.tipsheader
{
  background: url(             'Images/TipsGradient.gif' );
  width: 181px;
  height: 30px;
}

.partnerlinksheader, .promotionsheader, .tipsheader
{
  color: #FFFFFF;
  background-color: #5e9c33;
  margin: 0px;
  font-size: 13px;
  font-weight: bold;
  padding-left: 33px;
}

.partnerlinksbody
{
  color: #FFFFFF;
  background-color: #5e9c33;
  font-size: 11px;
  font-weight: normal;
  padding: 0px 8px 5px 8px;
}

.container_header_1
{
  background-image: url(Images/container_header_1.gif);
  height: 24px;
  padding-left: 6px;
  padding-right: 6px;
  color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
}

.container_left_1
{
  background-image: url(images/container_left_1.gif);
  background-repeat: repeat-y;
  width: 8px;
}

.container_center_1
{
  background-color: #e2e2e2;
  padding-top: 5px;
}

.container_bottom_1
{
  background-image: url(images/container_bottom_1.gif);
  height: 9px;
}

.container_right_1
{
  background-image: url(images/container_right_1.gif);
  background-repeat: repeat-y;
  background-position: right;
  width: 8px;
}

/**/
.container_left_2
{
  background-image: url(images/container_left_1.gif);
  background-repeat: repeat-y;
  width: 8px;
}

.container_center_2
{
  background-color: #f6f6f6;
  padding-top: 5px;
}

.container_bottom_2
{
  background-image: url(images/container_bottom_1.gif);
  background-color: #FFFFFF;
  height: 8px;
}

.container_right_2
{
  background-image: url(images/container_right_1.gif);
  background-repeat: repeat-y;
  background-position: right;
  width: 8px;
}

.partnerlinksbody p
{
  font-weight: bold;
  margin: 3px 0px 5px 0px;
}

.partnerlinksbody a
{
  color: #ffffff;
  font-size: 10px;
  text-decoration: none;
}
.partnerlinksbody a:hover
{
  text-decoration: underline;
}
.signupblock
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding-left: 0px;
  padding-right: 0px;
  border-collapse: collapse;
}
.signupheader, .signupheader_nobg, .signupheader_nobg a
{
  color: #FFFFFF;
  background-color: #a2a2a2;
  font-size: 12px;
  font-weight: bold;
  font-variant: small-caps;
  padding: 0px;
  vertical-align: middle;
}
.signupbody
{
  color: #5E625C;
  background-color: #FFFFFF;
  font-size: 11px;
  font-weight: normal;
  border: solid 1px silver;
  
}

.signupbody td
{
  padding: 10px;
  border-bottom: solid 1px silver;
  text-align: left;
  vertical-align: top;
}
/*signupbodynobd means that the table has no border-bottom style*/
.vehiclecontrolnoborder
{
  width: 320px;  
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color : Black; 
  border-collapse: collapse;  
  border: none;
  border-bottom:none;
}
.vehiclecontrolnoborder td
{
  padding: 0px;
  border-bottom: none;
  text-align: left;
  vertical-align: top;   
}
.vehiclecontrolnoborder tr
{
  height:15px; 
  padding-bottom: 5px; 
  background-position:left;      
}

/*signupbodynobd means that the table has no border-bottom style*/
.teaseritemstyle
{
  padding-top: 0px;
  padding-bottom: 16px;
  padding-left: 0px;
  padding-right: 0px;
  border-collapse: collapse;
}

.roundblue
{
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
}

.roundblue img
{
  display: block;
}

.roundblueHeader
{
  color: #0A3C7B;
  background-color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding: 4px;
  padding-top: 0px;
  padding-bottom: 2px;
}

.roundblueBody
{
  color: #5E625C;
  background-color: #FFFFFF;
  padding: 4px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

.roundblueTL
{
  background: url(             'Images/borders/blue/tl.gif' );
  width: 12px;
  height: 12px;
}

.roundblueTR
{
  background: url(             'Images/borders/blue/tr.gif' );
  width: 12px;
  height: 12px;
}

.roundblueBL
{
  background: url(             'Images/borders/blue/bl.gif' );
  width: 12px;
  height: 12px;
}

.roundblueBR
{
  background: url(             'Images/borders/blue/br.gif' );
  width: 12px;
  height: 12px;
}

.roundblueVL
{
  background: url(             'Images/borders/blue/vl.gif' );
  width: 12px;
  height: 8px;
}

.roundblueVR
{
  background: url(             'Images/borders/blue/vr.gif' );
  width: 12px;
  height: 8px;
}

.roundblueHT
{
  background: url(             'Images/borders/blue/ht.gif' );
  width: 5px;
  height: 12px;
}

.roundblueHB
{
  background: url(             'Images/borders/blue/hb.gif' );
  width: 5px;
  height: 12px;
}

.roundgreen
{
  margin: 0px;
  padding: 0px;
}

.roundgreen img
{
  display: block;
}

.roundgreenHeader
{
  color: #0A3C7B;
  background-color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding: 4px;
  padding-top: 0px;
  padding-bottom: 2px;
}

.roundgreenBody
{
  color: #5E625C;
  background-color: #FFFFFF;
  padding: 4px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

.roundgreenTL
{
  background: url(             'Images/borders/green/tl.gif' );
  width: 12px;
  height: 12px;
}

.roundgreenTR
{
  background: url(             'Images/borders/green/tr.gif' );
  width: 12px;
  height: 12px;
}

.roundgreenBL
{
  background: url(             'Images/borders/green/bl.gif' );
  width: 12px;
  height: 12px;
}

.roundgreenBR
{
  background: url(             'Images/borders/green/br.gif' );
  width: 12px;
  height: 12px;
}

.roundgreenVL
{
  background: url(             'Images/borders/green/vl.gif' );
  width: 12px;
  height: 8px;
}

.roundgreenVR
{
  background: url(             'Images/borders/green/vr.gif' );
  width: 12px;
  height: 8px;
}

.roundgreenHT
{
  background: url(             'Images/borders/green/ht.gif' );
  width: 5px;
  height: 12px;
}

.roundgreenHB
{
  background: url(             'Images/borders/green/hb.gif' );
  width: 5px;
  height: 12px;
}

.cbalign input
{
  vertical-align: middle;
}

.vehiclelistbox
{
  width: 218px;
}

.vehiclecontrol
{
  width: 232px;
  color: #323232;
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  border-collapse: collapse;
  background-color: #e2e2e2;
  border: solid 1px #ffffff;
}

.vehiclecontrolbottomborder
{
  border-bottom: #ffffff 1px solid;
  padding-bottom: 5px;
  vertical-align: bottom;
}

.vehiclecontroltitle
{
  color: #FFFFFF;
  background-image: url(Images/container_header_2.gif);
  background-color: #FFFFFF;
  border: none;
  width: 232px;
  height: 24px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  vertical-align: middle;
  padding: 0px 0px 0px 4px;
  margin: 0px;
  vertical-align: middle;
}

.vehiclecontroltitle img
{
  padding: 3px 5px 2px 0px;
  display: inline;
  vertical-align: middle;
}


.vehicleControlDescription
{
  text-align: center;
  font-weight: bold;
  padding-bottom: 3px;
}

.loggedinblock
{
  background-color: #e2e2e2;
  width: 232px;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
}

.link
{
  color: #323232;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  vertical-align: middle;
}

.link:hover
{
  text-decoration: underline;
}

img
{
  border-color: Silver;
  display: block;
}

.img
{
  display: block;
}

.button
{
  background-color: #323232;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #ffffff;
  padding: 2px;
}

.greybutton
{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 2px;
}

.mobileDeviceSettingNavigation
{
  color: #323232;
  background-color: #EAE9E9;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
  padding: 0px;
  margin: 0px;
}

.mobileDeviceSettingNavigation:hover
{
  text-decoration: underline;
}

.mobileDeviceSettingNavigation a
{
  color: #323232;
  text-decoration: none;
}

.mobileDeviceSettingNavigationSelected
{
  background-color: #a2a2a2;
  color: #323232;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}

.mobileDeviceSettingNavigationSelected a
{
  color: #323232;
  font-weight: bold;
  text-decoration: none;
}

/* --------------- */
.registrationNavigation
{
  color: #323232;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
  padding: 0px;
  margin: 0px;
  cursor: default;
}

.registrationNavigation:hover
{
  text-decoration: none;
  cursor: default;
}

.registrationNavigation a
{
  color: #0A3C7B;
  text-decoration: none;
  cursor: default;
}

.registrationNavigationSelected
{
  background-color: #b0c4de;
  color: #0A3C7B;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  cursor: default;
}

.registrationNavigationSelected a
{
  color: #0A3C7B;
  font-weight: bold;
  text-decoration: none;
  cursor: default;
}

/* ------------ */

.leftnavigation
{
  margin: 0px;
  border-collapse: collapse;
}

/*Popup Control*/
.popupControl
{
  position: absolute;
  top: 10px;
  left: 30px;
  font-size: 11px;
  font-weight: normal;
  color: #5E625C;
  background-color: #FFFFFF;
  border: solid 2px #828282;
  border-collapse: collapse;
  z-index: 950;
  display: none;
}

.popupBody
{
  color: #323232;
  background-color: #FFFFFF;
  font-size: 11px;
  font-weight: normal;
}

.popupFixedSize
{
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 477px;
}

.modalPopupContainer
{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 11px;
  font-weight: normal;
  color: #323232;
  background-color: #9e9e9e;
  z-index: 499;
  display: none;
  opacity: .3;
  filter: alpha(opacity=30);
}
/*Drag Panel*/
.dragMe
{
  color: #e2e2e2;
  background-color: #828282;
  height: 18px;
  padding: 0px 3px 0px 3px;
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle; /* cursor: move; */
  cursor: default;
  border-collapse: collapse;
}

.handleText
{
  width: 16px;
  height: 16px;
  background-image: url(images/HandleGrip.png);
  overflow: hidden;
  cursor: se-resize;
}

.resizingText
{
  padding: 0px;
  border-style: solid;
  border-width: 2px;
  border-color: #7391BA;
}

.eventConfigSidebar
{
  width: 130px;
  height: 100%;
  background-color: #EAE9E9;
  padding: 0px 0px 2px 2px;
  vertical-align: top;
  margin-right: 5px;
  border-right: solid 3px white;
}

.registrationSidebar
{
  width: 120px;
  height: 100%;
  padding: 0px 0px 2px 2px;
  vertical-align: top;
  margin-right: 5px;
  border-right: solid 3px white;
}

.EventStepStyle
{
  padding: 2px 0px 0px 0px;
  vertical-align: top;
}

.eventConfigHeader
{
  color: #FFFFFF;
  background-color: #9e9e9e;
  height: 15px;
  font-size: 12px;
  font-weight: bold;
  font-variant: small-caps;
  padding: 3px;
}

.eventConfigStep
{
  overflow: auto;
  text-align: left;
  vertical-align: top;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  border: solid 1px silver;
  padding: 3px;
}

.eventConfigBody
{
  color: #5E625C;
  background-color: #FFFFFF;
  font-size: 11px;
  font-weight: normal;
  padding: 2px;
}

.eventConfigBody td
{
  padding: 10px;
  border-bottom: solid 1px silver;
  text-align: left;
  vertical-align: top;
}

.otherSettingsBody
{
  color: #5E625C; /*background-color: #FFFFFF;*/
  font-size: 11px;
  font-weight: normal;
  padding: 2px;
}

.EventConfigSpecialWizard
{
  margin: 0px;
  padding: 0px;
  border: solid 1px aqua;
}

.searchResultList
{
  list-style: url(images/bullet1.gif);
  padding: 0px 0px 0px 2px;
  margin: 0px;
}

.HiddenImage
{
  visibility: hidden;
}

.TabNormal
{
  display: inline-block;
  color: black;
  text-decoration: none;
  text-align: center;
  vertical-align: bottom;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  width: 60px;
  height: 30px;
  background-color: #e4e3e0;
  padding: 3px;
}

.TabNormal:hover
{
  background-color: #82a7cb;
}

.TabActive
{
  display: inline-block;
  color: black;
  text-decoration: none;
  text-align: center;
  vertical-align: bottom;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  width: 60px;
  height: 30px;
  background-color: #c0bfbc;
  padding: 3px;
}

.TabActiveFrame
{
  border: solid 4px #c0bfbc;
  padding: 0px;
}

.liketextbox
{
  border: solid 1px #7f9db9;
  height: 16px;
  display: block;
  padding: 0px 2px 0px 2px;
}

.PreLoginMainHeaders
{
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  background: url('images/DarkGreenGradient.gif' );
  background-repeat: repeat-x;
  height: 30px;
  padding: 0px 8px 0px 8px;
}
.PreLoginHeaders
{
  color: #0A3C7B;
  font-weight: bold;
  background-color: #DCF1CD;
  font-size: 11px;
  padding: 2px;
}
.ReportToolbar
{
  color: #D8D8D8;
  height: 100%;
  min-width: 100%;
  min-height: 95%;
}

.toolTipBox
{
  background-color: #ffffe1;
  border: solid 1px black;
  padding: 2px 3px 2px 3px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  margin-bottom: 1px;
}

.alertTipBox
{
  background-color: #ffffe1;
  color: orangered;
  border: solid 1px black;
  padding: 2px 3px 2px 3px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  margin-bottom: 1px;
}

#pheader1
{
  background-color: #f2f2f2;
  border-collapse: collapse;
  width: 100%;
}

#blankspacer
{
  height: 4px;
}


#logo
{
  margin-right: 10px;
  margin-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-image:  url(../../ProductLogos/Protector/slogan.gif);
  background-repeat: no-repeat;
  background-position: right;
}


/*Modal Popup*/
.modalBackground
{
  background-color: Gray;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.modalPopup
{
  border: solid 2px #e9e9e9;
  background-color: #e9e9e9;
  padding: 3px;
  color: #323232;
}

.reset td
{
  padding: 0px;
  margin: 0px;
  border: none;
}

.nowrap td
{
  white-space: nowrap;
}

/* Accordions*/
.accordionHeader
{
  background: url(      'Images/accordionHeader.gif' );
  border: solid 1px silver;
  padding: 2px;
}

.CreditsWizardSideBar
{
  vertical-align: top;
  padding: 0px 4px 0px 4px;
  white-space: nowrap;
}

div.AlertStyle
{
  background-color: #FFC080;
  top: 0;
  left: 45%;
  height: 20px;
  padding: 0px 3px 0px 2px;
  position: absolute;
  visibility: hidden;
}

div.AdminMapParent
{
  position: absolute;
  top: 75px;
  right: 2px;
}

legend
{
  color: #323232;
}

.firstColBlue td:first-child
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #323232;
  font-size: 11px;
  font-weight: bold;
}
tbody tr.odd
{
  background-color: #f2f2f2;
}
.tableTopAlign td
{
  vertical-align: top;
}
.downloadInProgress
{
  background: transparent url(images/inprogress.gif) no-repeat scroll center;
  text-align: center;
  vertical-align: middle;
  width: 300px;
  height: 100px;
}

.downloadInProgressNonInvasive
{
  background-color: #f2f8ff;
}

.adminControl tr:hover
{
  background-color: #f2f8ff;
}

.adminControl input[type="text"]
{
  background-color: #fffde3;
  border: solid 1px silver;
  padding: 0px;
  margin: 0px;
}

#searchResults thead
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #323232;
  font-size: 11px;
  font-weight: bold;
  white-space: nowrap;
}

#searchResults thead td
{
  padding: 0px 10px 0px 0px;
}
.grid-view
{
  padding: 0;
  margin: 0;
  border: 0;
  font-size: 11px;
  width: 200px;
}

.grid-view tr.header
{
  color: #D8D8D8;
  background-color: #D8D8D8;
  height: 15px;
  vertical-align: middle;
  text-align: left;
  font-weight: bold;
}

.grid-view tr.normal
{
  color: #FFFFFF;
  background-color: #FFFFFF;
  height: 15px;
  vertical-align: middle;
  text-align: left;
}

.grid-view tr.alternate
{
  color: #FFFFFF;
  background-color: #FFFFFF;
  height: 15px;
  vertical-align: middle;
  text-align: left;
}

.eyeline-background
{
  background-color: #f2f2f2;
}
/*Repeater*/
.repInputtext
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
  border-width: 1;
  border-color: #000000;
  background: #DFDFDF;
}
.repNormaltext
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}

.alfaHeader
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
  text-align: center;
  width: 80%;
  border: solid 1px Black;
  background-color: #D1EAF5;
}
.searchBar
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  width: 80%;
}
.repInner
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  color: #000000;
  background-color: #D1EAF5;
  text-decoration: none;
  border: solid 1px Black;
  width: 80%;
}

.HeaderLink:link
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  color: black;
  text-decoration: underline;
}

.HeaderLink:hover
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  color: black;
  text-decoration: underline;
}

.HeaderLink:visited
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  color: black;
  text-decoration: underline;
}

.HeaderLink:active
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  color: black;
  text-decoration: underline;
}
.repItemLine
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  color: #000000;
  background-color: #D1EAF5;
  text-decoration: none;
}
.repAltItemLine
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  color: #000000;
  background-color: #C0C0FF;
  text-decoration: none;
}

.repItemLink
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  color: #000000;
  text-decoration: underline;
  cursor: hand;
}

.repItemLink:link
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  color: #000000;
  text-decoration: underline;
}
.repItemLink:hover
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  color: #000000;
  text-decoration: underline;
}
.repItemLink:visited
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  color: #000000;
  text-decoration: underline;
}
.repItemLink:active
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  color: #000000;
  text-decoration: underline;
}
.pageBar
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
  text-align: center;
  width: 80%;
  border: solid 1px Black;
  background-color: #D1EAF5;
  vertical-align: middle;
}

/*end repeater*/

/*Textbox Watermark*/

.unwatermarked
{
  height: 22px;
  width: 195px;
  padding: 0px;
  border: 1px solid #BEBEBE;
  background-color: #ffffff;
  padding-left: 0px;
  color: gray;
}

.watermarked
{
  height: 22px;
  width: 195px;
  padding: 0px;
  border: 1px solid #BEBEBE;
  background-color: #F2F2F2;
  padding-left: 0px;
  color: gray;
}

.textboxstyle
{
  height: 22px;
  width: 195px;
  background-image: url (Images/page_text_delete.gif);
  background-position: top right;
  padding-left: 18px;
}


