/********** default stylesheet for time collection *****************/
@import url(te6.css);

body {
    background-color: #E8E7E5;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    font-family: Arial, sans-serif;
}

form { 
    margin-bottom: 0px;
}

/*Holds the login info div and the panel drop shadows*/
.wrapperDiv{
   position:relative;
   top:75px;
   height:434px;
   width:694px;
   margin-left : auto;
   margin-right: auto;
}
       
.loginContainerDiv{
   position:absolute;
   height:420px;
   width:680px;
   left:5px;
   top:5px;
   right:5px;
   bottom:5px;
   background-color:#FFFFFF;
   border : 2px solid #737373;
}

.topPanelDiv{
   position:relative;
   left:18px;
   width:644px;
}

.hrSpanImgTopDiv{
   position:relative;
   left:18px;
   width:644px;
   z-index:100;
}

.hrSpanImgBottomDiv{
   position:absolute;
   left:25px;
   top:372px;
   right:25px;
   z-index:100;
}


.hrSpanImg{
   width:100%;
   height:2px;
}

.middlePanelLeftDiv{
   position:relative;
   top:40px;
   left:0px;
   width:315px;
}

.loginIdLblDiv{
  text-align:right;
  color:#373736;
  font-family: Arial;
  white-space:normal; /* wraps the text*/
  width:100%;
}
.passwordLblDiv{
  text-align:right;
  color:#373736;
  font-family: Arial;
  width:100%;
}

.forgotMyPasswordDiv{
   color:#008CBA;
   cursor: pointer;
   text-decoration: underline;
   font-size: 12px;
   font-family: Arial;
   font-weight: normal;
   text-align: right;
}

.changePasswordTxt{
   font-size: 12px;
   font-family: Arial;
   font-weight: normal;
}

.domainLblDiv{
  text-align:right;
  color:#373736;
  font-family: Arial;
  width:100%;
}


.languageLblDiv{
  text-align:right;
  color:#373736;
  font-family: Arial;
  width:100%;
}


select.dropdown{
   width:160px;
   border-top: 1px solid #969696;
   border-left: 1px solid #969696;
   border-right: 1px solid #C1C1C1;
   border-bottom: 1px solid #C1C1C1;
   background-color:#FFFFFF;
}

.brandingImgDiv{
   position:absolute;
   width:320px;
   height:300px;
   top:70px;
   right:25px;
}

.legalStatementContainerDiv{
   display:none;
   position:absolute;
   width:320px;
   height:300px;
   top:72px;
   right:18px;
   background-color:#FFFFFF;
   overflow:auto;
}

.legalStatementHdrTbl{
   border-bottom: 1px solid #008CBA;
   width:100%;
}

.legalStatementHdr{
   color:#008CBA;
   font-size:15px;
   font-family: Arial;
}


.legalStatementClose{
   color:#373736;
   font-size:10px;
   font-family: Arial;
   vertical-align:bottom;
}

.legalText{
   white-space: normal;
   font-size:10px;
   font-family: Arial;
}

.loginButtonDiv{
   position:absolute;
   left:25px;
   bottom:21px;
   width:210px;
}
.loginButton{
   font-size:12px;
   text-align:center;
   height:25px;
   font-family: Arial;
}

.copyRightTextDiv{
   position:absolute;
   left:235px;
   bottom:25px;
   width:210px;
   text-align:center;
}

.copyRightText{
   font-size:12px;
   color:#737373;
   font-family: Arial;
}

.legalStatementLinkDiv{
   position:absolute;
   bottom:25px;
   right:25px;
}

.legalStatementLink{
   font-size:12px;
   cursor: pointer;
   text-decoration: underline;
   color:#008CBA;
   font-family: Arial;
}

.panelLeftDropShadow {
    position: absolute;
    width: 5px;
    height: 424px;
    top: 5px;
    left: 0px;
    background-image: url(../../images/panel_ds-left.png);
}

.panelRightDropShadow {
    position:absolute;
    width: 5px;
    height: 424px;
    top:5px;
    right:0px;
    background-image: url(../../images/panel_ds-right.png);
}

.panelBottomDropShadow{
   position:absolute;
   height:5px;
   width:684px;
   left:5px;
   bottom:0px;
   background-image: url(../../images/panel_ds-bottom.png);
}

.panelTopDropShadow{
   position:absolute;
   height:5px;
   width:684px;
   left:5px;
   top:0px;
   background-image: url(../../images/panel_ds-top.png);
}

.panelTopLeftDropShadow {
    position: absolute;
    width: 5px;
    height: 5px;
    top: 0px;
    left: 0px;
    background-image: url(../../images/panel_ds-topleft.png);
}

.panelTopRightDropShadow {
    position: absolute;
    width: 5px;
    height: 5px;
    top: 0px;
    right:0px;
    background-image: url(../../images/panel_ds-topright.png);
}

.panelBottomLeftDropShadow {
    position: absolute;
    width: 5px;
    height: 5px;
    left: 0px;
    bottom:0px;
    background-image: url(../../images/panel_ds-bottomleft.png);
}

.panelBottomRightDropShadow {
    position: absolute;
    width: 5px;
    height: 5px;
    bottom:0px;
    right:0px;
    background-image: url(../../images/panel_ds-bottomright.png);
}