@import url(reset.css);
@import url(../amlbar/amlbar.css);

/* begin style */
.highlighted{background:#ffc}

body {
	color: #333;
	background: #fbfbfb url(../img/bg.jpg) 50% 0 fixed;
	font-family: Calibri, "Trebuchet MS", Trebuchet, sans-serif;
	font-size: 13px;
	line-height: 18px;
	margin: 0;
	margin: 0;
	padding: 0;
	}
	
a {
	text-decoration: none;
	color: #1ba9e4;
}

a:hover {
	text-decoration: underline;
}

#site-container {
	width: 960px;	
	margin: 0 auto;
	padding: 0;
}

#header {
	height: 120px;
	background:rgba(255, 255, 255, 0.0);
}

#header a {
	color: #fff;
}

#header h1 {
	width: 202px;
	height: 100px;
	margin: 0px;
	text-indent: -9999px;
	float: left;
	}
	
#header h1 a:link, div#header h1 a:visited {
	width: 202px;
	height: 100px;
	position: relative;
	display: block;
	background: none; 
	overflow: hidden;
	font-size: 1px;
	background: url("../img/bg-h1.png") 0 0 no-repeat;
	}

#footer {
	clear: both;
	position: relative;
	display: block;
	margin: 0px;
}

#content {
	background: #fff;
	/* background:rgba(251, 251, 251, 0.8) url(../img/bg-content.gif) 50% 0 repeat-y; */
	display: block;
	float: left;
	margin: 0 0 0 0;
	}
	
h1 {font-size: 40px; font-weight: normal; line-height: 45px; }
h2 {font-size: 16px; color: #595959;}
h3 {font-size: 13px;}

.twotop h2 {color: #fff; font-size: 24px;}

p, ul, ol, h2, h3 {padding: 0 15px 0 0;}

p {margin: 5px 0 0 0; background: none;}

.sub p {}

.twotop p {color: #fff;}
.twotop p.opp{clear:left;color:#BB8800;font-size:10px;padding:12px 2px 0;text-transform:uppercase;width:300px;}

.twotop a {color: #13749F;}
.twotop a:hover {text-decoration:none;color:#333;}

ul {padding: 0 0 15px 0;}

code {
	color: #08c;
	font-family: Monaco, "Andale Mono", "Courier New", monospace;
	font-size: 11px;
	}
	
/*	I M A G E S  and  C A P T I O N S */
.pic p, .caption {
	font-size: 11px;
	line-height: 16px;
	font-family: Verdana, Arial, sans-serif;
	color: #666;
	margin: 4px 0 10px;
	}

/* P L A C E M E N T */
.left {float: left; display: inline;}
.right {float: right; display: inline;}
.right.inset {margin: 0 120px 0 20px;} /* img floated right within text */
.left.inset {margin-left: 230px;} /* img floated left within text */
.thumb {margin: 0px 5px 0px 0;}
.center {margin: 20px auto;}
/* S I Z E */
.one {width: 300px; margin: 15px 0 0 15px; background: none; }

.onetop {width: 299px; margin: 0;}

.onetop div.clear {
padding: 10px 0;
font-weight:bold;
}

.onetop div.clear .submit {
padding: 2px 10px;
margin: 0 7px;
}

.two {width: 615px; margin: 15px 0 0 15px; background: none; min-height: 800px; }
.twotop {width: 614px; margin: 0 0 0 0;}
.sub, .subSide {
    background: #FFF;
    border: 1px dashed #D7D4CD;
    padding: 15px;
    color: #595959;
    margin-bottom: 15px;
}
.sub {
    width: 583px;
    clear:left;
}

.subSide {
    width: 268px;
}

.subSide h2 {
	background: url(../img/bg-dot.gif) repeat-x 0 100%;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}

.subSide li {
	margin: 0 0 10px 0;
}

.sub.status {
	margin: 15px 10px;
	float:left;
}

.three {width: 928px; margin: 0 0 0 0;}

.mailingList, .koornk {
	padding: 5px 0 0 0;
	display: block;
	float: left;
	width:100%;
}

.koornk {
	padding: 15px 0 15px 0;
}

.koornk h2 {
	background: url(../img/bg-koornk.png) 0 0 no-repeat;
	width: 195px;
	height: 50px;
	text-indent: -9999px;
}

.koornk ul {
	margin-left: 59px;
}

.koornk li.posted {
	font-size: 11px;
}

.profile h2 {margin: 0 0 10px 0;}

.profile {width: 584px; margin: 15px 0 0 0; padding:10px 15px 15px; background: #fcfdfb;}

.profile .grey {padding: 15px; width: 383px; margin: 0 0 0 0px; border: 1px solid #bdbcbd; border-width:  1px 1px 1px 0; background: #e3e3e3 url(../img/bg-grey-profile-hack.gif) 0 0 no-repeat;}

.grey {}

.avatar {width: 170px; background: url(../img/bg-grey-profile.gif) 100% 1px no-repeat;}
.avatar img {margin: 0;padding: 0;}
.avatar p {width: 140px;background: #fff url(../img/bg-profile-edit.gif) 0 100% repeat-x; border: 1px solid #ccc; margin: 12px 0 15px 0; padding: 5px; text-align: center;}

dl.community {
width: 300px;
margin: 16px 0 0 0;
padding: 0;
color: #fff;
}

.community dd {
width: 100px;
background: url(../img/bg-dot-community.gif) repeat-x 100% 100%;
float: right;
margin: 0 0 0 0;
padding: 7px 0 10px 0;
text-align: right;
}

.community dt {
float: left;
width: 200px;
margin: 0 0 0 0;
padding: 7px 0 10px 0;
background: url(../img/bg-dot-community.gif) repeat-x 0 100%;
}

.community dt a {color: #fff;}
.community dd a {color: #ff6c00;}

/* I N P U T  S U B M I T */ 
input.input {
width: 155px;
border: 1px solid #cfcfcf;
background: #fff url(../img/bg-search-icon.gif) 105px 2px no-repeat;
margin: 10px;
	font-size: 13px;
	height: 22px;
	padding: 3px 3px 0 3px ;
}

table input, textarea {
    margin:1px 0 10px;
    padding: 1px 2px;
    font: normal 14px/21px Calibri, "Trebuchet MS", Trebuchet, Verdana, sans-serif;;
}

.submit {
	border: 1px solid #fff;
	padding: 3px;
	margin: 10px 0 0 0;
	text-align: center;
	color: #fff;
	font: italic 10px/21px Corbel, Helvetica, Arial, sans-serif; font-weight: bold;
	font-stretch: extra-condensed;
	text-transform: uppercase;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 2px 2px 2px #666;
	background: #20abe5 url(../img/bg-button-register.gif) 0 100% repeat-x;
}

#friend_remove {
    float:right;
    width: 100px;
    margin: 5px 0 0;
    font-size: 11px;
}

.lite .submit {
    background: #d90;
    font-weight: normal;
}
.lite .submit:hover {
    background: #D00;
}

.mailingList input.input {
	margin: 0 0 15px 0;
	background: #fff;
	color: #49bae9;
	font-size: 13px;
	height: 13px;
	padding: 5px;
}

.mailingList .submit {
	margin: 0 0 0 10px;
}

/* USER PROFILE*/

#notifications {
    font-weight:bold;
    border: 1px dashed #D7D4CD;
}

.community .alert, .invites .alert {
font-weight: bold;
}

li.search {
  /*  padding:10px 0 0 5px; */
    margin:0;
}
.search input {
    margin:0 5px;
    padding: 2px;
    height: 22px;
}
.search input.input {
width:125px;
}

ul.community {
margin: 16px 0;
}
ul.friendlist {
margin-top: 0px;
}

ul.community li {
display: inline;
margin: 2px;
width: auto;
background: none;
}

ul.invites ul li {
padding: 7px 0 10px 0;
background: url(../img/bg-dot-community.gif) repeat-x 0 100%;
}

/* COMMENTS */

#comments, #comment-form {
background:transparent url(../img/bg-dot.gif) repeat-x scroll top left;
margin:30px 0;
padding:15px 0;
}
#comments th {
width: 33%;
padding: 2px 7px;
vertical-align:top;
text-align:right;
}
#comments th label {
text-align: right;
float:none;
}

.comment{
    margin: 30px;
}

.comment.odd{
    margin-left: 20px;
}

#comments h5 {
    font-size: 18px;
    color: #Fa0;
}
.comment h6 {
    font-size: 11px;
    color: #FEC10A;
}

fieldset label{
display:block;
width: 33%;
}

fieldset #id_message.message{
margin:0;
}


/* N A V */
ul.nav  {
	width: 958px;
	display: inline;
	float: left;
	margin: 0;
	padding: 0 0 0 0;
	border: 1px #dea601 solid;
	background: #fec418 url(../img/bg-nav-00.gif) 0 1px repeat-x;
}

* html ul.nav li {
	line-height:0px; 
	float:left; 
	margin:0; 
	clear: none; 
}

ul.nav li a  {  
	float: left; 
	display: block; 
	text-decoration: none; 
	padding: 10px 9px; 
	height: 27px;
	font-size: 11px;
	text-transform: uppercase;
	border-right: 1px solid #dea601;
	line-height: 28px;
	color: #fff;
	font-weight: bold;
}

ul.nav li a.iskanje {
background: url(../img/bg-search-icon.png) 65px 12px no-repeat;
width: 70px;
}

ul.nav li a.active, ul.nav li a:hover {  
	background-color: #fff;
	color: #1ba9e4;
}

ul.nav .search {
	text-indent: 0;
}


/* S E C O N D A R Y   N A V */
ul.secondaryNav {
	width: 299px;
	display: inline;
	float: right;
	margin: 0;
	margin-right:-2px;
	padding: 0;
	border-right: 1px solid #dea601;
}

* html ul.secondaryNav li {
	line-height:0px; 
	float:right; 
	margin:0; 
	overflow: hidden; 
	clear: none; 
}

.secondaryNav li a {  
	text-decoration: none;
	padding: 7px 7px 7px 7px;
	font-size: 10px;
	text-transform: uppercase;
	border: 1px solid #dea601;
	border-width: 0 0 1px 1px;
	line-height: 27px;
	color: #dea601;
	background: #fff;
	font-weight: bold;
}

ul.secondaryNav li a.active, ul.secondaryNav li a:hover {  
	background: #fff;
	color: #1ba9e4;
	border: 1px solid #dea601;
	border-width: 0 0 1px 1px;
}

.secondaryNav li {
display: block;
float: right;
}

/* THOTOP */ 

.twotop h2 {
	padding: 15px 0 0 0;
}

.twotop img {
	padding: 7px 0 0 0;
}


/* TAB NAV (by SimpleBits.com) */ 

.filterNav {
    color:#CC9999;
    font-size:14px;
    margin:-10px 0 -1px;
    padding:0;
    width:612px;
}


.filterNav li {
	display: inline;
  	list-style-type: none;
}

.filterNav a
{
    background:#FFFFFF url(../img/bg-profile-edit.gif) repeat-x scroll 0 100%;
    border-color:#BDBDBD;
    border-style:solid;
    border-width:1px 0 0 1px;
    color:#1BA9E4;
    display:block;
    float:left;
    font-weight:bold;
    margin:0 0 -1px;
    padding:10px;
    text-decoration:none;
}

.filterNav a.active{
	color: #444;
	background-image:none;
}

.filterNav a:hover
{
	color: #444;
}

.filterNav .last a{
	border-right-width: 1px;
}

.tabNav {
    background:#FFFFFF none repeat scroll 0 0;
    border-color:#BDBDBD;
    border-style:solid;
    border-width:1px 1px 0;
    clear:left;
    float:none;
    height:12px;
    width:613px;
}

.tabNav li {
    display:block;
    float:left;
    list-style-type:none;
    margin:0 0 -10px;
    padding:0 0 10px;
}
	
.tabNav a:link, .tabNav a:visited
{
    background:transparent none repeat scroll 0 0;
    float:left;
    font-size:11px;
    font-weight:bold;
    padding:8px 10px 10px;
    margin: 0 0 -10px;
    text-decoration:none;
    text-transform:uppercase;
}

.tabNav a.active, .tabNav a:visited.active, .tabNav a:hover {
		color: #595959;
}

.tabNav a.active {
	background: transparent url(../img/puscica.gif) bottom center no-repeat;
}

/* NEWSLIST */
.newsList {width: auto; margin: 0 0 0 0; }

.newsList h2 {
	background: #D8D8D8;
	font: 11px/15px Corbel, Helvetica, Arial, sans-serif; font-weight: bold;
	font-stretch: extra-condensed;
	text-transform: uppercase;
	color: #fff;
	/*text-align: right;*/
	/*text-shadow: 2px 2px 2px #bea13d;*/
	/*border: 1px #AFAFAF solid;*/
	margin: 0 0 5px	0;
	padding: 0 5px 0 5px;
	}
	
	.newsList h2 a {
		color: #fff;
		text-decoration: none;
	}
	
	.newsList h3 {
		font-size: 16px;
	}

.newsList ul {
	clear: both;
}
.newsList ul li {
	margin: 0 0 0 15px;
    list-style-type: disc;
    color: #1ba9e4;
}

.newsList .more, hr .more {
	padding-top: 10px;
	background: url(../img/bg-dot.gif) repeat-x 0 5px;
	text-transform: uppercase;
	clear: left;
}

hr.more {
border: 0;
color: #9E9E9E;
background-color: #9E9E9E;
height: 1px;
width: 100%;
text-align: left;
}

.newsList a {
	color: #1ba9e4;
}

.newsList .thumb {border: 1px #fff solid;}
.sub .newsList .thumb {border: 1px #bdbcbd solid;}

.nomargin h3 {margin: 8px 0 3px 15px;}

/* WEEKLY RUNNING */

.weeklyRunning {
	background: #FFFFFF;
}

h2.weeklyRunning {
	/*border-color:#fff;
    border-style:solid;
    border-width:1px 1px 0;*/
    margin: 0 0 0 0;
	padding: 0 6px 0 7px;
	}
	
h2.weeklyRunning, h2.weeklyRunning a {
    font: italic 10px/20px Corbel, Helvetica, Arial, sans-serif; font-weight: bold;
    font-stretch: extra-condensed;
    text-transform: uppercase;
    color: #fff;
    text-align: left;
    background: #FF47A2;
}

.weeklyRunning ul {
    margin: 0;
    padding: 0;
    background: #ffc7e3;
    /* border-left: 1px solid #ff47a2;
    border-right: 1px solid #ff47a2; */
    clear: both;
}

.weeklyRunning li {
	width: 260px;
	margin: 0 0 0 0;
	padding: 15px 5px 15px 35px;
	color: #595959;
	border-bottom: 1px solid #fff;
	background: url(../img/bg-gogi.gif) no-repeat 6px 50%;
	 
}

.weeklyRunning a {color: #fff;text-decoration: underline;}

ul.weeklyRunningMode  {
    display: inline;
    float: left;
    background: url("../img/dm_logo.png") no-repeat scroll 95% 0 #FF47A2;
    width: 300px;
    padding: 0px;
   /* border-right: 1px solid #1ba9e4;*/
}
.weeklyRunningMode li {
    display: inline;
    float: left;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    background: #fff;
    color: #1ba9e4;
    text-align: center;
    font-size: 10px;
}
.weeklyRunningMode a {
    color: #1ba9e4;
}
.weeklyRunningMode li.active,.weeklyRunningMode li.active h2, .weeklyRunningMode li.active a {
    background: #FFC7E3;
    color: #fff;
    text-decoration: none;
}

/* RUN PROGRAMS */
.RPNav {
	clear:left;
	display:block;
	float:left;
	margin:15px 30px -30px;
}
.RPNav li {
	display:block;
	float:left;
	margin:0 5px;
} 

.RPNav li.label {
	color:#BBBBBB;
	display:block;
	float:none;
	font-size:10px;
	text-align:right;
	text-transform:uppercase;
	width:auto;
	padding:10px 0;
}

.RPNav li.label a {
	display:inline;
	background:none;
	border:none;
	padding:0;
}


.RPNav li a {
	border:1px solid #BBBBBB;
	display:block;
	padding:15px 15px 5px;
	text-decoration:none;
	border-width:1px 1px 0;
}

.RPNav li a:hover,
.RPNav li.active a {
	background:none repeat scroll 0 0 #EEEEEE;
	border-color:#DEA601;
}


/* CALENDAR */ 

ul.calendar  {
	width: 300px;
	height:4px;
	display: inline;
	float: left;
	background-color: #1ba9e4;
	margin: -1px 0 15px 0;
	border-top: 1px solid #FF47A2;
}

.calendar li {
	display: inline;
	float: left;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	width: 30px;
	border-left: 1px solid #FF47A2;
	border-bottom: 1px solid #FF47A2;
	background: #fff;
	color: #1ba9e4;
	text-align: center;
	font-size: 10px;
}

.calendar a {
	color: #ff47a2;
}

.calendar li.all {
	background: #fec006;
	width: 81px;
	color: #fff;
    border-right:1px solid #FF47A2;
}

.calendar li.active {
	background: #1ba9e4;
}

.calendar li.active a, .calendar li.all a {
	color: #fff;
}

.myCalendar {
	background: #fff;
}

.myCalendar hr {
	background: #fff url(../img/bg-dot.gif) repeat-x 100% 100%;
	border: none;
}

.myCalendar dl {}

.myCalendar dt {
	width: 80px;
	float: left;
	margin: 0;
/* 	background: #000; */
}
.myCalendar li {
clear: both;
background: #fff url(../img/bg-dot.gif) repeat-x 100% 100%;
padding: 5px;
width: 575px;
position: relative;
}

.myCalendar li:hover {
background: #eeeeee url(../img/bg-dot.gif) repeat-x 100% 100%;
}

.myCalendar li .tools {
display: none;
position: absolute;
bottom: 5px;
right: 5px;
}

.myCalendar li:hover .tools {
display: block;
}

.myCalendar dd {
	margin-left: 85px;
	padding: 5px 10px;
	}

.myCalendar dd.run, .myCalendar dd.time, .myCalendar dd.speed, .myCalendar dd.fsu {
	float: left;
	padding: 10px;
	width: 90px;
	margin: 0;
	display: inline;
	font-size: 12px;
}
.myCalendar dd.title, .myCalendar dd.status.a {
    font-weight: bold;
	font-size: 13px;
}
.myCalendar dd.status.lite {
    color:#ccc;
}
.myCalendar .small {
	font-size: 11px;
}
.calendar {
    background: none;
	width: 43px;
	height: 43px;
}

.icon1 {
background: url(../img/type-icon1.png) 0 0 no-repeat;
}
.icon2 {
background: url(../img/type-icon2.png) 0 0 no-repeat;
}
.icon3 {
background: url(../img/type-icon3.png) 0 0 no-repeat;
}
.icon4 {
background: url(../img/type-icon4.png) 0 0 no-repeat;
}
.icon5 {
background: url(../img/type-icon5.png) 0 0 no-repeat;
}

.calendarBg {
	background: url(../img/bg-cal.png) 0 0 no-repeat;
	width: 43px;
	height: 43px;
	
}

dt.avatar {
    margin: 0px;
    width: 80px;
}

.month, .day {
	font-size: 11px;
	line-height: 16px;
	font-stretch: narrower;
	text-transform: uppercase;
	text-align: center;
	width: 43px;
}
.more {
    font-size: 11px;
}
.day {
	font-size: 20px;
	line-height: 27px;
	}

.myCalendar dd.run {
	width: 133px;
/* 	background: #6bc; */
	margin-left: 5px;
	font-size: 15px;
}

/*
.myCalendar dd.time {background: #3fc;}
.myCalendar dd.speed {background: #3f3;}
.myCalendar dd.fsu {background: #ffc;}
.myCalendar dd.status { background: #ccc; }
*/

/* B U T T O N Z */
.buttons {
	height: 50px;
} 
 
.register, .login {
	border: 1px solid #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 15px 0 15px 0;
	margin: 15px 0 0 0;
	width: 140px;
	text-align: center;
	color: #fff;
	font: italic 11px/15px Corbel, Helvetica, Arial, sans-serif; font-weight: bold;
	font-stretch: extra-condensed;
	text-transform: uppercase;
	-webkit-box-shadow: 2px 2px 2px #666;
	
}

.register {
	margin: 15px 15px 0 0;
	background: #20abe5 url(../img/bg-button-register.gif) 0 0 repeat-x;
}

.register:hover {
	background: #20abe5 url(../img/bg-button-register.gif) 0 -5px repeat-x;
}

.login {
	background: #fec008 url(../img/bg-button-login.gif) 0 0 repeat-x;
}

.login:hover {
	background: #fec008 url(../img/bg-button-login.gif) 0 -5px repeat-x;
}

/* FOOTER */

.footer h2 {
	padding: 15px 0 5px 0;
	font: italic 18px/18px Corbel, Helvetica, Arial, sans-serif;
	font-weight: bold;
}

.footer a {
	color: #333;
	text-decoration: none;
}

.footer ul li {
	display: inline;

}

.footer li {
	padding: 0 10px 0 0;
}

.footer li a {
	color: #333;
}

/* A D D I T I O N S */
.frame {border: 1px solid #999;}
.solo {margin-bottom: 20px;}
.yellow {
	background: #febf04 url(../img/bg-yellow.png) 0 0 repeat-x;
	border: 1px solid #dea601;
}
.padding15px {
	padding: 0 15px 15px 15px;
}

.clear {clear: both;}


/* ADS */ 

.ad728 {
	width: 728px;
	height: 90px;
	display: block;
}

/* IZ M1 */

.opaque {
    background: #fff;
    border: 1px solid #BDBDBD;
    padding: 10px;
    color: #595959;
}

.box {
margin: 0 0 15px 0;
}

li.media {
border:1px solid #BDBDBD;
display:block;
float:left;
margin:10px;
min-height:160px;
overflow:hidden;
padding:4px;
width:158px;
position: relative;
}

li.media:hover {
background: #eeeeee;
}

li.media .tools {
display: none;
position: absolute;
bottom: 5px;
right: 5px;
}

li.media:hover .tools {
display: block;
}

li.friendsearch {
border:1px solid #BDBDBD;
display:block;
float:left;
margin:10px;
min-height:80px;
overflow:hidden;
padding:3px;
width:115px;
text-align: center;
}

.media img.w160 {
border:1px solid #BDBDBD;
width:155px;
}
/* S U B B O X */

p.strong {font-weight: bold;}
p.error {font-weight: bold; border:1px solid red; color:red;padding:.2em 1em; background:#FF9;}

.subBox {background: #fff; padding: 10px; margin: 0 0 15px 0; width: 280px; border: 1px dashed #D7D4CD;}

h2.subBox {
	background: #fff url(../img/bg-dot.gif) 0 100% repeat-x; margin: 15px 0 0; border-bottom: none;
}

h2.subBox:first-child {
   margin-top: 0px;
}

.subBox li {
	display: block;
	float: left;
	background: transparent url(../img/bg-dot.gif) 0 100% repeat-x; margin: 0;
	padding: 5px 0 10px 0;
	width: 280px;
}

.subBox li.tekaski-vikend{
	background:#D93E58;
	padding:5px;
	color:#fff;
	width:auto;
}
.subBox li li{
	background:transparent none repeat scroll 0 0;
	color:#000000;
	line-height:14px;
	margin:5px;
	padding:0 0 0 10px;
	width:auto;
}
.subBox p {
	float: right;
	width: 220px;
	padding: 0 0 0 0;
}
.subBox dd p {
    width: auto;
}
.subBox:after, .myCalendar dd.fsu:after, .left:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

ul.subBox {
    border-top: none;
    margin-top: none;
}

.subBox li:last-child {
    background: none;
}

.prevpage{
    float:left;
}

.nextpage{
    float:right;
}

.paginator {
padding: 15px;
}
.nextpage, .prevpage {
	padding: 5px;
	border: 1px solid #1ba9e4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 10px;
}

.prevpage {margin: 0 10px 0 0;}

a.nextpage:hover, a.prevpage:hover {
	color: #595959;
}

/* F U K I N   F O R M S */
div#message-form, div#video-form, div#photo-form, div#run-form, div#q-form {
    display:none;
}

#run-form input {
	float: left;
}

#id_distance, #id_time, #id_pulse {
	width: 28px;
}
#id_message,#id_messagesolo {
	width: 250px;
}

#id_message, #id_messagesolo,#id_video,#id_date, #id_distance, #id_time, #id_pulse ,#id_title, #id_upload,#id_status, #id_tema {
	margin: 0 10px 10px 0;
}
	
#id_video {
	width: 246px;
}
#id_date {
    width: 80px;
}
label, select {
	float: left;
}
label{
    display:block;
    width:64px;
}
label.inline{
    width:auto;
    margin:0 10px;
    text-align:center;
}    
label.top{
    display:block;
    float:none;
    width:auto;
}
#logentry {
	width: 385px;
}

#logentry input.button {
	float: right;
	display: block;
	width: 55px;
	margin: -37px 0 0 0 ;
}

input.formError {
border: 1px solid red;
}

textarea.formError {
border: 1px solid red;
}

p.errorText {
font-weight: bold;
color: red;
margin: 0 0 10px;
}

ul.errorlist {
clear: both;
}

/* LOG TAB NAV */ 

.tabNavLog ul {
	padding: 0 0 0 300px;
	float: right;
}

ul.tabNavLog {
    padding: 0 0 5px; 
}

.tabNavLog li {
	margin: 0 0 10px 0; 
	padding: 8px 0;
	display: inline;
  	list-style-type: none;
	float: left;
}

#photo-tab, #message-tab, #run-tab, #video-tab, #q-tab {
	padding: 10px;
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #ccc;
	border-width: 0 0 1px 1px;
	background: #fff url(../img/bg-profile-edit.gif) 0 100% repeat-x;
}

#q-tab {
		border-width: 0 1px 1px 1px;
}

#submit {
	margin: 0 10px 0 0;
}

#photo-tab.active, #message-tab.active, #run-tab.active, #video-tab.active, #q-tab.active {
	background: #e3e3e3;
	height: 15px;
	margin: -1px 0 0 0;
	color: #9e9e9e;
}

.tabNavLog a:hover
{
	color: #595959;
}

/* DJANGO PROFILE */

.dp label {
    padding-right:15px;
    text-align:right;
    width:200px;
    font-weight: bold;
}
.dp p {
    clear: both;
    padding-top: 5px;
}
.dp legend {
    color:#595959;
    font-size:16px;
    margin:15px;
    font-weight: bold;
}
.dp input.text, .dp select, .dp textarea {
width: 314px;
padding: 2px;
}
.dp input.button {
	border: 1px solid #fff;
	padding: 3px;
	margin: 10px 0 0 20px;
	text-align: center;
	color: #fff;
	font: italic 10px/21px Corbel, Helvetica, Arial, sans-serif; font-weight: bold;
	font-stretch: extra-condensed;
	text-transform: uppercase;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 2px 2px 2px #666;
	background: #20abe5 url(../img/bg-button-register.gif) 0 100% repeat-x;
}

/* RUNNING LOG */

.video-medium {
    height:375px;
}
.w100 {
    width: 100px;
    float: left;
    margin: 5px;
    border: 1px solid #BDBDBD;
}
a.delete {
    background: url(../img/delete.png) 0 100% no-repeat;
    padding-left: 20px;
}

/* Test copatof */

div#search {
clear: both;
}

div#search .buttons {
height: auto;
}

table#search {
width:100%;
border-collapse: collapse;
border: none;
}
table#search td {
vertical-align: top;
padding: 0px 5px 5px 5px;
margin: 0px;
}

table#search label.description {
text-transform: uppercase;
color: #be3522;
font-size: 12px;
font-weight: bold;
margin-top: 10px;
display:inline-block;
}

table#search label, table#search select {
float: none;
}

table#search label, table#search label.description {
display: inline;
width: none;
}

table#search br {
line-height: 5px;
}

table#search td.sorting {
padding:5px;
}

div.buttons {
text-align: center;
}

div.buttons input {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-x-system-font:none;
background:#20ABE5 url(../img/bg-button-register.gif) repeat-x scroll 0 100%;
border:1px solid #FFFFFF;
color:#FFFFFF;
font-family:Corbel,Helvetica,Arial,sans-serif;
font-size:10px;
font-size-adjust:none;
font-stretch:extra-condensed;
font-style:italic;
font-variant:normal;
font-weight:bdiv.crk {
margin-top: 20px;
}old;
line-height:21px;
margin:10px 0 0;
padding:3px;
text-align:center;
text-transform:uppercase;
}

.shortArticle h3 {
margin-top: 22px;
}

div.crk {
margin-top: 20px;
}

.crk ul li {
float:left;
font-weight:bold;
margin: 0 0 0 30px;
list-style-type: none;
color: auto;

}

table.ocena {
width: 100%;
border: 1px solid #DEA601;
border-collapse: collapse;
text-align: center;
margin-top: 10px;
}
tr.head {
background: #FEBF04;
text-transform: none;
font-size: 11px;
text-align: center;
}
table.ocena td {
border: 1px solid #DEA601;
width: 8%;
height: 40px;
vertical-align: middle;
}

#pagination {
text-align:center;
}
#pagination ul {
margin:0 0 0 50px;
padding:0;
list-style-type:none;
background:none;
font-family:Tahoma;
}
#pagination ul li {
margin:0;
float:left;
height:23px;
line-height:23px;
width:30px;
text-align:center;
}
#pagination {
height:23px;
float:left;
margin-top: 20px;
}
#pagination li a {
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#83a0b8;
display:block;
width:30px;
height:23px;
font-family:Arial;
letter-spacing:1px;
text-transform:uppercase;
}
#pagination li a:hover {
color:#fff;
background:#83a0b8;
width:30px;
height:23px;
}
#pagination  a:hover.Selected {
color:#000;
background:#83a0b8;
width:30px;
height:23px;
}
#pagination  a.Selected {
color:#fff;
background:#83a0b8;
width:30px;
height:23px;
}

div.bigImg {
float:left;
height:100px;
margin:2px 10px 0 0;
width:140px;
}

div#hint {
display: none;
float: right;
}

h2.raffle {
background:#1BA9E4 url(../img/bg-dot-yourstats.png) repeat-x scroll 0 100%;
color: #FFFFFF;
}
ul.raffle {
background: #1BA9E4;
color: #FFFFFF;
}
ul.raffle a {
font-weight: bold;
text-decoration: underline;
color: #FFFFFF;
}

.nowrap {
white-space: nowrap;
}

/* YOURSTATS */


.yourstats {
    background: #1ba9e4;
}

h2.yourstats {
    background:#1BA9E4 url(../img/bg-dot-yourstats.png) repeat-x scroll 0 100%;
}
.yourstats dt, .yourstats dd {
    display: inline;
    float: left;
    margin: 0 5px 0 0;
    padding: 0 0 5px 0;
}
.yourstats dt, .yourstats .yllow {
    color: #fec009;
    font-weight:bold;
}
.yourstats dd, .yourstats .white {
    color: #fff;
    margin: 0 35px 0 0;
}
.yourstats .white {margin: 0;}

.yourstats li {
    background: transparent url(../img/bg-dot-yourstats.png) 0 100% repeat-x; margin: 0;
}

.onetop.right p#social { border:1px solid #bdbdbd; background:#fff; height:120px; margin:-4px -3px -3px 0; padding:15px; }
.onetop.right p#social span { margin-bottom: 20px; display:block; }
.onetop.right a.socialauth {
    vertical-align:bottom; 
    line-height:20px;
    padding:5px 5px 2px 18px;
    display:block;
}

a.socialauth { 
    vertical-align:bottom; 
    line-height:50px;
    padding:5px 5px 2px 18px;
}
#twitter.socialauth { background: transparent url(../img/twitter_16.png) 0 50% no-repeat; }
#facebook.socialauth { background: transparent url(../img/facebook_16.png) 0 50% no-repeat; }


/* DM tečemo box */
	
.dmtek {
	background:url(../img/dm_logo_big.png) no-repeat 0 0 #ff47a2;
	height:110px;
}

.dmtek ul li {
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
	padding: 5px;
	border-top: 1px dashed #ffa3d1;
	display: block;	
}

.dmtek ul {
	padding: 55px 10px 0 10px;
}