/* General reset */
html { height: 100%; }
body {
	margin: 0;
	font: 0.8em "Trebuchet MS", trebuchet, Arial, Helvetica, sans-serif;
	color: #333;
	background: #e5eefa url(../Images/CssImages/bg.gif) repeat-x;
	height: 100%;
	min-width: 944px;
	line-height: 1.3em;
}
a { color: #338ed7; }
a:hover { text-decoration: none; }
img { border-style: none; }
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
input,
textarea,
select {
	font: 100% Arial, sans-serif;
	vertical-align: middle;
}
h1, h2, h3, h4, h5, h6  
{
    font-family: Helvetica, Arial, sans-serif; 
   	clear: both;
}
/* General settings */
#main {
	margin: 0 auto;
	width: 944px;
	min-height: 100%;
}
* html #main { height: 100%; }
/* header start */
#header {
	width: 944px;
	height: 86px;
	position: relative;
}
/* logo */
#logo {
	background: url(../Images/CssImages/logo-beta.png) no-repeat;
	width: 120px;
	height: 34px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	margin: 13px 0 0px 2px;
}
/* top navigation start */
#top-nav {
	float: right;
	margin: 39px 0 0;
	padding: 0 1px 0 0;
}
#top-nav li {
	list-style: none;
	float: left;
	padding: 0 0 0 20px;
	font-size: 11px;
	line-height: 14px;
}
#top-nav li a {
	color: #fff;
	text-decoration: none;
}
#top-nav li a:hover { text-decoration: underline; }
/* top navigation end */
/* main navigation start */
#main-nav {
	position: absolute;
	left: 0px;
	top: 60px;
	margin: 0;
	padding: 0;
}
#main-nav li {
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	list-style: none;
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	text-transform: uppercase;
}
#main-nav li a {
	color: #002c49;
	text-decoration: none;
	float: left;
	border: 1px solid #D6D21C;
}
#main-nav li a span {
	float: left;
	padding: 4px 17px 0;
	height: 20px;
	cursor: pointer;
}
#main-nav li a:hover,
#main-nav li a.active {
	border: solid 1px #BAB61D;
	border-bottom: solid 1px transparent;
	background-color: #EEEDCA;
	color: #4d4d4d;
}
#main-nav li a.active span,
#main-nav li a:hover span { }

/* main navigation end */
/* header end */
/* main container start */
.container {
	overflow: hidden;
	width: 100%;
	padding:0 0 50px;
	/*padding: 23px 0 50px;*/
}
.profile-box {
	overflow: hidden;
	height: 1%;
	margin: 0 0 0 0px;
	padding: 0 0 0px;
	border-bottom:1px solid #BFBFBF;
	margin: 0px 0px 25px 0px;
}
.profile-box .image {
	float: right;
	border: 1px solid #999;
}
.profile-box .image img { display: block; }
.profile-box .text {
	float: left;
	padding: 42px 0 0;
	margin: 0 0 0 0px;
	display: inline;
	width: 860px;
}

.public-add {float: left; margin-top: 5px; width: 100%;}

.profile-box h1 {
	margin: 0;
	font-size: 19px;
	line-height: 24px;
	font-weight: normal;
	display: inline;
	color:#338ED7;
}
.profile-box ul {
	margin: 0 0 0 -4px;
	padding: 0;
	display: inline;
}
* html .profile-box ul { margin: 0; }
*+html .profile-box ul { margin: 0; }
.profile-box ul li {
	list-style: none;
	display: inline;
	background: url(../Images/CssImages/sep-2.gif) no-repeat 0 4px;
	padding: 0 2px 0 5px;
}
.profile-box ul li:first-child { background: none; }
/* content start */
#content {
	float: left;
	width: 685px;
	display: inline;
	margin: 0 0 0 1px;
	padding: 0 0 21px;
}
/* boxes styles */
.modul-box {
	border: 1px solid #BFBFBF;
	overflow: hidden;
	background-color: #f1f7fd;
	padding: 21px 20px 28px 18px;
	margin: 0 23px 28px 0;
	height: 1%;
	background-position: 100% 100%;
	background-repeat: no-repeat;
	position: relative;
}

.modul-none {padding-bottom: 20px;}

.modul-box h2 span { color: #ac3a32; }

.modul-box h2 a {text-decoration: none;}
.modul-box h2 a:hover {text-decoration: underline;}

.modul-box .link {
	float: right;
	font-size: 9px;
	line-height: 0px;
}

.neswpaper-box { background-image: url(../Images/CssImages/ico-newspaper-big.gif); }
.chart-box { background-image: url(../Images/CssImages/ico-chart-big.gif); }
.people-box { background-image: url(../Images/CssImages/ico-people-big.gif); }
.team-box { background-image: url(../Images/CssImages/ico-people-big.gif); }
.star-box { background-image: url(../Images/CssImages/ico-star-big.gif); }
.half-star-box { background-image: url(../Images/CssImages/ico-half-star-big.gif); }
.book-box { background-image: url(../Images/CssImages/ico-book-big.gif); }
.time-box { background-image: url(../Images/CssImages/ico-time-big.gif); }
.question-box { background-image: url(../Images/CssImages/ico-question-big.gif); }
.company-box { background-image: url(../Images/CssImages/ico-activis.gif); }
.wrench-box { background-image: url(../Images/CssImages/ico-wrench.gif); }

.modul-box h2 {
	margin: 0;
	color: #338ed7;
	font-size: 20px;
	line-height: 23px;
}

/* baza znanja */

.knowledge-box {padding-bottom: 20px;}

.knowledge-box h3 {
	color: #002C49;
	font-size: 16px;
	line-height: 20px;
}

.knowledge-box p {
	font-size: 11px;
	line-height: 20px;
}

.knowledge-box .published {color: #666;}

/* ekipa */
.team-box a {text-decoration: none;}
.team-box a:hover {text-decoration: underline;}

/* chart box */
.chart {
	margin: 15px 0 0 1px;
	padding: 0 0 8px;
}
.chart img { display: block; }

.chart-placeholder {margin: 0 0 30px 20px;background-color:White;border:1px dotted silver;padding:10px;}

/* lists styles start */
.list {
	margin: 10px 0 0 1px;
	padding: 0;
	overflow: hidden;
	height: 1%;
}
.list li {
	overflow: hidden;
	height: 1%;
	padding: 3px 0 2px 31px;
	vertical-align: top;
	line-height: 15px;
}
.list .ico-cal { background: url(../Images/CssImages/ico-cal.gif) no-repeat 1px 1px; }
.list .ico-time { background: url(../Images/CssImages/ico-time.gif) no-repeat 0 1px; }
.list .ico-star { background: url(../Images/CssImages/ico-star.gif) no-repeat 0 1px; }
.list .ico-facebook { background: url(../Images/CssImages/ico-facebook.gif) no-repeat 0 1px; }
.list .ico-calc { background: url(../Images/CssImages/ico-calc.gif) no-repeat 2px 1px; }
.list .ico-check { background: url(../Images/CssImages/ico-check.gif) no-repeat 2px 1px;}
.list .ico-cloud { background: url(../Images/CssImages/ico-cloud.gif) no-repeat 2px 1px; }
.list .ico-smile { background: url(../Images/CssImages/ico-smile.gif) no-repeat 2px 1px; }
.list .ico-smile-2 { background: url(../Images/CssImages/ico-smile-2.gif) no-repeat 2px 0px; }
.list .ico-smile-3 { background: url(../Images/CssImages/ico-smile-3.gif) no-repeat 2px 0px; }
.list .ico-smile-4 { background: url(../Images/CssImages/ico-smile.gif) no-repeat 2px 0px; }
.list .ico-del { background: url(../Images/CssImages/ico-x.gif) no-repeat 2px 1px; }
.list a.ico-cloud,
.list a.ico-smile-2,
.list a.ico-smile-3,
.list a.ico-smile-4 {
	padding: 0 0 3px 20px;
	font-size: 11px;
	color: #338ED7;
	text-decoration: underline;
}

.list a:hover.ico-cloud,
.list a:hover.ico-smile-2,
.list a:hover.ico-smile-3,
.list a:hover.ico-smile-4 {
	text-decoration: none;
}


.list li ul {
	margin: 0 0 0 -4px;
	padding: 0;
	display: inline;
	font-size: 11px;
}
.list li ul li {
	background: none;
	display: inline;
	padding: 0;
	padding: 0 1px 0 6px;
	background: url(../Images/CssImages/sep-4.gif) no-repeat 0 4px;
}
.list li ul li:first-child { background: none; }
/* weight form start */
.weight {
	display: block;
	margin: 7px 0 0;
}
.weight .input {
	border: 1px solid #c5c8cb;
	color: #000;
	font: 11px/14px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	float: left;
	width: 34px;
	padding: 3px 5px 3px 9px;
}
.weight span {
	float: left;
	font-size: 11px;
	margin: 9px 9px 0 9px;
}
/* weight form end */
input[type=button],
input[type=submit],
.button {
	height: 22px;
	border: 1px solid #b9b9b9;
	background-color: #d9d9d9;
	cursor: pointer;
	font: 11px/16px Arial, Helvetica, sans-serif;
	float: left;
	padding: 0px 6px 0px 6px;
	margin: 0px 5px 0px 5px;
	text-align: center;
	text-decoration: none;
	color: #333;
}

input[type=button]:hover,
input[type=submit]:hover,
.button:hover {
	background-color: #2E89CE;
	color: white;
	cursor: pointer;
}

.button-112 { width: 108px; }

.form .button {
	width: 61px;
}
/* content navigation */
.links {
	overflow: hidden;
	height: 1%;
	margin: 21px 0 0;
	padding: 0 0 15px;
}
.links li {
	float: left;
	list-style: none;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
	background: url(../Images/CssImages/sep-3.gif) no-repeat 0 3px;
	padding: 0 10px 0 7px;
	margin: 0 0 0 -6px;
}
.links li a {
	color: #002c49;
	text-decoration: none;
}
.links li a:hover,
.links li a.active { color: #338ed7; }
/* lists styles end */
/* form comments start */
.form-comments {
	overflow: hidden;
	height: 1%;
	padding: 0 0 5px;
}
.form-comments div {
	overflow: hidden;
	height: 1%;
	padding: 0 0 18px;
}
.form-comments textarea {
	border: 1px solid #ccc;
	width: 460px;
	height: 60px;
	color: #000;
	font: 11px/14px Arial, Helvetica, sans-serif;
	padding: 4px 9px;
	overflow: auto;
	float: left;
}
.form-comments input { margin: 0 8px 0 0; }
/* form comments end */
/* content end */
/* right column start */
#column {
	float: right;
	width: 242px;
	display: inline;
	margin: 0 1px 0 0;
}
/* boxes styles */
.box {
	border: 1px solid #BFBFBF;
	background-color: #f2f2f2;
	padding: 10px 11px 30px 19px;
	height: 1%;
	margin: 0 0 18px;
	background-position: 100% 100%;
	background-repeat: no-repeat;
}
.box h3 {
	margin: 0 0 11px;
	padding: 11px 0 0;
	color: #338ed7;
	font-size: 19px;
	line-height: 23px;
}
.box h3 span { color: #ac3a32; }
.box h3 a:hover span {color: #ac3a32; text-decoration: underline; }

.box h3 a {text-decoration: none;}
.box h3 a:hover {text-decoration: underline;}

.box h4 {
	margin: 0 0 2px;
	color: #ad774a;
	font-size: 14px;
	line-height: 17px;
}
.box p {
	margin: 0 0 10px 0;
	color: #333;
	font-size: 0.9em;
	line-height: 1.3em;
}
.box p strong,
.box p span { color: #000; }
.link {
	float: right;
	font-size: 9px;
	line-height: 12px;
}
/* dates */
.dates {
	margin: 0;
	padding: 0;
	color: #333;
}
.dates li {
	list-style: none;
	font-size: 11px;
	line-height: 20px;
}
.dates li strong { color: #000; }

/* articles */
.articles {
	margin: 0 0 15px 15px;
	padding: 0;
	color: #333;
}
.articles li {
	list-style: disc;
	font-size: 11px;
	line-height: 20px;
}
.articles li strong { color: #000; }

.articles a {color: #333; text-decoration: none;}
.articles a:hover {text-decoration: underline;}

/* company */

.company {
	margin: 0;
	padding: 0;
	color: #333;
}
.company li {
	list-style: none;
	font-size: 11px;
	line-height: 20px;
}
.company li strong { color: #000; }


/* calendar start */
.calendar { margin: -4px 0 7px -8px; }
.calendar th,
.calendar td {
	width: 20px;
	text-align: center;
	vertical-align: top;
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
}
.calendar td {
	border: 1px solid #c6c6c6;
	padding: 2px 0;
	font-size: 11px;
	line-height: 14px;
}
.calendar td.blue {
	background-color: #338ed7;
	color: #fff;
	border: 1px solid #92c0e4;
	padding-top: 3px;
	width: 20px;
}
.calendar td.yellow {
	background-color: #b0b231;
	color: #fff;
	border: 1px solid #d1d291;
	padding-top: 3px;
	width: 20px;
}
.calendar td.white {
	background-color: #ffffff;
	color: #fff;
	border: 1px solid silver;
	padding-top: 3px;
	width: 20px;
}
.calendar td.white a {
	color:gray;
	text-decoration:none;
}
.calendar td a {
	color: #fff;
	text-decoration: none;
}
.calendar td a:hover { text-decoration: underline; }
/* calendar end */
/* right column end */
/* main container end */
/* footer start */
#footer-wrapper {
	background: url(../Images/CssImages/bg-footer.gif) repeat-x;
	height: 31px;
	margin: -31px 0 0;
	position: relative;
}
#footer {
	margin: 0 auto;
	width: 944px;
	padding: 10px 0 0;
	font-size: 11px;
	line-height: 14px;
	overflow: hidden;
}
#footer p {
	margin: 0;
	color: #fff;
}
/* footer navigation */
#footer ul {
	margin: 0 -2px 0 0;
	padding: 0;
	float: right;
	overflow: hidden;
	display: inline;
}
#footer ul li {
	float: left;
	list-style: none;
	background: url(../Images/CssImages/sep.gif) no-repeat 0 1px;
	padding: 0 4px 0 5px;
	margin: 0 0 0 -2px;
}
#footer ul li a,
#footer p a {
	color: #fff;
	text-decoration: none;
}
#footer ul li a:hover,
#footer p a:hover { text-decoration: underline; }
/* footer end */

/* koledar page start */
/* progress bar start */
.progress-bar {
	width: 200px;
	height: 20px;
	border: 1px solid #666;
	background-color: #fff;
	overflow: hidden;
	margin: 14px 0 5px;
}
.progress-bar div {
	height: 20px;
	float: left;
	width: 60%;
	background-color: #338ed7;
}
.progress-bar span {
	float: left;
	font-size: 11px;
	line-height: 14px;
	margin: 3px 0 0 10px;
}
/* progress bar end */
/* content calendar start */
.calendar-holder {
	overflow: hidden;
	height: 412px;
	margin: 0 0 0 -1px;
	position: relative;
	border: 3px solid transparent;
}
.calendar-holder table {
	margin: 0;
	width: 672px;
	border-collapse: collapse;
}

.calendar-select {border: 3px solid #EBBF39;}

.calendar-holder table th,
.calendar-holder table td {
	margin: 0;
	padding: 0 8px 7px 0;
	color: #333;
	font-weight: normal;
}
.calendar-holder table td {
	color: #666;
	font-size: 10px;
	/*line-height: 13px;*/
	padding: 0 0 8px;
}
.calendar-holder table div {
	width: 70px;
	height: 100px;
	border: 1px solid #c5c8cb;
	background-color: #f1f7fd;
	position: relative;
	padding: 16px 0 0 9px;
}

.calendar-holder table .blue div,
.calendar-holder table .gray div,
.calendar-holder table .yellow div {
	border: 2px solid #338ed7;
	width: 69px;
	height: 100px;
	padding-left: 8px;
}

.calendar-holder table .gray div { border: 2px solid #999; }
.calendar-holder table .yellow div { border: 2px solid #d6d01d;  }
.calendar-holder table .green-circle div { background: #f1f7fd url(../Images/CssImages/circle-green.gif) no-repeat 59px 4px; }
.calendar-holder table .red-circle div { background: #f1f7fd url(../Images/CssImages/circle-red.gif) no-repeat 59px 4px; }
.calendar-holder table .blue-circle div { background: #f1f7fd url(../Images/CssImages/circle-blue.gif) no-repeat 59px 4px; }
.calendar-holder table td.week { width: 25px; }
.calendar-holder table .day {
	position: absolute;
	font-size: 12px;
	line-height: 13px;
	bottom: 1px;
	right: 3px;
}
.calendar-holder table p {
	margin: 0;
	color: #333;
	line-height: 15px;
}
.calendar-holder table p span.opravil { color: #39b54a; }
.calendar-holder table p span.zamudil { color: #c1272d; }
.calendar-holder .scrool-up,
.calendar-holder .scrool-down {
	position: absolute;
	right: 4px;
	top: 21px;
	background: url(../Images/CssImages/arrow-top.gif) no-repeat;
	width: 10px;
	height: 15px;
	overflow: hidden;
	text-indent: -9999px;
}
.calendar-holder .scrool-down {
	top: auto;
	bottom: 12px;
	background: url(../Images/CssImages/arrow-bottom.gif) no-repeat 0 100%;
}
/* content calendar end */
/* bottom text box start */
.text-box {
	margin: 0 0 0 21px;
	padding: 18px 0 0;
	overflow: hidden;
	width: 461px;
}
.text-box h2 {
	margin: 3px 0 14px;
	color: #b0b231;
	font-size: 19px;
	line-height: 23px;
}
/* bottom text box end */
/* links list start */
.links-list {
	margin: 0;
	padding: 0;
}
.links-list li {
	background: url(../Images/CssImages/plus.gif) no-repeat 0 5px;
	padding: 0 0 6px 9px;
	font-size: 11px;
	line-height: 14px;
	list-style: none;
}

.links-list .active a {color: #002C49; text-decoration: none;}

/* links list end */
/* note box */
.note-box {
	float: right;
	background: #f2f2f2 url(../Images/CssImages/pointer.gif) no-repeat 13px 4px;
	padding: 8px 0 6px 40px;
	border: 1px solid #BFBFBF;
	width: 278px;
	font-size: 11px;
	line-height: 14px;
	color: #002c49;
}
/* koledar page end */

/* napredek page start */
/* questions list start */
.col-list {
	margin: 0 0 -20px;
	padding: 0;
}
.col-list li {
	list-style: none;
	padding: 0 0 20px;
}
.col-list li p { margin: 0; }
/* questions list end */
/* images list start */
.images {
	margin: 0 0 0 -10px;
	padding: 0 0 14px;
	overflow: hidden;
	width: 218px;
}
.images li {
	float: left;
	list-style: none;
	padding: 4px 0 5px 10px;
}
.images li img { display: block; border: 1px solid #BFBFBF; }
/* images list end */
/* napredek form start */
.form {
	overflow: hidden;
	height: 1%;
	margin: 14px 0 0;
	padding: 0 0 7px;
	color: #000;
}
.form select {
	color: #000;
	font: 11px/14px Arial, Helvetica, sans-serif;
	width: 202px;
}
/* redna vadba list start */
.redna-vadba {
	margin: 0 0 0 -7px;
	padding: 0 0 10px;
	overflow: hidden;
	height: 1%;
}
.redna-vadba li {
	list-style: none;
	overflow: hidden;
	height: 1%;
	padding: 0 0 10px;
}
.redna-vadba li label {
	float: left;
	width: 130px;
	text-align: right;
	margin: 6px 7px 0 0;
	color: #000;
}
/* redna vadba list end */
.form select {
	float: left;
	width: 140px;
}
/* checkboxes list start */
.checkboxes {
	margin: 0;
	padding: 0 0 5px;
}
.checkboxes li {
	list-style: none;
	overflow: hidden;
	height: 1%;
	padding: 0 0 5px;
}
.checkboxes li input {
	width: 16px;
	height: 15px;
	margin: 0 5px 0 0;
	float: left;
}
.checkboxes li label {
	float: left;
	color: #000;
	font-size: 11px;
	line-height: 14px;
}
/* checkboxes list end */
.form p {
	margin: 0;
	padding: 0 0 4px;
	color: #002c49;
}
.checkboxes .checkboxes {
	padding: 0 0 0 16px;
	float: left;
}
.checkboxes .checkboxes li {
	float: left;
	padding: 0;
	list-style: none;
}
.checkboxes .checkboxes li input { margin: 0 2px 0 0; }
.checkboxes .checkboxes li label { margin: 0 6px 0 0; }

.checkboxes .person1 {color: #002C49;}
.checkboxes .person2 {color: #AD774A;}
.checkboxes .person3 {color: #BAB61D;}
.checkboxes .person4 {color: #2E89CE;}

/* form row */
.form .row {
	overflow: hidden;
	height: 1%;
}
.form .row label { float: left; }
.form .row .izberi { margin: 7px 7px 0 0; }
.form .row .col {
	float: left;
	width: 270px;
	margin: 26px 0 0;
}
.form .heading {
	display: block;
	font-weight: normal;
	padding: 0 0 5px;
}
.form .heading a { color: #002c49; }
/* dogodke list start */
.dogodke-list {
	margin: 4px 0 0;
	padding: 0 0 8px;
	overflow: hidden;
	height: 1%;
}
.dogodke-list li {
	overflow: hidden;
	height: 1%;
	padding: 0 0 10px;
	list-style: none;
}
.dogodke-list li label {
	text-align: right;
	width: 66px;
	margin: 6px 9px 0 0;
}
.dogodke-list li select { margin: 0 7px 0 0; }
.dogodke-list li .select-day { width: 39px; }
.dogodke-list li .select-month { width: 36px; }
.dogodke-list li .select-year { width: 50px; }
/* dogodke list end */
/* napredek form end */
/* napredek page end */

/* nastavitve */

.settings h3 {color:#002C49; font-size: 15px;}
.settings h4 {color:#AD774A; font-size: 14px}

/* nastavitve right menu */
.nastavitve-right {
	margin: 0 0 15px 15px;
	padding: 0;
	color: #333;
}
.nastavitve-right li {
	list-style: disc;
	font-size: 11px;
	line-height: 20px;
}
.nastavitve-right li strong { color: #000; }

.nastavitve-right a {color: #002C49;}

/* links list end */

/* sportni profil */
.body {
	margin: 0 0 0 -7px;
	padding: 0 0 10px;
	overflow: hidden;
	height: 1%;
}
.body li {
	list-style: none;
	overflow: hidden;
	height: 1%;
	padding: 0 0 10px;
}
.body li label {
	float: left;
	width: 110px;
	text-align: right;
	margin: 6px 7px 0 0;
	color: #000;
	font-size: 11px;
}

.body .input {
	border: 1px solid #c5c8cb;
	color: #000;
	font: 11px/14px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0px 10px 0px 0px;
	float: left;
	width: 34px;
	padding: 3px 5px 3px 9px;
}

.body span {
	float: left;
	font-size: 11px;
	margin: 9px 9px 0 9px;
}

.panoge li, .sports li {
	padding-bottom: 15px;
}

.notice {
	font-size: 13px;
	line-height: 20px;
	color: #666;
}

.vadba {
	margin: 0 0 0 0;
	padding: 0 0 5px;
	overflow: hidden;
	height: 1%;
}

.vadba li {
	list-style: none;
	overflow: hidden;
	height: 1%;
	padding: 0 0 0 0;
	float: left;
}

.vadba li label {
	margin: 6px 6px 0 0;
	color: #000;
	font-size: 11px;
	float: left;
}

.vadba .input {
	border: 1px solid #c5c8cb;
	color: #000;
	font: 11px/14px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	float: left;
	width: 80px;
	padding: 3px 5px 3px 9px;
	margin-right: 5px;
}

.vadba .dan, .vadba .intenzivnost {width: 90px; margin-right: 5px;}
.vadba .trajanje {width: 80px; margin-right: 5px;}

.add-another li {margin-bottom: 20px;}

.left {float: left; margin-right: 30px;}

.day li {display: inline;}
.day li label {margin-right: 20px;}

.previous {clear: both; display: block; padding-top: 15px; float: left;}
.next { padding-top: 15px; float: right;}

/* osebni profil */
.personal {padding: 0;}
.personal li .select-day { width: 45px; margin-right: 10px; }
.personal li .select-month { width: 45px; margin-right: 10px;}
.personal li .select-year { width: 60px; }
.personal li .gender {width: 80px;}
.personal .pass {font-size: 11px; line-height: 26px;}
.personal .input {width: 140px;}
.settings .newsletters li {margin: 0 0 5px 90px;}
.settings .newsletter li label {margin-left: 20px;}
.upload {margin: 0;}
.upload a {font-size: 11px;}
.upload li {display: inline;}
.upload img {border: 1px solid #BFBFBF; margin-right: 10px;}
.upload li .input {
	border: 1px solid #c5c8cb;
	color: #000;
	font: 11px/14px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0 5px 10px 0;
	width: 100px;
	padding: 3px 5px 3px 9px;
}
.upload li label {font-size: 11px;}
.upload .separator {
	list-style: none;
	display: inline;
	background: url(../Images/CssImages/sep-2.gif) no-repeat 0 4px;
	padding: 0 2px 0 5px;
}
.osebni {margin: 5px 0 10px 110px;}

/* SMS obvescanje */
.sms li {margin-bottom: 5px;}
.sms li .input {
	border: 1px solid #c5c8cb;
	color: #000;
	font: 11px/14px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0 5px 0 0;
	width: 100px;
	padding: 3px 5px 3px 9px;
}
.sms .phone label {padding-top: 10px; margin-right: 5px;}
.sms .instructions {font-size: 11px; padding-bottom: 5px;}
.sms .sms-ekipa label {padding-top: 10px; margin-right: 5px;}
.sms .sms-ekipa .input-ekipa {margin-top: 8px;}
.sms .team-member label {margin-right: 5px; padding-top: 5px;}

/* Javni profil */
.javni li {margin-bottom: 5px;}

/* Placevanje */
.payed {color: #AC3A32;}
.placevanje li {margin-bottom: 5px;}

/* Overlays */
.overlay-mockup {margin: 200px 0 0 200px;}

.overlay-box {
	border: 1px solid #2E89CE;
       overflow: hidden;
       background-color: #EEF4FC;
       padding: 21px 20px 23px 18px;
       width: 390px;
       background-position: 100% 100%;
       background-repeat: no-repeat;
}

.small {width: 300px;} 

.overlay-box h2 {
	margin: 0;
	color: #338ed7;
	font-size: 20px;
	line-height: 23px;
}

.overlay-box .izberi {font-size: 11px; margin: 0 5px 0 0; vertical-align: bottom;}
.overlay-box .spacing {padding: 0 0 10px;}

.comments-vadba {
	overflow: hidden;
	height: 1%;
	padding: 0 0 5px;
	margin-top: 15px;
}
.comments-vadba div {
	overflow: hidden;
	height: 1%;
	padding: 0 0 18px;
}
.comments-vadba textarea {
	border: 1px solid #ccc;
	width: 350px;
	height: 60px;
	color: #000;
	font: 11px/14px Arial, Helvetica, sans-serif;
	padding: 4px 9px;
	overflow: auto;
	float: left;
}
.comments-vadba input { margin: 0 8px 0 0; }

.popravi {
	margin: 0 0 0 -7px;
	padding: 0 0 10px;
	overflow: hidden;
	height: 1%;
}
.popravi li {
	list-style: none;
	overflow: hidden;
	height: 1%;
	padding: 0 0 10px;
}
.popravi li label {
	float: left;
	width: 100px;
	text-align: right;
	margin: 6px 7px 0 0;
	color: #000;
}

.popravi select {width: 200px;}
.button-popravi {width: 140px;}
.button-spremeni {width: 150px;}

.invite {
	padding: 0 0 0 0;
	margin: 0 0 8px 0;
	overflow: hidden;
	height: 1%;
}
.invite li {
	list-style: none;
	overflow: hidden;
	height: 1%;
	margin-bottom: 8px;
}
.invite li label {
	float: left;
	width: 40px;
	margin: 6px 7px 0 2px;
	color: #000;
	font-size: 11px;
}

.invite .input {
	border: 1px solid #c5c8cb;
	color: #000;
	font: 11px/14px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	float: left;
	width: 140px;
	padding: 3px 5px 3px 9px;
}

.comments-vadba .invite-text {height: 140px;}

.comments-vadba .spremeni span {margin: 0 3px; vertical-align: bottom;}

.comments-vadba .spremeni .day {vertical-align: bottom;}

.notice-change {
	font-size: 11px;
	line-height: 20px;
	color: #AC3A32;
	margin: 0 0 20px 0;
}

.comments-vadba .bolezen li label {width: 70px;}

.comments-vadba .bolezen .izklop-sms input {float: left; margin:4px 7px 0 10px;}
.comments-vadba .bolezen .izklop-sms label {width: auto; }

.comments-vadba .invite-team label {width: 130px;}
.comments-vadba .invite-team span {margin-left: 10px;}
.dodaj-team div {clear:left;}
.dodaj-team h3 {color: #002C49; margin: 20px 0 8px 0;}

.odstrani {margin-top: 0;}
.odstrani h3 {color: #002C49;}

.odstrani ul {padding: 0; margin-bottom: 20px;}
.odstrani li {list-style: none; padding: 0; margin:0; font-size: 11px;}
.odstrani a {margin-left: 5px;}

/* Hint Pop-up box */

.hint-box {
	border: 1px solid #2E89CE;
	overflow: visible;
	background-color: white;
	padding: 21px 20px 23px 18px;
	height: 1%;
	width: 160px;
	font-size: 11px;
	position: relative;
}

.hint-box h2 {
	margin: 0;
	color: #338ed7;
	font-size: 14px;
	line-height: 18px;
}

.hint-box p {padding: 0; margin: 0;}
.hint-box .what {margin: 5px 0 10px 0;}
.hint-box .opis {margin-bottom: 5px;}

.hint-box .bottom {position: absolute; bottom: -13px; left: 85px;}


/* LEGACY */
.week { overflow:auto;padding:5px;}
.calday {float:left;width:60px;height:90px;border:1px solid silver;margin-right:2px;margin-bottom:1px;padding:5px;overflow:hidden;}
.calday .date {padding:2px;margin-bottom:2px;}
.calday .events {padding:5px;}
.calday a {}
.calday a:hover {}


.workoutaction {padding:5px;margin-right:5px; font-size:small;border:1px solid silver;}

/*
.register-box {
    background-image:url(../Images/CssImages/registerback.png);
}
*/
#newloginbox 
{
    background-color:#CCECFF;
    background-position:100% 100%;
    background-repeat:no-repeat;
    border:1px solid silver;
    height:1%;
    margin:0 0 18px;
    padding:10px 11px 23px 19px;
}

.login-box
{
    padding-top: 20px;
    font-size: larger;
    border-bottom:1px solid #BFBFBF;
    margin: 0px 0px 25px 0px;
}

.okmessage {color:Green; font-weight:bold;}
.errormessage {color:red;font-weight:bold;font-size:larger;}
/*.validation-summary-errors {color:Red; font-weight:bold;}*/

.larger { font-size: larger;}   

div#username, div#password { position: relative; float: left; }

label.over-apply { color: #ccc; position: absolute; top: 5px; left: 5px;}
/*
.tooltip  
{
    color: #000;
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 3; 
    display: none; 
    background-color: #F5F5B5;
    padding: 0.6em;
    border: 1px solid black;
    text-align: left;
}*/

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #F2F2F2;
	padding: 5px;
	max-width: 400px;
}
#tooltip h3, #tooltip div { margin: 0; }

.tooltipContent { display:none; }


.groupForm 
{
    font-size: larger;
}
.groupForm label,
.groupForm input[type="text"],
.groupForm textarea
{
    display:block;
    width: 450px;
    margin: 5px 0px 5px 0px;
}

.memberinfo 
{
    width: 30px;
    height: 30px;
    float:left;
    margin: 0px 5px 5px 0px;
}
.clear { clear:both; margin: 0px 0px 20px 0px; }
.box img 
{
    margin: 5px;
}

.neswpaper-box p 
{
    clear:both;
}
.neswpaper-box img 
{
    float: left;
    margin: 0px 5px 5px 0px;
}

.more {display:none;}


.closeme 
{
    position:absolute;
    top:0px;
    right:10px;
    display:inline;
}

.closeme a, .closeme a:visited
{
    text-decoration:none;
    color: #888;
    font-size: 80%;
}

.error
{
    color: #aa0000;
}


/* News items */
div.news-item
{
    clear:both;
    padding-top: 10px;
}