body {
	margin: 0px;
	text-align: left;
	background: #333333 url(/images/bg.png);
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-size:75%;
}

body.mceContentBody {
    margin: 5px;
    background: #ffffff;
    font-size:75%;
}

h1 {
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 1.2em;
}

div.icon {
    width: 18px;
    float: left;
    height: 18px;
    margin-left: 1px;
}

.clear {
    clear: both;
}

.header, .footer {
    font-weight: bold;
    color: #ffffff;
    margin: 0 10px 0 10px;
}

.header a {
    color: #ffffff;
}

.main-menu {
    padding: 0px;
}

.track-info {
    font-size: 0.9em;
}

.content {
    background-color: #dddddd;
    padding: 5px;
    margin: 0 10px 0 10px;
}

.header form dd, .header form dt {
    display: inline;
}

.header form dd {
    margin: 0;
}

.header img.logo {
    margin: 15px 3px 3px 3px;
}

.header div.logo {
    font-size: 48px;
    font-weight: bold;
    color: #ffffff;
    margin: 0px 10px 20px 10px;
}

.header div.logo a {
    text-decoration: none;
}

.header div.logo .sub {
    font-size: 14px;
    color: #ff3333;
    position: relative;
    left: -100px;
    top: 12px;
}

.header div.logo .sup {
    font-size: 14px;
    color: #999999;
    position: relative;
    top: -20px;
    left: -130px;
    font-weight: normal;
}

.userinfo {
    text-align: right;
    padding: 5px;
    float: right;
}

.navigation .ui-state-active {
    background-color: #dddddd;
    background-image: none;
}

.ui-tabs .navigation li {
    margin-bottom: 0px;
}

.ui-tabs .navigation li.ui-tabs-selected {
    margin-bottom: -1px;
}

.ui-dialog, .ui-dialog .ui-widget-content {
    background-color: #ffffff;
}

div.success {
    color: #009900;
    font-weight: bold;
    border: 1px solid #009900;
    background-color: #CCFFCC;
    padding: 5px 20px 5px 20px;
    display: inline;
    -moz-border-radius: 4px; -webkit-border-radius: 4px;
}

.container {
    background-color: #ffffff;
    border: 1px solid #999999;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; 
    padding: 10px;
    margin-bottom: 3px;
    margin-top: 3px;
}

.content table.wireframe td {
    vertical-align: top;
    margin: 10px;
}

.content table.list {
    border-collapse: collapse;
}

.content table.list td, .content table.list th {
    border: 1px solid #999999;
    padding: 3px;
}

.content table.list th {
    background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
    text-align: center;
}

.leftpanel {
    float: left;
    width: 350px;
}

.leftpanel h2 {
    margin-top: 0px;
    margin-bottom: 1px;
    font-size: 1.1em;
}

.leftpanel h3 {
    margin-top: 0px;
    font-size: 1em;
}

.leftpanel table {
    margin-top: 5px;
}

.map {
    margin-left: 355px;
    height: 600px;
}

.map table.point td {
    font-weight: bold;
    font-family: Tahoma;
    font-size: 14px;
    color: #000;
    padding-right: 3px;
}

.map .shadow {
    text-shadow: 1px 1px 1px #FFF;
    filter:glow(color=FFFFFF,strength=1);
}

.map table.point td div {
    font-size: 10px;
}

form img.avatar {
    margin-right: 10px;
}

.avatar-select img {
    padding: 5px;
    margin: 1px;
    border: 1px solid #fff;
}

.avatar-select .upload-form {
    border-top: 1px solid #dddddd;
    padding-top: 10px;
}

.avatar-select .upload-form div {
    margin-top: 3px;
}

tr.selected td {
    font-weight: bold;
    background-color: #DDEEFF;
}

.tabs.ui-widget-content {
    background: #FFFFFF;
    border: none;
    margin: 0;
}

.tabs.ui-tabs .ui-tabs-panel {
    border: 1px solid #cccccc;
    border-top: none;
    -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
}

.tabs.ui-tabs .ui-tabs-nav {
    -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px;
}

/*

Треки

*/

.tracks .ui-tabs .ui-tabs-panel {
    padding: 10px;
}

.tracks .ui-accordion .ui-accordion-content {
    padding: 5px;
    background: #ffffff;
    height: 300px;
}

.tracks h2 {
    text-align: center;
    margin-bottom: 10px;
}

.tracks h2.ui-accordion-header {
    text-align: left;
    margin-bottom: 0;
}

.tracks h2.ui-state-active {
    border-color: #cccccc;
    border-bottom: none;
}

.tracks .tabs.ui-tabs {
    margin: 3px 0 3px 0;
    padding: 0;
}

.tracks .tabs.ui-tabs .ui-tabs-panel {
    border: 1px solid #999999;
    border-top: none;
}

.tracks .my-devices select {
    width: 240px;
    float: right;
}

.tracks input {
     text-align: center;
     float: left;
     margin-bottom: 5px;
     width: 145px;
}

.tracks input.time {
     width: 95px;
     float: right;
}

.tracks .period button {
    width: 248px;
    margin-left: 67px;
}

.tracks .period button#suggest {
    width: 223px;
}

.tracks .period div {
    clear: both;
}

.tracks .period label {
    width: 60px;
    display: block;
    text-align: right;
    float: left;
    padding: 2px 5px 2px 2px;
}

#suggest-setup input.ui-state-default {
    width: 40px;
}

.tracks #suggest-setup-button,
.tracks #info-save-track,
.tracks #info-rename-track,
.tracks #info-delete-track
 {
    float: right;
    padding: 2px;
    margin-left: 1px;
}

.tracks #suggest-list {
    text-align: center;
    margin-top: 5px;
    max-height: 210px;
    overflow-y: auto;
}

.tracks #suggest-list td,
.tracks #saved td {
    padding: 3px;
    cursor: default;
}

span.nodata {
    padding: 10px;
    display: block;
    margin: 1px;
}

.nodata .ui-dialog-titlebar-close { display: inline-block; padding: 1px; height: 18px; width: 18px; }
.nodata .ui-dialog-titlebar-close span { margin: 1px; }
.nodata .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }

.tracks tr.hover {
    background-color: #EFEFEF;
}

.ui-timepickr-row {
    z-index: 1001;
}

#suggest-help {
    border-top: 1px solid #cccccc;
    margin-top: 5px;
    padding-left: 10px;
    font-size: 0.9em;
}

div#link {
    clear: both;
    
}

div#link input, #track-info textarea {
    width: 100%;
    
}

#track-info input {
    float: none;
    width: 50px;
}

#track-info input.color {
    width: 70px;
}

#track-info input.size {
    width: 30px;
}

#track-info input.radio {
    margin-bottom: 0;
    width: 15px;
}

#track-info label.required {
    width: 70px;
    display: block;
    float: left;
}

.info div {
    border-bottom: 1px dotted #999999;
    clear: both;
    height: 12px;
}

.info span {
    font-style: italic;
    float: right;
    background-color: #ffffff;
    padding-left: 3px;
}

.info label {
    padding-right: 3px;
    border-bottom:none;
    display: block;
    float: left;
    background-color: #ffffff;
    white-space: nowrap;
}

#suggest-setup div.hr {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 7px;
    padding-bottom: 7px;
}

#suggest-setup div div {
    margin: 0;
    font-size: 0.85em;
}

#save-track-name {
    width: 100%;
}

#dialog-save div {
    padding-top: 10px;
}

#dialog-saving {
    text-align: center;
    padding-top: 35px;
}

.ui-dialog .ui-dialog-buttonpane {
    padding: 0;
}

/*

Редактирование статей

*/
.edit-toolbar {
    float: right;
    padding-bottom: 5px;
    width: 160px;
}

.edit-toolbar button {
    width: 150px;
    display: block;
    margin: 1px;
}

.article-text {
    clear: both;
}

#saving, #loading2 {
    text-align: center;
}

#article-name-container input {
    font-size: 1.2em;
    width: 500px;
}

/*

Формы

*/

label.required {
    font-weight: bold;
}

form pre {
    font-size: 40%;
}

.content form dt {
    float: left;
}

.content form dd {
    margin-left: 175px;
    margin-bottom: 5px;
}

.content form input, .content form select {
    width: 250px;
}

.content form input.checkbox {
    width: 20px;
    float: left;
}

.content form input.radio {
    width: 30px;
}

.content form ul.errors {
    display: inline;
    padding: 0;
}

.content form ul.errors li {
    display: inline;
}

div.error, .content form ul.errors li {
    color: #FF0000;
    font-weight: bold;
    border: 1px solid #FF0000;
    background-color: #FFCCCC;
    padding: 5px 20px 5px 20px;
    display: inline;
    -moz-border-radius: 4px; -webkit-border-radius: 4px;
}

.content form ul.errors li {
    padding: 2px 10px 2px 10px;
    font-size: 0.9em;
    -moz-border-radius: 4px; -webkit-border-radius: 4px;
}

p.description {
    font-size: 0.9em;
    margin-top: 0px;
}

.leftcol {
    width:500px; 
    float: left;
}

.rightcol {
    margin-left: 505px;
}

/*
* Друзья
*/

#users {
    padding: 10px 0px 10px 0px;
}
#users p, #friends p, #friendOf p {
    width: 200px;
}

.brdr {
    border: 1px solid #ffffff;
}

.user {
    cursor: default;
    margin: 2px;
    padding: 3px 10px 3px 10px;
    width: 200px;
    float: left;
}

.user .ui-icon {
    float: left;
}

.drag-active {
    background-color: #EFEFEF;
}

.drag-hover {
    border: 1px solid #fbcb09; 
    background: #fdf5ce;
}

.drag-hover .brdr {
    border: 1px solid #fdf5ce; 
}

.hr {
    border-top: 1px solid #cccccc;
    padding-left: 10px;
    font-size: 0.85em;
}

.disabled {
    color: #999999;
}

.twoway {
    font-weight: bold;
}