/* Copyright (c) 2006, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 0.12.0 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/* Copyright (c) 2006, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 0.12.0 */
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

/* Basic styles */

body { font-family:Tahoma,Verdana,Geneva,Helvetica,Arial,sans-serif; font-size:12px; color:#333; }

em { font-style: italic; }

a:link, a:visited { color: #0060bf; text-decoration:none; }
a:hover { color: #000; }
a img { border:none; }

h1,h2,h3,h4,h5 { font-weight:bold; color:#333; }

h1 { font-size:1.8em; margin:0 0 0.4em; }
h2 { font-size:1.6em; margin:1.2em 0 0.4em; }
h3 { font-size:1.4em; margin:1.2em 0 0.4em; }
h4 { font-size:1.2em; margin:1.2em 0 0.4em; }
h5 { font-size:1.0em; margin:1.2em 0 0.4em; }
h6 { font-size:1.0em; margin:1.2em 0 0.4em; }

p, ol, ul, dl { margin:.2em 0 .8em 0; }
p { padding:0; line-height:1.3em; }

ol, ul { line-height:1.3em; margin:.4em 0 .4em 1.5em; }
ul { list-style-type:square; /*line-height: 1.5em;*/ }
li ul { margin-bottom:0; }

dt { font-weight:bold; margin-top:4px; }
dd { margin-left:0; }

blockquote { margin-bottom:18px; margin-top:18px; margin-left:2px; padding-left:10px; padding-right:10px; border-left:5px solid #0060bf; color:#333; font-style:italic; }
code, pre { font-family:"Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace; background:inherit; color:#666; font-size:11px; }
pre.literal-block { margin:10px; background:#eee; padding:6px 8px; }
code strong { color:#930; }
hr { clear:both; color:#eee; background-color:#eee; height:1px; border:none; margin:0; padding:0; font-size:1px; line-height:1px; }

strong { font-weight:bold }

.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.nowrap { white-space:nowrap; }

.container { position:relative; }

/* TABLES */
table { border-collapse:collapse; border-spacing:0; }
td, th { padding: 0.5em 0.6em; vertical-align:top; }

/* Detail tables */
table.detail-table { border-collapse:collapse; border-spacing:0; border:1px solid #cacaca; border-bottom:0; font-size:11px; }
table.detail-table thead { background-color: #f9f9f9; font-weight: bold; }
table.detail-table th { background-color: #f9f9f9; font-weight: bold; padding: 9px; border-bottom: 1px solid #cacaca; }
table.detail-table td { padding: 0.5em 0.6em; border-bottom: 1px solid #cacaca; }
table.detail-table td, table.detail-table th { vertical-align:top; }


table .emptymsg { font-style: italic; text-align:center; }

/* Layout */

#frame { /*width:900px;*/ margin:0 auto; padding:10px 0; }

#header { /*height: 3em;*/ overflow:hidden; /*margin-bottom:1em;*/ }

#wrapper { /*overflow:hidden;*/ /*padding:2em 0 0 0;*/ clear:left; }
/*#sidebar { float:right; width:190px; padding:0 5px; }
#content-main { margin-right:200px; }*/
#sidebar { padding-top:2.8em; }
#content-main {}

#footer { margin:4em 0 0.5em; color:#aaa; }

#footer .container { text-align: center; }


/* Header */

ul#nav { display:block; list-style:none; margin:0; padding:0; float:right; }
    #nav li { margin:0; padding:0 0.5em; border-left:1px solid #333; display:inline; }
    #nav li:first-child, #nav li.first { border-left:none !important; padding-left:0; }
    #nav li.last { padding-right:0; }
    #nav a { font-weight:bold }
    #nav li.selected a { cursor:text; color:#333; }

#headerstatusbox { margin-top:3em; padding-left:210px; height:40px; width:550px;}
#sporttraxx_logo { background:url(../images/sporttraxx_logo.png) no-repeat; width:200px; height:60px; float:left; }


/* Tables */
.even { background:#fff; }
.odd { background:#eee; }
.hover { background:#96c8ff !important; }

/* Table sorter */
table.sortable thead tr .header { cursor: pointer; }
table.sortable thead tr .headerSortUp { background: url(../images/tablesorter/asc.gif) no-repeat center right; }
table.sortable thead tr .headerSortDown { background: url(../images/tablesorter/desc.gif) no-repeat center right; }

#vehicle-table { width:99.9%; /*text-align:center;*/ margin:0 0 1em; }
#vehicle-table td { padding:0.3em; }
#vehicle-table td { padding:0.3em; }

/* Overview */

#actions ul { margin:0;}
#actions li { list-style-type:none; }

.connected { color:#006400; }
.disconnected { color:#f00; }

.details { border:1px solid red; background:#ffc; width:400px; height:200px; position:absolute; overflow:auto; z-index:100; display:none; text-align:left; }

/* History download */
table#history-download-table { width:100%; }
table#history-download-table td.file_formats { width:10%; }
table#history-download-table td.status { width:450px; }

/*.download_progress { width:410px; }*/
.progress { display: none; }
.progress { width:400px; border:1px solid #005cb8; }
.progress .progress_bar { width:0; background:#cbdced; }
.progress, .progress .progress_bar { height:1em; }

.period_selector .period { display: none; margin: 1em; margin-left:1.5em; /*width:20em;*/ background:#f9f9f9; border:1px solid #cacaca; }
.period_selector { margin: 1em; width:300px; }

.cancel_download { display:block; float:right; display:none; }

a.dp-choose-date img {
    margin: 3px;
    vertical-align:middle;
}

.msg { color:#999; }

/* Forms */
form table { empty-cells:show; border:none; }
form table th, form table td { empty-cells:show; border:none; }
th.label { font-weight:bold; padding:0.5em 0.6em; width:150px; text-align:right; }
/*th.label .required { font-weight:bold }*/
td.status { width:250px; }

p.help_text { color:#a6a6a6; }

/* Message list */
ul.messagelist { margin:0;padding:0 0 5px; }
.messagelist li { font-size:12px !important; display:block; padding:4px 5px 4px 25px; margin:0 0 3px 0; border:1px solid #ddd; color:#666; background:#ffc url(../images/information.png) 5px .3em no-repeat; }
ul.errorlist { margin:0 !important; padding:0 !important; }
.errorlist li { font-size:12px !important; display:block; padding:4px 5px 4px 25px; margin:0 0 3px 0; color:red; background:url(../images/exclamation.png) 5px .3em no-repeat; }

/* Sidebar box */

/* titled box */
.tbox { border:1px solid #cacaca; background-color:#eee; margin:0 0 1em 0; }
.tbox h2 { background-color:#fafafa; font-size:1.2em; }
.tbox h2, .tbox .c { margin:0; padding:5px 5px; }
.tbox ul { margin:0; }
.tbox li { list-style-type:none; }

.bbox { border:1px solid #cacaca; background-color:#eee; margin:0 0 1em 0; padding:5px 5px; }

/* Races */
body.race #header { background: url(http://www.sporttraxx.com/images/Testata-Sporttraxx.gif) no-repeat top right; height:120px; position:relative; }
body.race #sponsors { background:#fff; vertical-align:middle; }
body.race #sponsors a { /*text-indent:-2000px;*/ margin:0.5em 1em; }
body.race .notes { margin:3em 0; }
body.race .main {text-align:center;}
body.race #race-title { text-align:center; margin:2em 0; }
body.race #primary { margin:3em 0; }
body.race #secondary { text-align:center; margin:2em 0; }

body.race .languages { position:absolute; right:0; bottom:0; }
body.race .languages li { display:block; float:left; padding:0 0.7em; }




/***********************************************************************/

/* Worldtraxx */
#worldtraxx_logo { background:url(../images/gpstraxxer.png) no-repeat; width:400px; height:40px; float:left; }
#header .languages { float:right; clear:right; }

body.overview #nav_overview a,
body.history #nav_history a,
body.vehicles #nav_vehicles a,
body.settings #nav_settings a,
body.help #nav_help a { 
    cursor:text;
    color:#333;
}

#sidebar p { text-align: justify; }

/*a.coords { background:url(../images/map.png) 0 50% no-repeat; padding: 4px 0 4px 20px; min-height:20px; }*/

span.required { color:red; }

.object-tools { margin-left:0; }
.object-tools li { list-style-type:none; }
li.addlink { padding:4px 5px 4px 20px; background:url(../images/add.png) 0px .3em no-repeat; }
li.cfglink { padding:4px 5px 4px 20px; background:url(../images/bullet_wrench.png) 0px .3em no-repeat; }


#alarms-table, #alarms-table table { width:100%; }
/*
#alarms-table thead tr { display:block; width:100%; position:relative;  }
#alarms-table tbody { height:70px; overflow:auto; display:block; width:100% }*/

/*#devicecfg-io fieldset { border:1px solid #999; margin-bottom:5px; }*/
#devicecfg-io h3.voice-btn,
#devicecfg-io h3.sos-btn,
#devicecfg-io h3.alarm-btn { padding-left:20px; background-repeat:no-repeat; background-position:0 50%; }

#devicecfg-io h3.voice-btn { background-image:url(../images/voice-btn.png); }
#devicecfg-io h3.sos-btn { background-image:url(../images/sos-btn.png); }
#devicecfg-io h3.alarm-btn { background-image:url(../images/alarm-btn.png); }


/* Connection status */
.connstatus_ok, .connstatus_ko { width:16px; height:16px; }
.connstatus_ok { background:url(../images/accept.png) no-repeat; }
.connstatus_ko { background:url(../images/exclamation.png) no-repeat; }

.notewidth { width:250px; }
.noteedittext { height:185px; padding:5px; }




#setting-vehicle-list { width:100%; }



/* Color-picker */
.color-picker { overflow:hidden; margin:0; }
.color-picker li { display:block; float:left; }
.color-picker li a { display:block; width:16px; border:1px solid #aaa; }
.color-picker li a.selected { border:2px solid #333; }

/* Sharing */
.btn-share { padding-left: 20px; background: url(../images/chkbox_unchk.gif) no-repeat; }
.btn-share.shared { background: url(../images/chkbox_chk.gif) no-repeat; }
.btn-share:hover { background: url(../images/chkbox_chk.gif) no-repeat; }
.btn-share.shared:hover { background: url(../images/chkbox_unchk.gif) no-repeat; }

#sharing-map { height:500px; border:1px solid #999; }


/* Homepage */

.hp {}

.hp h1, .hp h2, .hp h3 { color:#000; }

.hp #wrapper {
    /*margin-top:50px;*/
}

.hp #l {
    height:280px;
    /*background:#333;*/
}

.hp #primary {
    margin-top:30px;
}

.hp #secondary {
    margin-top:20px;
}


.hp #primary h1 {
    padding:50px 0 30px;
    font-size:2.5em;
    text-align:center;
}

.hp .btn-register {
    display:block;
    background:#fff url(../images/signup.png) no-repeat;
    color:#fff;
    font-size:1.5em;
    width:200px;
    height:25px;
    padding:8px 10px;
    margin:30px auto 20px;
    text-align:center;
    font-weight:bold;
}

.hp #b {
    margin-top:30px;
}

.hp .bb {
    float:left;
    color:#fff;
    width:258px; height:80px;
    margin:10px 10px 10px 0;
    padding:20px 25px;
    background:#fff url(../images/hpbox.png) no-repeat;
}
.hp .bb:hover {
    cursor:pointer;
}
    .hp .bb.last { margin-right: 0; }
    .hp .bb h3 {
        color:#fff;
        margin-top:0;
        font-size:1.6em;
        text-align:center;
    }
    .hp .bb p { color:#ddd; }
    .hp a .bb p:hover { color:#fff; }

/* Flat pages */
.ss { text-align:center; }
.ss img { margin-right:10px; }
.flatpage p { text-align:justify; }

/* Hardware */
.hardware .hw-list h3 { margin-top:0; }
.hardware .gallery { text-align:center; }