/* ----------------------------------------------
Track View - Additional Styles for the Log In Page

Browsers: All (later than IE 6)
Author: Alex Baker
---------------------------------------------- */

/* The login box div */
#tvLoginBox
{
  background: transparent url(../images/login/loginBox.png) no-repeat;
  width: 366px;
  margin-left:10px;
  float:left;
  min-height:300px;
 }

#switcher
{
  display: none;
}

#tvLoginBox h1
{
  line-height:25px;
  font-size:18px;
  font-weight:normal;
  margin:43px 0 20px 64px;
  color:#111;
}

/* this positions the devices and admin options as a list in the content 2 pannel */
#tvInnerContent2 ul {
     list-style-type:none;
     margin: 80px 0 0 20px;
 }
 
#tvInnerContent2 li {
     margin-top:10px; /* adds space between the links */
 }

/* bold the link on mouseOver */
#tvInnerContent2 a:hover {
    font-weight:bold;
}

/* sets the style and image for the right hand content options */

#linkTrackViewMobile {
    display:block;
    height:29px;
    padding:0 0 0 40px;
    background: transparent url(../images/login/mobile.png) no-repeat;
    color:#fff;
    font-size:14px;
}

#linkTrackViewAdmin {
    display:block;
    height:29px;
    padding:0 0 0 40px;
    background: transparent url(../images/login/devices.png) no-repeat;
    color:#fff;
    font-size:14px;
}

#linkTrackServerAdmin {
    display:block;
    height:29px;
    padding:0 0 0 40px;
    background: transparent url(../images/login/account.png) no-repeat;
    color:#fff;
    font-size:14px;
}

#linkTrackViewBeta {
    display:block;
    height:29px;
    padding:0 0 0 40px;
    background: transparent url(../images/login/trackviewbeta.png) no-repeat;
    color:#fff;
    font-size:14px;
}

#legal 
{
    width:380px;
    margin:20px 0 0 20px;
    color:#fff;
    font-size:10px;
}

#legal a:hover {
    font-weight:normal;
}

/* The labels for the login box*/
#tvLoginBox label 
{
    display:block;
    height:15px;
    color:Black;
    font-size:12px;
    line-height:19px;
    margin:3px 0 0 68px;
}

/* The user text boxes */
#accountName, #userName, #password
{
    margin:0px 0 0 68px;
    width:160px;
}

/* The log in button*/
#btnLogin {
    height:52px;
    width:225px;
    margin:15px 0 20px 57px;
    overflow:hidden;
    padding-left:60px;
    text-align:left;
    font-size:14px;
    background:transparent url(../images/login/btnLogin.png) no-repeat scroll center center;
    border:0 none;
    cursor:pointer;
}

/* The warning messages at the bottom of the screen */
.message
{
    margin-left:65px;
    color: White;
}