/******************************************************************************/
/* Name:        OnlineServices.css                                            */
/* Author:      Sandfield Associates Limited                                  */
/* Description: Base stylesheet for the Online Services panel                 */
/* History:     13 Jun 08 (timsar): Added classes for Family Login (Webtracs) */
/*                                                                            */
/* Copyright 2008 Mainfreight, all rights reserved                            */
/******************************************************************************/

body
{
    font-family: Lucida Sans Unicode, Lucida Grande, Helvetica, Trebuchet MS, Tahoma, Geneva, Verdana, Arial, sans-serif;
    font-size:   70%;
    color:       #666;
}

input
{
    margin:  0;
    padding: 0;
}

div
{
    margin:  0;
    padding: 0;
}

img
{
	border:  0;
	display: block;
}

div.onlineServices
{
    width: 272px;
}

div.onlineServices div.mainchain
{
    background-image:    url(../Image/onlineServicesBG.jpg);
    background-position: top;
    background-repeat:   repeat-y;
    height:              30px;
    width:               272px;
}



div.onlineServices div.mainchain label.login
{
    display: block;
    float:   left;
    width:   180px;
}

div.onlineServices div.mainchain span.button
{
    display: block;
    float:   right;
}

div.onlineServices div.mainchain img.smallArrow
{
    display: block;
    float:   left;
    margin:  8px 0 0 7px;
}

div.onlineServices div.mainchain span.link, 
div.onlineServices div.trackingError span.link
{
    color:        #FFFFFF;
    cursor:       hand;
    display:      block;
    float:        left;
    font-size:    1em;
    margin-left:  2px;
    padding-left: 0;
    padding-top:  10px;
}

div.onlineServices div.mainchain a, 
div.onlineServices div.trackingError a,
div.onlineServices div.webtracs a
{
    color:           #FFFFFF;
    text-decoration: underline;
}

div.onlineServices div.webtracs
{
    background-image:    url(../Image/onlineServicesBG.jpg);
    background-position: top;
    background-repeat:   repeat-y;
    height:              80px;
    width:               272px;
}

div.onlineServices div.webtracs label.webtracslogin
{
	float:   left;
    width:   80px;
}

div.onlineServices div.webtracs img
{
	display: inline;
	vertical-align: bottom;
}

div.onlineServices div.tracking
{
    background-image:    url(../Image/onlineServicesBG.jpg);
    background-position: top;
    background-repeat:   repeat-y;
    height:              90px;
    width:               272px;
}

div.onlineServices div.shadowTop
{
	background-image:    url(../Image/onlineServicesShadowTop.jpg);
	background-position: top;
    background-repeat:   no-repeat;
    height:              10px;
    width:               272px;
}

div.onlineServices div.shadowBottom
{
    background-image:    url(../Image/onlineServicesShadowBottom.jpg);
    background-position: top;
    background-repeat:   no-repeat;
    height:              10px;
    width:               272px;
}

div.onlineServices form.onlineServices
{
    padding: 0;
}

form.onlineServices label
{
	color:     #FFFFFF;
    display:   block;
    float:     left;
    font-size: 1em;
    margin:    0 0 0 5px;
    padding:   3px 6px 0 5px;
    
}

form.onlineServices input.radio
{
    border:  0;
    margin:  -5px 0 0 -5px;
    padding: 0;
    width:   auto;
    
}

form.onlineServices input.submit, 
form.onlineServices img.submit
{
    border: 0;
    margin: 0 0 0 100px;
}

div.onlineServices select,
form.onlineServices input.trackNum 
{
    color:  #666;
    float:  right;
    margin: 3px 10px 3px 10px;
    width:  155px;
}