﻿#TopBar, #BottomBar {
    overflow: visible; 
    position:absolute; 
    left:0px; 
    top:61px; 
    right: 0px; 
	position: static;
	/*height:22px;
	margin-bottom: 4px;*/
	min-width:600px;
}

#TopBarPos {
    width:100%;  
	height: 0px;
    position:relative; 
	line-height: 0px;
	font-size: 0px; 
}

.topBar {
    width: 100%;
    display: block;
    margin: 0;
    padding: 1px 0;
    background-color: #EAEAEA;
    border: 1px solid #AAAAAA;
    border-right: 0;
    border-left: 0;
	/*position:relative;
	white-space:nowrap;
	min-width:725px;*/
}

.topBar a, .topBar img {
    border: 0;
}

.topBar img, .topBar div, .topBar input, .topBar select, .topBar span {
    vertical-align: middle;
}

.topBarIcons, .topBarSearch {
    /*display: inline-block;
	background-color: #EAEAEA;
	z-index: 2;*/
    float: left;
}

.topBarRightIcons {
    /*display: inline-block;
	position:absolute;
	right:0px;
	white-space:nowrap;
	z-index:1;*/
    float: right;
}

.topBarIcons, .topBarSearch, .topBarRightIcons {
    display: inline-block;
    position: relative;
}

.topBarIcons img, .topBarRightIcons img {
    margin: 0;
    padding: 0;
}

.topBarSearch select, .topBarSearch input {
    margin: 0;
    font-size: 12px;
    font-family: arial;
}

.Breadcrumb {
    font-family: Arial,sans-serif;
    font-weight: bold;
    color: #000000;
	display:block;
	float:left;
	padding-top: 3px;
}

.Breadcrumb a {
    color: #0052A4;
    text-decoration: none;
}

strong.Breadcrumb {
    float: none;
    display: inline;
}

.topBar a.SearchButton {
    cursor: pointer;
    margin: 0;
    background: none repeat scroll 0 0 #4477AA;
    border: 0;
    color: #FFFFFF;
    padding: 2px;
    font-family: Arial,sans-serif;
    font-weight: bold;
    font-size: 13px;
    vertical-align: middle;
}

.topBar .verticalBar {
    /*display:inline-block;*/
    display:block;
	float:left;
    border-left: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    margin: -1px 0;
    padding: 1px 5px;
}

a.hoverIconLink {
    position: relative;
    width: 22px;
    height: 22px;
    text-decoration: none;
}

img.hoverIcon {
    position: absolute;
    top: 23px;
    left: -50px;
    z-index: 1000;
}




/* Document Simple Slider CSS */
    .controlWrapper
	{
		 position: relative;
	}
	
	.controlWrapper .tipBottomBar 
	{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
        text-align:left;
		/*background-color: #FFF8E3;
		border-top: 1px solid #BEA457;*/
        background-color: #E6E6F2;
		border-top: 1px solid #888888;
        border-radius: 0px 0px 10px 10px;
		padding: 5px;
		padding-left:10px;
		padding-right: 10px;
	}
	
    .controlWrapper .display
    {
	    margin: 10px;
	    margin-top: 0px;
	    padding-top: 0px;
    }

    .controlWrapper .display div.loadingBlanket 
    {
        position:absolute;
        top:0;
        bottom:0;
        right:0;
        left:0;
        background:url('/global/images/icon/common/ActivityMozillaBlue.gif') no-repeat center black; 
	    z-index:20; 
	    cursor:default;
		/* IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
		
		/* IE 5-7 */
		filter: alpha(opacity=20);
		
		/* Netscape */
		-moz-opacity: 0.2;
		
		/* Safari 1.x */
		-khtml-opacity: 0.2;
		
		/* Good browsers */
		opacity:0.2; 
    }
	
	.controlWrapper .display img {
	  max-width: 100%;
	  max-height: 100%;
	  width: auto;
	}
	
	/* VIN Tips Navigation bar */
	.controlWrapper .nav {
		/*float:right;*/
		width:100%;
		position:relative;
		text-align:center;
	}
	
	.controlWrapper .nav a
	{
		margin:0;
		padding:3px;
		text-decoration: none;
		color: #00007D;
	}
	
	.controlWrapper a.imageIndex:hover, .controlWrapper a.playButton:hover, .controlWrapper a.arrow:hover 
	{
		/*background-color: #FFE28D;*/
        
        background-color: #E0E0EA; 
		cursor:pointer;
	}
	
	.controlWrapper a.selected 
	{
        font-weight: bold;
        text-decoration:underline;
	}

    .controlWrapper div.countdown {
        float:right;
        margin: 0;
        padding:0;
        display: inline-block;
    }

    .controlWrapper #countdownValue {
        text-decoration: none;
        border: 0;
        color: #CC7A00;
        line-height:90%;
    }

    .controlWrapper a#tipTurnOff {
        color: #00007D;
        text-decoration: none;
        padding: 1px 3px;
        border-radius: 5px;
    }

    .controlWrapper .settingTipOn {
        /*background-color: #FFB84D;
        border-top: 2px solid #B26B00;
        border-left: 2px solid #B26B00;
        border-right: 1px solid #E68A00;
        border-bottom: 1px solid #E68A00;*/
        
        background-color: #A3A3B0;
        border-top: 2px solid #66666E;
        border-left: 2px solid #66666E;
        border-right: 1px solid #A3A3B0;
        border-bottom: 1px solid #A3A3B0;
    }
    
    .controlWrapper a#tipTurnOff:hover, .controlWrapper .blinking {
        /*background-color: #FFB84D;
        border-top: 2px solid #B26B00;
        border-left: 2px solid #B26B00;
        border-right: 1px solid #E68A00;
        border-bottom: 1px solid #E68A00;*/

        background-color: #B8B8C6;
        border-top: 2px solid #66666E;
        border-left: 2px solid #66666E;
        border-right: 1px solid #A3A3B0;
        border-bottom: 1px solid #A3A3B0;
    }

    .controlWrapper .settingTipOff {
        /*background-color: #FFD699;
        border-right: 2px solid #B26B00;
        border-bottom: 2px solid #B26B00;
        border-top: 1px solid #FF9900;
        border-left: 1px solid #FF9900;*/

        background-color: #F6F6F9;
        border-right: 2px solid #66666E;
        border-bottom: 2px solid #66666E;
        border-top: 1px solid #B8B8C6;
        border-left: 1px solid #B8B8C6;
    }

    /* Dialog Box CSS */
    .tipDialogBox {
        background-color: white;
        font-size: 10pt;
        position: absolute;
        border-radius: 10px;
        /* width: 600px; */
        border: 1px solid #999999;
		box-shadow: 0 6px 20px #424242;
		-moz-box-shadow: 0 6px 20px #424242;
		-webkit-box-shadow: 0 6px 20px #6C6C6C;
    }

    .tipDialogBox_Caption { 
        padding: 3px;
        margin: -1px -1px 0px -1px;

        color: #002B55;
        /*background-color: #FFEEB8;
        border: 1px solid #BEA457;*/
        background-color: #E6E6F2;
	    border: 1px solid #888888;

        border-radius: 10px 10px 0px 0px;

        cursor: default;
        font-weight: bold; 
        font-size:1.2em;
    }
			
    .tipDialogBox_Blanket {
         background-color: black;
         width:100%;
         height:100%;
         position:absolute;
         top:0;
         left:0;
         cursor:default;
		/* IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
		
		/* IE 5-7 */
		filter: alpha(opacity=20);
		
		/* Netscape */
		-moz-opacity: 0.2;
		
		/* Safari 1.x */
		-khtml-opacity: 0.2;
		
		/* Good browsers */
		opacity:0.2; 
    }

    .tipDialogBox_Body {
        background-color: #FFFFFF;
        border-radius: 0px 0px 10px 10px;
    }

      .tipDialogBox_Close, .tipDialogBox_Popout 
      { 
          cursor: pointer;
          float: right;
          font-size: 8pt; 
          font-weight: normal;
          padding: 5px;
      }

	.tipDialogBox_Popout {
		margin-right: 1px;
	}
			
