/**
 * TAGS
 */
body {
	color:#333333;
}

a {
	color:#007BCE;
	cursor: pointer;
}

body.busy,
body.busy *
{
	cursor:progress !important;
}

select
{
	outline:none;
	padding:5px;
	font-size:12px;
	border:1px solid #E3E3E3 ;
}

form
{
	margin-bottom: 0;
}

table
{
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: none;
}

.ar {
	text-align: right !important;
}

.fr {
	float: right;
}

body ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/**
 * HELPERS
 */
.clr { clear:both; }

.hidden { display:none !important; }

/**
 * CHARTS
 */
div.chart_container,
#chart_container
{
	overflow: hidden;
}

/**
 * BUTTONS
 * Command buttons displayed on top of tables
 */
div.buttons
{
	background: #D69117;
	border-bottom: 1px solid #BD8014;
	position: relative;
}

div.buttons a
{
	height:30px;
	line-height: 30px;
	padding:0px 15px;
	float:left;
	text-decoration: none;
	font-weight: bold;
	color:white;
	background: #EB9F19;
}

div.buttons a:hover
{
	background: #FCAB1B;
}

div.buttons a:active
{
	background:#FFBA40;
}

div.buttons a.selected
{
	background: #FCAB1B;
}

div.buttons a.selected:hover
{
	background:#FFBA40;
}


div.buttons a.selected:active
{
	background:#FFC866;
}

/** "a" with icons */
div.buttons a.icon
{
	background-position: 10px 50%;
	background-repeat: no-repeat;
	padding-left:32px;
}

div.buttons a.icon.statistic
{
	background-image:url('../images/statistic.png');
}

div.buttons a.icon.csv
{
	background-image:url('../images/csv.png');
}

div.buttons a.icon.filters
{
	background-image:url('../images/filter.png');
}

div.buttons a.icon.add
{
	background-image:url('../images/add.png');
}


div.buttons a.icon.delete
{
	background-image:url('../images/DeleteW.png');
}

div.buttons a.icon.save
{
	background-image:url('../images/save.png');
}

div.buttons a.icon.back
{
	background-image:url('../images/back.png');
}

div.buttons a.icon.paging
{
	width:30px;
	height:30px;
	padding: 0;
}

div.buttons a.icon.paging.next
{
	background-image: url('../images/next.png');
}

div.buttons a.icon.paging.prev
{
	background-image: url('../images/prev.png');
}

/** "a" with icons */

div.buttons select
{
	outline: none;
}

div.buttons h1
{
	color:white;
	font-size:14px;
	padding:5px;
}

div.buttons div.right
{
	position: absolute;
	right:0;
	top:0;
}

/**
 * LABELS
 */
label.heading
{
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom:15px;
	border-bottom: 2px solid #EB9F19;
	cursor: default;
	display: block;
}

/**
 * UI SELECT INSIDE div.buttons
 */
div.buttons .ui-select
{
	float:left;
}

div.buttons .ui-select > .value
{
	background: #EB9F19;
	border:none;
	color:white;
	width:inherit !important;
}

div.buttons .ui-select > .value span,
div.buttons .ui-select > .value .icon
{
	height:30px;
	line-height: 30px;
}

div.buttons .ui-select span {
	padding-left:10px;
}

div.buttons .ui-select > .value .icon
{
	background-image: url('/ui-select/icon-white.png');
}

div.buttons .ui-select > .value.up > .list {
	border-top: 1px solid #D69117;
	max-height:120px;
}

div.buttons .ui-select .list > div:hover {
	background-color:#FFBA40 !important;
}

div.buttons .ui-select .list > div.selected {
	background-color:#FCAB1B;
}


/**
 * Sort icons on table heading
 */
table.table > thead  >tr > th
{
	cursor: default;
	color: gray;
}

table > thead  > tr > th a
{
	color:black;
}

table > thead  > tr > th a.sort
{
	background-repeat: no-repeat;
	background-position:0 50%;
	display:block;
}

table > thead  > tr > th.center a.sort
{
	display:inline-block;
	*display:inline;
	*zoom:1;
}

table > thead  > tr > th a.sort.asc
{
	background-image:url('sort_asc.png');
	padding-left:15px;
}

table > thead  > tr > th a.sort.desc
{
	background-image:url('sort_desc.png');
	padding-left:15px;
}

/**
 * Edit / Delete icons in table rows
 */
table a.edit
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 16px;
	height: 16px;
	background-image:url('../images/Edit.png');
	-moz-opacity: 0.50;
	opacity: 0.50;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);

}

table tr:hover a.edit
{
	-moz-opacity: 1;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
}

table a.delete
{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 16px;
	height: 16px;
	background-image:url('../images/Delete.png');
	-moz-opacity: 0.50;
	opacity: 0.50;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);

}

table tr:hover a.delete
{
	-moz-opacity: 1;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
}

/**
 * FORMS
 */
.nice
{
	padding:15px;
	background:#fafafa;
	margin-bottom: 0;
}

.nice table.align > tbody > tr > td
{
	padding:5px;
}

.nice table.align > tbody > tr > td:first-child
{
	width:175px;
	padding-left:0;
}

.nice input[type=text],
.nice input[type=search],
.nice input[type="password"]
{
	padding:5px;
	border:1px solid #E3E3E3;
	outline: none;
	width:175px;
}

.nice div.description
{
	margin-bottom: 15px;
	border-bottom:1px solid white;
	color:gray;
}

.nice div.description > div.inner
{
	padding-bottom:15px;
	border-bottom:1px solid #EBEBEB;
}

.nice input[type="checkbox"],
.nice label
{
	margin:0;
}

.nice div.head label
{
	display: inline;
}

.nice div.part
{
	float: left;
}

.nice div.part.right
{
	margin-left:20px;
	border-left: 1px solid white;
}

.nice div.part.right div.inner
{
	border-left: 1px solid #EBEBEB;
	padding-left: 20px;
}

.nice label.control-label
{
	font-weight: bold;
}

.nice li > input[type="radio"],
.nice li > input[type="checkbox"],
.nice li > label
{
	margin: 0;
	padding: 0;
	vertical-align: middle;
	display: inline;
}

/**
 * A BUTTON
 */
a.button
{
	float:left;
	height:25px;
	padding:0px 15px;
	background:#EB9F19;
	line-height: 25px;
	margin-right:5px;
	color:white;
	border:1px solid #D69117;
	text-decoration: none;

	background-image: linear-gradient(bottom, rgb(235,158,25) 26%, rgb(255,172,28) 82%);
	background-image: -o-linear-gradient(bottom, rgb(235,158,25) 26%, rgb(255,172,28) 82%);
	background-image: -moz-linear-gradient(bottom, rgb(235,158,25) 26%, rgb(255,172,28) 82%);
	background-image: -webkit-linear-gradient(bottom, rgb(235,158,25) 26%, rgb(255,172,28) 82%);
	background-image: -ms-linear-gradient(bottom, rgb(235,158,25) 26%, rgb(255,172,28) 82%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.26, rgb(235,158,25)),
		color-stop(0.82, rgb(255,172,28))
	);
}

a.button:hover
{
	background:#f7a61b;
	background-image: linear-gradient(bottom, rgb(247,166,27) 26%, rgb(255,180,51) 82%);
	background-image: -o-linear-gradient(bottom, rgb(247,166,27) 26%, rgb(255,180,51) 82%);
	background-image: -moz-linear-gradient(bottom, rgb(247,166,27) 26%, rgb(255,180,51) 82%);
	background-image: -webkit-linear-gradient(bottom, rgb(247,166,27) 26%, rgb(255,180,51) 82%);
	background-image: -ms-linear-gradient(bottom, rgb(247,166,27) 26%, rgb(255,180,51) 82%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.26, rgb(247,166,27)),
		color-stop(0.82, rgb(255,180,51))
	);
}

a.button:active
{
	line-height: 28px;
}

/**
 * A table that used to vertical center elements inside it
 */
table.center > tbody > tr > td
{
	padding:4px;
}

table.center > tbody > tr > td:first-child
{
	padding-left:0;
}

/**
 * Big buttons represent module's functions
 */
ul.module-functions
{
	float: left;
}

ul.module-functions > li
{
	float: left;
	position: relative;
}

ul.module-functions > li > a
{
	float: left;
	margin-left: 15px;
	background: #004B9A;
	width: 100px;
	height: 100px;
	border-radius: 6px;
	position: relative;
}

ul.module-functions > li > a:hover
{
	background: #0056b3;
}

ul.module-functions > li > a > span
{
	position: absolute;
	bottom:0;
	left: 0;
	text-align: center;
	width: 100px;
	color: white;
	text-decoration: none;
	font-size:12px;
}

ul.module-functions > li:first-child > a
{
	margin-left:0;
}


ul.module-functions > li > a > i
{
	background: none;
	border: none;
	width: 32px;
	height: 32px;
	position: absolute;
	top:0;
	left:0;
	background-image: url('../images/icons.png');
	padding:0;
}

ul.module-functions > li > a > i
{
	top: 26px;
	left: 34px;
}

ul.module-functions > li > a > i.athlete
{
	background-position: 0 -96px;
}

ul.module-functions > li > a > i.period
{
	background-position: -256px -32px;
}

ul.module-functions > li > a > i.sensor_data
{
	background-position: -128px -32px;
}

ul.module-functions > li > a > i.bands
{
	background-position: -32px -32px;
}

#in-sub-nav
{
	height: 165px;
}

#in-sub-nav.nav-fixed
{
	height: auto;
}

.nav-fixed li a
{
	min-width: 0;
	min-height: 0;
	padding: 0;
	margin: 10px 10px 10px;
}

.nav-fixed
{
	top: 0px !important;
}

#navgiation_bar
{
	position: absolute;
	top: 0;
	left: 0;
	background: #E7E7E7;
	width: 100%;
	padding: 10px;
	padding-left: 20px;
}

#navgiation_bar:hover
{

}

#navgiation_bar > ul > li
{
    float: left;
}

#navgiation_bar > ul > li > a
{
    display: block;
    padding-right: 20px;
    padding-left: 20px;
    background-image: url('/images/arrow_right.gif');
    background-repeat: no-repeat;
    background-position: 0px 50%;
    color: gray;
    text-decoration: none;
}

#navgiation_bar > ul > li > a:hover
{
    color: black;
}

#navgiation_bar > ul > li:first-child > a
{
    padding-left: 0;
    background: none;
}

#navgiation_bar > ul > li.last-child > a
{
    font-weight: bold;
}

.page-header
{
	padding-top: 0;
	margin-top: 0;
}