@import url('../../admin/template/css/jquery-ui.css');
@import url('../../admin/template/css/translations.css');

html{overflow-y:scroll;}

body{background:#fff; color:#333333; margin:0px; padding:0px; font:13px Arial;}
*{ resize:none; outline-width:0; }


p{margin:2px 0px; padding:0; }
h1{ font-size: 24px; font-weight: normal; line-height:24px;}
h2{ font-size: 22px; font-weight: normal; line-height:22px;}
h3{ font-size: 16px; font-weight: normal; line-height:16px;}

p{}
h1,h2,h3,h4,h5,h6 { color:#222; padding:0; margin:0px;}
img {border:0px;}
textarea{resize:none;}
input:focus {outline: none; }

table {border-collapse:collapse; padding:0px; border-spacing: 0; table-layout:fixed;}
table td{empty-cells: show;}

.marker{position:relative;}
.pointer{cursor: pointer;}
.clear-both{display: block; clear:both;}
.field-default{color:#b5b8bc !important;}

a,a:hover{color:#006699; text-decoration: none;}

/* Preloader */
.preloader{display: none;}
.preloader img{display: none;}


/* Overall */
.main-wrapper{width:920px; min-width:920px; margin:0px auto 25px auto;}

.main-header{height:100px;}
.main-header .logo{float:left;}
.main-content{margin-top:10px;}


.main-content .menu-home{float:left; background:#eee; padding:5px; box-shadow:inset 0px 0px 5px #ddd; border-radius: 10px;}
.main-content .menu-home .icon{float:left; height:40px; background:#fff; padding:0px 10px;}
.main-content .menu-home .icon img{margin-top:8px;}

.main-menu-wrapper{float:right;background:#eee; padding:5px; box-shadow:inset 0px 0px 5px #ddd; border-radius: 10px;}
.main-menu{padding:0px; margin:0px; list-style-type:none; float:right; background:#fff;}
.main-menu li{float:left; padding:0px; margin:0px;}
.main-menu li a{display: block; padding:0px 16px; color:#384a5a; margin-right:8px; line-height:40px; height:40px; background:#fff; border-radius: 2px;}
.main-menu li a:hover,.main-menu li.active a{background:#a9d5ef;}


.page-wrapper{margin-top:40px; background:#eeeeee; padding:5px 5px; box-shadow:inset 0px 0px 3px #fff; border-radius:10px;}
.page-content{padding:15px; border:1px solid #fff; background:#fff; border-radius: 10px; line-height:18px;}
.page-content h1{display: block; margin-bottom:25px;}

.footer-bar{height:60px; line-height:60px; background:#eee;}
.footer-bar a{display: block; text-align: center; height:60px; line-height:60px; text-decoration: none; color:#8c8c8c; font-size:15px; text-shadow:#fff -1px -1px; font-weight: bold;}

/* News */
.newslist-item{background:url('../images/item_shadow.png') center bottom no-repeat; padding-bottom:30px;}


/* Gallery */
.gallery-item{float:left; margin:0px 17px 34px 17px; width:250px; height:160px; border-radius: 3px; box-shadow:0px 0px 3px #C0C0C0;}
.gallery-item:hover{box-shadow:0px 0px 3px #333;}
.gallery-item div{height:100%;}
.gallery-item .title{display:block; position:absolute; bottom:0px; left:0px; width:100%; color:#fff; font-weight:bold; text-align: center; padding:5px 0px; background:url('../images/hint.png');}

.gallery-items a{float:left; margin:17px 17px; width:250px; height:160px; border-radius: 3px; box-shadow:0px 0px 3px #C0C0C0;}


/* Vahetused - list */
.page-body-short{margin:10px 0px 30px 0px;}
.vahetused-items{}
.vahetused-items td{padding:4px 20px;}
.vahetus-closed{color:red; font-weight: bold;}
.vahetus-free{color:#00a727; font-weight: bold;}

.vahetus-register-btn{display: block; float:left; margin:40px 0px 20px 15px;  height:34px; padding:0px 25px; border-top:1px solid #cccccc; border-bottom:1px solid #636363; border-left:1px solid #a7a7a7; border-right:1px solid #a7a7a7; box-shadow: 0px 2px 2px -1px #666, inset 1px 0px 1px #bdd854, inset -1px 0px 1px #bdd854; border-radius: 5px; background:url('../images/big_btn.png') repeat-x; color:#53700b; font:bold 17px/34px Arial; text-shadow:#b5d457 1px 1px;}
.vahetus-register-btn:hover{background:url('../images/big_btn_hover.png') repeat-x; color:#53700b; }

/* Vahetused - register */
.register-form{margin:10px 0px;}
.form-label{padding:3px 10px 3px 0px;}
.register-form input,.register-form textarea{width:210px; border:1px solid #C0C0C0; font-family:Arial; font-size:12px; padding:7px 10px; border-radius:3px; font-size:13px; color:#000; box-shadow:inset 0px 0px 5px #ccc;}
.register-form textarea{height:70px;}
.register-form input:focus,.register-form textarea:focus,.register-form select:focus{border:1px solid #999;}

.form-btn{float:left; height:35px; line-height: 35px; background:#eee; border:1px solid #C0C0C0; margin-top:20px; padding:0px 25px; cursor: pointer; border-radius: 5px; font-weight: bold; box-shadow: inset 0px 0px 5px #aaa;}
.form-btn:hover{background:#ddd;}

.required{color:red; font-family: Tahoma; font-size:13px;}
.form-error{border:1px solid red !important;}

.choose-vahetus{}
.choose-vahetus td{padding:4px 5px;}
.choose-vahetus-label{display: block; font-weight: bold; font-size:14px; margin:5px 0px 5px 0px; padding:0px 5px;}
.choose-vahetus-label.error{color:red;}
.register-form .iradio{width:20px; border:none !important;}
.vahetused-reg-success{color:green; font-size:15px; text-decoration: none;}
.vahetused-date{font-size:12px; width:145px;}

.vahetus-row:hover{background:#f5f5f5;}
.vahetus-row td{cursor: pointer;}
.vahetus-errors{display: block; margin:5px 0px 15px 0px; color:red; font-size:12px;}