/**
* Icon shortcut styles
*/
/*.ux-desktop-shortcut {
    cursor: pointer;
    text-align: center;
    padding: 8px;
    margin: 8px;
    width: 64px;
}

.ux-desktop-shortcut-icon {
    width: 48px;
    height: 48px;
    background-color: transparent;
    background-repeat: no-repeat;
}

.ux-desktop-shortcut-text {
    font: normal 10px tahoma,arial,verdana,sans-serif;
    text-decoration: none;
    padding-top: 5px;
    color: white;
}

.x-view-over .ux-desktop-shortcut-text {
    text-decoration: underline;
}
*/

/**
* Various icon classes
*/
/*.accordion-shortcut {
    background-image: url(../resources/images/im48x48.png);
}

.cpu-shortcut {
    background-image: url(../resources/images/statusLarge.png);
}

.grid-shortcut {
    background-image: url(../resources/images/grid48x48.png);
}

.notepad-shortcut {
    background-image: url(../resources/images/notepadLarge.png);
    width: 46px;
    height: 46px;
}*/

/**
* The TaskBar
*/
/*.ux-start-button-icon {
    background-image: url(../resources/images/taskbar/sencha.gif) !important;
    background-color: transparent;
}

.ux-taskbar {
    padding-left: 4px !important;
}

div.ux-taskbar div.x-toolbar {
    background: transparent none;
    border: 0 none;
    padding: 0;
}

.ux-desktop-windowbar .x-btn-inner,
.x-nbr .ux-desktop-windowbar .x-btn-icon-text-left button {
    text-align: left !important;
}
*/

/**
*
*/

/*!
* Ext JS Library 4.0
* Copyright(c) 2006-2011 Sencha Inc.
* licensing@sencha.com
* http://www.sencha.com/license
*/

#poweredby {
    position: absolute;
    bottom: 40px;
    right: 20px;
    z-index: 15000;

    /* IE 5-7 */
    filter: alpha(opacity=70);
    /* Netscape */
    -moz-opacity: 0.7;
    /* Safari 1.x */
    -khtml-opacity: 0.7;
    /* Good browsers */
    opacity: 0.7;
}

#poweredby div {
    position: relative;
    width: 150px;
    height: 25px;
    background-image: url(../images/powered-by-ext-js.png);
    background-repeat: no-repeat;
}

/* The simple background image PNG does not work in IE6-8, but does in IE9 */
.x-ie6 #poweredby div,
.x-ie7 #poweredby div,
.x-ie8 #poweredby div {
    background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/powered-by-ext-js.png', sizingMethod='scale');
}

/*----------------------------------------------------
    Start Button
*/

.ux-start-button-icon {
    background-image: url(../icons/RssrLogo.png) !important;
    background-size: 18px 14px;
    background-color: transparent;
    background-repeat: no-repeat;
}

.ux-start-button .x-btn-arrow {
    background-image: none;
}

.ux-taskbar {
    padding-left: 4px !important;
}

/*
    Start Button (Black)
*/

.ux-desktop-black .ux-start-button {
    height: 28px;
    padding: 0px;
    display: block;
}

.ux-desktop-black .ux-start-button em {
    margin-top: 5px;
}

.ux-desktop-black .ux-start-button .x-btn-inner {
    color: black;
    font-size:11px;
    font-weight: bold;
}

.ux-desktop-black .ux-start-button {
    background-image: -moz-linear-gradient(center top , #E4F3FF, #D9EDFF 48%, #C2D8F2 52%, #C6DCF6);
    border-radius: 8px 8px 8px 8px;
    border-color: #81A4D0;
}

/*----------------------------------------------------
    Start Menu
*/

.ux-start-menu-toolbar .x-btn-inner {
    text-align: left;
}

.ux-start-menu-toolbar {
    padding: 4px !important;
}

/*----------------------------------------------------
    TaskBar
*/

/* Use high specificity selector to override default styling*/
div.ux-taskbar div.x-toolbar {
    background: transparent none;
    border: 0 none;
    padding: 0;
}

.ux-desktop-windowbar .x-btn-inner,
.x-nbr .ux-desktop-windowbar .x-btn-icon-text-left button {
    text-align: left !important;
}

/*
    TaskBar (Black)
*/

.ux-desktop-black .ux-taskbar {
    background: transparent url('../images/taskbar/black/taskbar-start-panel-bg.gif') repeat-x left top;
    border-color: transparent;
    /*height: 30px;*/
}

.ux-desktop-black .ux-taskbar .x-splitter {
    background: transparent url(../images/taskbar/black/taskbar-split-h.gif) no-repeat scroll 0 -2px;
}

.ux-desktop-black .ux-taskbar .x-toolbar-text {
    color: white !important;
}

.ux-desktop-black .ux-taskbar .x-btn-default-toolbar-small-over {
    background-color: yellow;
}

.ux-desktop-black .ux-taskbar .x-btn-inner {
    color: white;
}

.ux-desktop-black .ux-taskbar .x-btn-pressed .x-btn-inner, .ux-taskbar .x-btn-over .x-btn-inner {
    color: black;
}

/*----------------------------------------------------
    Tray Clock
*/

.ux-desktop-trayclock {
    text-align: center;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
}

/*----------------------------------------------------
    Desktop DataView
*/

.ux-wallpaper {
    /*background-color: #231F20;*/
    background-color: #FFF;
}

.ux-wallpaper-tiled {
    background-repeat: repeat;
}

.ux-wallpaper-centered {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 720px 495px;
}

.ux-desktop-shortcut {
    cursor: pointer;
    text-align: center;
    padding: 8px;
    margin: 8px;
    width: 64px;
}

.ux-desktop-shortcut-icon {
    width: 48px;
    height: 48px;
    background-color: transparent;
    background-repeat: no-repeat;
}

.ux-desktop-shortcut-text {
    font: normal 10px tahoma,arial,verdana,sans-serif;
    text-decoration: none;
    padding-top: 5px;
    /*color: white;*/
    color: black;
}

.x-view-over .ux-desktop-shortcut-text {
    text-decoration: underline;
}


/*----------------------------------------------------
    Various icon classes
*/

/*----------------------------------
/** FLAT SHORTCUT ICONS */
.gralRpt_flat {
    background-image: url(../shortcuts/flat/gralRpt.png);
    background-size: 48px 48px;
}

.lastPosition_flat {
    background-image: url(../shortcuts/flat/lastPosition.png);
    background-size: 48px 48px;
}

.settings_flat {
    background-image: url(../shortcuts/flat/settings.png);
    background-size: 48px 48px;
}

.users_flat {
    background-image: url(../shortcuts/flat/users.png);
    background-size: 48px 48px;
}

.interaction_flat {
    background-image: url(../shortcuts/flat/interaction.png);
    background-size: 48px 48px;
}

.groups_flat {
    background-image: url(../shortcuts/flat/groups.png);
    background-size: 48px 48px;
}

/*----------------------------------
/** CIRCULAR SHORTCUT ICONS */
.gralRpt_circle {
    background-image: url(../shortcuts/circles/gralRpt.png);
    background-size: 48px 48px;
}

.lastPosition_circle {
    background-image: url(../shortcuts/circles/lastPosition.png);
    background-size: 48px 48px;
}

.settings_circle {
    background-image: url(../shortcuts/circles/settings.png);
    background-size: 48px 48px;
}

.users_circle {
    background-image: url(../shortcuts/circles/users.png);
    background-size: 48px 48px;
}

.interaction_circle {
    background-image: url(../shortcuts/circles/interaction.png);
    background-size: 48px 48px;
}

.groups_circle {
    background-image: url(../shortcuts/circles/groups.png);
    background-size: 48px 48px;
}

.vehicles_circle {
    background-image: url(../shortcuts/circles/vehicles.png);
    background-size: 48px 48px;
}

.geofences_circle {
    background-image: url(../shortcuts/circles/geofences.png);
    background-size: 48px 48px;
}

.alertsConf_circle {
    background-image: url(../shortcuts/circles/alertsConfig.png);
    background-size: 48px 48px;
}

.robosFeed_circle {
    background-image: url(../shortcuts/circles/alertsFeed.png);
    background-size: 48px 48px;
}

.alertsRpt_circle {
    background-image: url(../shortcuts/circles/alertsRpt.png);
    background-size: 48px 48px;
}

.confPagos_circle {
    background-image: url(../shortcuts/circles/ConfPagos.png);
    background-size: 48px 48px;
}

.fuel_circle {
    background-image: url(../shortcuts/circles/Fuel.png);
    background-size: 48px 48px;
}

.adminPagos_circle {
    background-image: url(../shortcuts/circles/AdminPagos.png);
    background-size: 48px 48px;
}

.report_odo_circle {
    background-image: url(../shortcuts/circles/Report_odo.png);
    background-size: 48px 48px;
}

.int_point_circle {
    background-image: url(../shortcuts/circles/Int_point.png);
    background-size: 48px 48px;
}

.resserClient_circle {
    background-image: url(../shortcuts/circles/UsuariosResser.png);
    background-size: 48px 48px;
}

.resserSim_circle {
    background-image: url(../shortcuts/circles/Sim.png);
    background-size: 48px 48px;
}

.resserProduccion_circle {
    background-image: url(../shortcuts/circles/Produccion.png);
    background-size: 48px 48px;
}

.resserAlmacen_circle {
    background-image: url(../shortcuts/circles/Almacen.png);
    background-size: 48px 48px;
}

.resserPago_circle {
    background-image: url(../shortcuts/circles/pagos.png);
    background-size: 48px 48px;
}

.resserDescuento_circle {
    background-image: url(../shortcuts/circles/descuentos.png);
    background-size: 48px 48px;
}

.resserPagoTecnico_circle {
    background-image: url(../shortcuts/circles/pagos-tecnicos.png);
    background-size: 48px 48px;
}

.resserInstalacion_circle {
    background-image: url(../shortcuts/circles/Instalacion.png);
    background-size: 48px 48px;
}

.resserDesmonte_circle {
    background-image: url(../shortcuts/circles/Desmonto.png);
    background-size: 48px 48px;
}

.resserReparacion_circle {
    background-image: url(../shortcuts/circles/Reparacion.png);
    background-size: 48px 48px;
}

.resserEstatusProducto_circle {
    background-image: url(../shortcuts/circles/EstatusProducto.png);
    background-size: 48px 48px;
}

.resserHistoricoProducto_circle {
    background-image: url(../shortcuts/circles/HistoricoProducto.png);
    background-size: 48px 48px;
}

.resserFacturacion_circle {
    background-image: url(../shortcuts/circles/Facturacion.png);
    background-size: 48px 48px;
}

.resserGerencia_circle {
    background-image: url(../shortcuts/circles/Gerencia.png);
    background-size: 48px 48px;
}

.resserVigencias_circle {
    background-image: url(../shortcuts/circles/Vigencias.png);
    background-size: 48px 48px;
}

.resserConceptosDelSistema_circle {
    background-image: url(../shortcuts/circles/HistoricoDeProducto.png);
    background-size: 48px 48px;
}

.resserPlataform_circle {
    background-image: url(../shortcuts/circles/PlataformaMan.png);
    background-size: 48px 48px;
}

.resserCuentas_circle {
    background-image: url(../shortcuts/circles/UsuariosResser2.png);
    background-size: 48px 48px;
}

.siliantBI_circle {
    background-image: url(../shortcuts/circles/SiliantBI.png);
    background-size: 48px 48px;
}

.resserRenovaciones_circle {
    background-image: url(../shortcuts/circles/Renovaciones.png);
    background-size: 48px 48px;
}

.pedidos_circle {
    background-image: url(../shortcuts/circles/Pedidos.png);
    background-size: 48px 48px;
}


.x-ie6 .accordion-shortcut {
    background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/im48x48.png', sizingMethod='scale');
}

.x-ie6 .cpu-shortcut {
    background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/statusLarge.png', sizingMethod='scale');
}

.x-ie6 .grid-shortcut {
    background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/grid48x48.png', sizingMethod='scale');
}

.x-ie6 .notepad-shortcut {
    background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/notepadLarge.png', sizingMethod='scale');
}

.resserServices2_circle {
    background-image: url(../shortcuts/circles/Services2.png);
    background-size: 48px 48px;
}

.resserInventories_circle {
    background-image: url(../shortcuts/circles/Inventories.png);
    background-size: 48px 48px;
}

.adminSim_circle {
    background-image: url(../shortcuts/circles/adminSim.png);
    background-size: 48px 48px;
}

.userSchedule_circle {
    background-image: url(../shortcuts/circles/userSchedule.png);
    background-size: 48px 48px;
}

.chatCliente_circle {
    background-image: url(../shortcuts/circles/chatCliente.png);
    background-size: 48px 48px;
}

.devices_circle {
    background-image: url(../shortcuts/circles/Devices.png);
    background-size: 48px 48px;
}

/*----------------------------------------------------
    ICON-CLS
*/
.gralRpt_circle_icon {
    background-image: url( ../shortcuts/circles/gralRpt_icon.png ) !important;
}

.lastPosition_circle_icon {
    background-image: url(../shortcuts/circles/lastPosition_icon.png);
    /*background-size: 48px 48px;*/
}

.settings_circle_icon {
    background-image: url(../shortcuts/circles/settings_icon.png);
    /*background-size: 48px 48px;*/
}

.users_circle_icon {
    background-image: url(../shortcuts/circles/users_icon.png);
    /*background-size: 48px 48px;*/
}

.interaction_circle_icon {
    background-image: url(../shortcuts/circles/interaction_icon.png);
    /*background-size: 48px 48px;*/
}

.groups_circle_icon {
    background-image: url(../shortcuts/circles/groups_icon.png);
    /*background-size: 48px 48px;*/
}

.vehicles_circle_icon {
    background-image: url(../shortcuts/circles/vehicles_icon.png);
    /*background-size: 48px 48px;*/
}

.geofences_circle_icon {
    background-image: url(../shortcuts/circles/geofences_icon.png);
    /*background-size: 48px 48px;*/
}

.alertsConf_circle_icon {
    background-image: url(../shortcuts/circles/alertsConfig_icon.png);
}

.robosFeed_circle_icon {
    background-image: url(../shortcuts/circles/alertsFeed_icon.png);
}

.alertsRpt_circle_icon {
    background-image: url(../shortcuts/circles/alertsRpt_icon.png);
}

.confPagos_circle_icon {
    background-image: url(../shortcuts/circles/ConfPagos_icon.png);
}

.fuel_circle_icon {
    background-image: url(../shortcuts/circles/Fuel_icon.png);
}

.adminPagos_circle_icon {
    background-image: url(../shortcuts/circles/AdminPagos_icon.png);
}

.report_odo_circle_icon {
    background-image: url(../shortcuts/circles/Report_odo_icon.png);
}

.int_point_circle_icon {
    background-image: url(../shortcuts/circles/Int_point_icon.png);
}

.resserClient_circle_icon {
    background-image: url(../shortcuts/circles/UsuariosResser_icon.png);
}

.resserSim_circle_icon {
    background-image: url(../shortcuts/circles/Sim_icon.png);
}

.resserProduccion_circle_icon {
    background-image: url(../shortcuts/circles/Produccion_icon.png);
}

.resserAlmacen_circle_icon {
    background-image: url(../shortcuts/circles/Almacen_icon.png);
}

.resserPago_circle_icon {
    background-image: url(../shortcuts/circles/pagos-icono.png);
}

.resserDescuento_circle_icon {
    background-image: url(../shortcuts/circles/descuentos-icono.png);
}

.resserPago-Tecnicos_circle_icon {
    background-image: url(../shortcuts/circles/pagos-tecnicos-icono.png);
}
.resserInstalacion_circle_icon {
    background-image: url(../shortcuts/circles/Instalacion.png);
}

.resserDesmonte_circle_icon {
    background-image: url(../shortcuts/circles/Desmonto_icon.png);
}

.resserReparacion_circle_icon {
    background-image: url(../shortcuts/circles/Reparacion_icon.png);
}

.resserEstatusProducto_circle_icon {
    background-image: url(../shortcuts/circles/EstatusProducto_icon.png);
}

.resserHistoricoProducto_circle_icon {
    background-image: url(../shortcuts/circles/HistoricoProducto_icon.png);
}

.resserFacturacion_circle_icon {
    background-image: url(../shortcuts/circles/Facturacion_icon.png);    
}

.resserGerencia_circle_icon {
    background-image: url(../shortcuts/circles/Gerencia_icon.png);    
}

.resserVigencias_circle_icon {
    background-image: url(../shortcuts/circles/Vigencias_icon.png);    
}

.resserRenovaciones_circle_icon {
    background-image: url(../shortcuts/circles//Renovaciones_icon.png);    
    background-size: 48px 48px;
}


.resserCuentas_circle_icon {
    background-image: url(../shortcuts/circles/UsuariosResser2_icon.png);
}

.siliantbi_circle_icon {
    background-image: url(../shortcuts/circles/SiliantBI_icon.png);
}

.resserPlataform_circle_icon {
    background-image: url(../shortcuts/circles/PlataformaMan_icon.png);    
}

.resserServices2_circle_icon {
    background-image: url(../shortcuts/circles/services2_icon.png);
}

.resserInventories_circle_icon {
    background-image: url(../shortcuts/circles/Inventories_icon.png);
}

.pedidos_circle_icon {
    background-image: url(../shortcuts/circles/Pedidos_ico.png);
}

.adminSim_circle_icon {
    background-image: url(../shortcuts/circles/adminSim_icon.png);
}

.userSchedule_circle_icon {
    background-image: url(../shortcuts/circles/userSchedule_icon.png);
}

.chatCliente_circle_icon {
    background-image: url(../shortcuts/circles/chatCliente_icon.png);
}

.devices_circle_icon {
    background-image: url(../shortcuts/circles/devices_icon.png) !important;
}

/*----------------------------------------------------
    FONTS
*/

@font-face {
    font-family: 'Rssr';
    src: url("../fonts/rssr.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pictos';
    src: url("../pictos/pictos.eot");
    src: url("../pictos/pictos.eot?#iefix") format("embedded-opentype"), url("../pictos/pictos.woff") format("woff"), url("../pictos/pictos.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Entypo';
    src: url("../entypo/entypo.eot");
    src: url("../entypo/entypo.eot?#iefix") format("embedded-opentype"), url("../entypo/entypo.woff") format("woff"), url("../entypo/entypo.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-size: 25px;
}

.entypo-glyph > .x-btn-wrap > a > .x-btn-glyph {
    /*font-size: 15px;*/
    margin-left: -15px;
    width: 40px;
}



/*----------------------------------------------------
    DEFAULT SENCHA
*/
.video {
    background-image: url(../images/gears.gif);
}

.bogus {
    background-image: url( ../images/bogus.png ) !important;
}

.notepad {
    background-image: url( ../images/bogus.png ) !important;
}

.logout {
    background-image: url( ../images/logout.gif ) !important;
}

.settings {
    background-image: url( ../images/gears.gif ) !important;
}

.contact-icon {
    background-image: url( ../icons/contact.png ) !important;
}

.gridcell-icon {
    width: 16px;
    height: 16px;
}

.icon-grid {
    background-image:url( ../images/grid.png ) !important;
}
.add {
    background-image:url(../../shared/icons/fam/add.gif) !important;
}
.option {
    background-image:url(../../shared/icons/fam/plugin.gif) !important;
}
.remove {
    background-image:url(../../shared/icons/fam/delete.gif) !important;
}
.save {
    background-image:url(../../shared/icons/save.gif) !important;
}
.accordion {
    background-image:url(../images/accordian.gif) !important;
}
.tabs {
    background-image:url(../images/tabs.gif) !important;
}

/*----------------------------------------------------
    IM window icons
*/

.user {
    background-image:url( ../../shared/icons/fam/user.gif ) !important;
}

.user-add {
    background-image:url(../../shared/icons/fam/user_add.gif) !important;
}

.user-delete {
    background-image:url(../../shared/icons/fam/user_delete.gif) !important;
}

.connect {
    background-image:url(../../shared/icons/fam/connect.gif) !important;
}

.user-girl {
    background-image:url(../../shared/icons/fam/user_female.gif) !important;
}

.user-kid {
    background-image:url(../../shared/icons/fam/user_green.gif) !important;
}

.user-suit {
    background-image:url(../../shared/icons/fam/user_suit.gif) !important;
}

#PPMiniCart form {
    width: 500px !important;
    margin-left: 0% !important;
    top: -65px !important;
    margin-top: 4% !important;
}

#PPMiniCart {
    z-index: 99999 !important;
}
/*
** Aqui se encuentra el estilo de el slider.
*/
/* http://www.menucool.com */

#sliderFrame, #sliderFrame div {
    box-sizing: content-box;
}

/*slider frame*/
#sliderFrame
{
    width:720px;
    height:635px;
    margin:0 auto; /*center-aligned*/
    padding:20px;
    background:#191919;
    border:1px solid #066;
    border-radius:6px;
}

#slider, #slider div.sliderInner {
    width:700px;height:350px;/* Must be the same size as the slider images */
}

#slider {
    background:black url(loading.gif) no-repeat 50% 50%;
    position:relative;
    margin:0 auto; /*center-aligned*/
    transform: translate3d(0,0,0);
}

/* the link style (if an image is wrapped in a link) */
#slider a.imgLink, #slider .video {
    z-index:2;
    position:absolute;
    top:0px;left:0px;border:0;padding:0;margin:0;
    width:100%;height:100%;
}
#slider .video {
    background:transparent url(video.png) no-repeat 50% 50%;
}

/* Caption styles */
#slider div.mc-caption-bg, #slider div.mc-caption-bg2 {
    position:absolute;
    width:400px;
    height:auto;
    padding:10px 0;
    left: 100px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
    bottom: -40px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
    z-index:3;
    overflow:hidden;
    font-size:0;
}
#slider div.mc-caption-bg {
    /* NOTE: Its opacity, when background is not transparent, is to be set through the sliderOptions.captionOpacity setting in the js-image-slider.js file.*/
    background:transparent;/* or any other colors such as White, or: background:none; */
}
#slider div.mc-caption-bg2 {
    background:none;
}
#slider div.mc-caption {
    font:bold 13px/16px Arial;
    color:#ccc;
    z-index:4;
    text-align:center;
    background:none;
}
#slider div.mc-caption a {
    color:#66FFFF;
}


/* ------ built-in navigation bullets wrapper that is relative to the #slider ------*/
#slider div.navBulletsWrapper  {
    display:none;
}

/* --------- Others ------- */

#slider div.loading
{
    width:100%; height:100%;
    background:transparent url(loading.gif) no-repeat 50% 50%;
    filter: alpha(opacity=60);
    opacity:0.6;
    position:absolute;
    left:0;
    top:0;
    z-index:9;
}

#slider img, #slider>b, #slider a>b {
    position:absolute; border:none; display:none;
}

#slider div.sliderInner {
    overflow:hidden;
    -webkit-transform: rotate(0.000001deg);/* fixed the Chrome not crop border-radius bug*/
    position:absolute; top:0; left:0;
}

#slider>a, #slider video, #slider audio {display:none;}


/* -- thumbnails -- */
#thumbs
{
    margin-top:50px;
    text-align:center;
    font-size:0;
}
#thumbs .thumb
{
    display:inline-block;
    *display:inline;zoom:1;/*IE6, IE7 hack*/
    margin:0 1px;/*this determins the distance between each thumbnail*/
    border:1px solid #333;
    padding:4px;
    background:black;
}

#thumbs .thumb img{border:1px solid #555; cursor:pointer; width:70px; height:44px; opacity:0.5;filter:alpha(opacity=50);}
#thumbs .thumb-on img{border:1px solid #999; opacity:1;filter:alpha(opacity=100);}
#slider div {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

#sliderFrame #btnAdd
{
    cursor: pointer;
    background: url('app/view/resources/icons/plus_add.png') no-repeat;
    margin-left: 670px;
    width: 34px;
    height: 34px;
    border: 0px;
    margin-bottom: -34px;
    z-index: 300;
    position:relative\"
}