/* global */
/*body{padding:10px;margin:0px;color:#434343;font-family:Arial;font-size:1em;}
h1, h2, h3, ul, li, form, img, input{border:0px;padding:0px;margin:0px;}
li{list-style-type:none;color:#FFFFFF;}
li:hover{cursor:pointer;background:#FFFFFF;color:#929292;}
hr{border:0px;background-color:#929292;height:1px;}*/
a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.content-separator {
	margin-top:10px;
	margin-bottom:10px;
	height:1px;
	background-color:#403F3F;
}

/* Body */

body {
	background: none;
}

/* Header */

#header {
	background: none;
}
	
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: #000;
	}

/* forms */

.fields-left {
	float:left;
	width:180px;
}

.fields-right {
	float:left;
	width:180px;
}

.clear {
	clear:both;
}

#suggestions {
	position:absolute;
}

#suggestions-result {
	background:#929292;
	padding:5px;
	font-size:0.6em;
	width:147px;
	}
	
.dog-field {
	border:1px solid #929292;
	padding:3px;
	width:150px;
}

.field-tip {
	font-size:0.8em;
	color:#2A79BE;
}

.dog-field-error {
	border:1px solid red;
	padding:3px;
	width:150px;
}

.check-dog-pragnent {
	border:2px solid #929292;
}

#food-in-storage {
	width:35px;
	text-align:center;
	font-size:1.1em;
}

#food-in-storage:hover {
	background:#EDEEED;
}

.form-submit-button{
	font-weight:bold;
	padding:5px;
	border:1px solid #929292;
	/*CSS 3*/
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-image: -moz-linear-gradient(top, #FEFDFC, #ECEDED); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FEFDFC),color-stop(1, #ECEDED)); /* Saf4+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#FEFDFC', EndColorStr='#ECEDED'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FEFDFC', EndColorStr='#ECEDED')"; /* IE8 */
}
.form-submit-button:hover{
	cursor:pointer;
	background-image: -moz-linear-gradient(top, #F6F6F5, #ECEDED);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F6F6F5),color-stop(1, #ECEDED));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#F6F6F5', EndColorStr='#ECEDED');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#F6F6F5', EndColorStr='#ECEDED')";
}

/* calendar (datepicker) */
#ui-datepicker-div{
	padding:5px;
	background:#FFFFFF;
	border:1px solid #D5D6D6;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:none;
}
.ui-datepicker-header{clear:both;}
.ui-datepicker-prev{float:left;color:#929292;}
.ui-datepicker-next{float:right;color:#929292;}
.ui-datepicker-title{float:left;color:#929292;}
.ui-datepicker-calendar{color:#929292;}
.ui-datepicker-calendar a{color:#929292;}
.ui-datepicker-calendar a:hover{color:#FFFFFF;background:#929292;}
.ui-datepicker-week-end{color:red;}
.ui-datepicker-week-end a{color:red;}

/* kalendri stiili klassid
<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible">
   <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
	  <a class="ui-datepicker-prev ui-corner-all">title="Prev"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
	  <a class="ui-datepicker-next ui-corner-all" title="Next"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
	  <div class="ui-datepicker-title">
		 <span class="ui-datepicker-month">January</span><span class="ui-datepicker-year">2009</span>
	  </div>
   </div>
   <table class="ui-datepicker-calendar">
	  <thead>
	  <tr>
		 <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
		 ...
	  </tr>
	  </thead>
	  <tbody><tr>
		 <td class="ui-datepicker-week-end ui-datepicker-other-month "> 1 </td>
		 ...
	  </tr>
	  </tbody>
   </table>
   <div class="ui-datepicker-buttonpane ui-widget-content">
	  <button type="button" class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all">Today</button>
	  <button type="button" class="ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all">Done</button>
   </div>
</div>
*/

/* cv */

.cv-field-left {
	float:left;
	width:220px;
	text-align:right;
	padding-top:3px;
	padding-bottom:3px;
}

.cv-field-right {
	float:right;
	width:220px;
	text-align:left;
	padding-top:2px;
	padding-bottom:2px;
}

.cv-field-right input {
	font-size:1em;
	width:200px;
}

.picture-frame-no-picture {
	padding:3px;
	text-align:center;
	display:table-cell;
	width:150px;
	height:150px;
	vertical-align:middle;
	border:2px solid #403f3f;
	background:#FFFFFF url(images/no-picture.png) no-repeat center center;
}
	
.picture-frame-no-picture a {
	text-decoration:none;
	color:#403f3f;
	font-size:1.5em;
}

.picture-frame-no-picture a:hover {
	text-decoration:underline;
}

.no-picture-measures {
	width:150px;
	height:150px;
}
.picture-frame {
	padding:3px;
	text-align:center;
	display:table-cell; 
	vertical-align:middle;
	border:2px solid #403f3f;
}
/* end of cv */

/* Footer */

#footer {
	background: none;
}