@import url("/styles/default/scms_dropdown.css"); 
 

/***********************************************************
 Custom CSS: 
***********************************************************/

/*@import url(extensions/gecko/css/css.css);*/
/*@import url(extensions/saurus4/css/content.css);*/

.highlight {
background-color: #FCF137;
}

/* Raini tehtud CSS: */
h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    text-align: left;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    text-align: left;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    text-align: left;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.ArticlesContainer {                    /* artiklite konteiner */
}

.ArticleItem {                                   /*tava-artikkel*/
    position: relative;
    left: 10px;
    width: 575px;                            
    float: left;
}


.NewsItem {                                   /*uudis*/
    position: relative;
    left: 10px;
    width: 575px;                            
    float: left;
}

.NewsItemOpen {
    margin-bottom: 10px;
}

.NewsItem .ReadMore, .NewsItem.Lead {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #333333;
    text-decoration: none;
    text-align: left;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.NewsItem h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    color: #333333;
}

.NewsItem  .DateOpen , .NewsItem .Date {
   font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #333333;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.NewsItem .Lead p {
    margin-top: 0px;
}

.NewsItemOpen .Lead {
    font-weight: bold;
}


.ArticleItem#pildi_riba_paremal {   /* spetsiaalse nimetusega artikkel pildiriba jaoks (paremal) */
    width: 200px;
    float: right;
}




body p, div.reg_vorm, body td {                     /* peamine tekst */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #333333;
    text-decoration: none;
    text-align: left;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

ul, ol {
    margin: 0px 0px 0px 0px;
    list-style-type: none;
    padding: 0px;
}
ul li, ol li {
    background-image: url(http://www.autosoit.ee/public/bullet.jpg);
    background-repeat: no-repeat;
    background-position: 5px 7px;
    padding-left: 15px; 
    padding-top: 0px;
    margin: 0px 0px 0px 0px;
    line-height: 18px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
}

/*
body {
    background-image: url(pildid/tee_kaanelt2bg.jpg);
    background-repeat: no-repeat;
}

body {
	background-image: url(pildid/bg_tapp_9x9.gif);
	background-repeat: repeat;
}
*/
body {
	background-image: url(pildid/bg_diagonaal.gif);
	background-repeat: repeat;
}

.tekstilink, .ArticlesContainer a, .NewsListContainer a {   /* lingid artiklite sees: */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #34457B;
}

.NewsListContainer a {
    font-weight: bold;
}


div.style1 a {

    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
.peameny a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    font-variant: small-caps;
    color: #FFFFFF;
    text-decoration: none;
}
.peamenyvalitud a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    font-variant: small-caps;
    color: #FFF254;
    text-decoration: none;
}
.reklaamtekst {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
    text-align: left;
    padding-top: 4px;
}
.reklaamilink {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFF00;
    text-decoration: underline;
}
.pealkiri {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #333333;
    text-decoration: none;
}
.tekst {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #333333;
    text-decoration: none;
    text-align: left;
}


.menypea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 10px;
}
.menytekst {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    padding-left: 10px;
}

.menytekst a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    padding-left: 0px;
}


.reklaamsuurvalge {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
}


.slogan {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #476035;
}
.login {
    background-color: #FFFFFF;
    height: 18px;
    width: 80px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
.loginnupp {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
}
.kopirait {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2C4C73;
	text-decoration: none;
}

.reklaamsuursinine {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #0B1980;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 4px;
}
.reklaamsuurkollane {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFF00;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 4px;
}
.otsinguvali {
    background-color: #666666;
    height: 19px;
    width: 100px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    border-top-color: #666666;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-left-color: #666666;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}
.radatekst {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    text-decoration: none;
    text-align: left;
    padding-top: 4px;
}
.eautokool {
    height: 18px;
    width: 80px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #3333FF;
    text-decoration: underline;
}
.asukoha_riba {
    line-height: 34px;
    margin: 0px 0px 0px 42px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #495B76;
    white-space: nowrap;
    text-transform: lowercase;
}

.asukoha_riba a {
    padding: 0px 4px 0px 8px;
    color: #495B76;
    text-decoration: none;
    /*background-image: url(../images/locationbar_arrow.gif);
    background-repeat: no-repeat;*/
    background-position: left 4px;
}

.asukoha_riba a:hover {
    text-decoration: underline;
}

a img {
    border: none;
}

option.region {
    font-weight:bold;
}
/*kalendri event märge*/
.caltext A, .caltext A:visited, .caltext A:active, .caltext A:hover { text-decoration: none; }
td.cal:hover{ background-color:lightgrey } 

/* Kalendri elementide stiilid: */
.caltext B{
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
}
.caltext A.week, .caltext A:visited.week, .caltext A:active.week{
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
}
.caltext A.day, .caltext A:visited.day, .caltext A:active.day{
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.caltext A.day_on, .caltext A:visited.day_on, .caltext A:active.day_on{
    font-weight: bold;
    color: blue;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.caltext A.today_on, .caltext A:visited.today_on, .caltext A:active.today_on {
    color: blue;
    font-weight: bold;
border:solid 1px;
    background-color: #FFF254;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.caltext A.today{
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}


/* Kursuste tabel */

.coursetable {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-collapse: collapse;
    width: 760px;
    float:left;
}

.coursetablehead {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    background-color: #000000;
    font-size: 11px;
    border-collapse: collapse;
}

td.schedule {
    border-style: solid;
    border-color: #666666;
    border-width: 1px;
    max-width: 200px;
}

#courseprice {
    text-align: center;
    width: 80px;
    max-width: 80px;
}

/* Saneerime grupi kirjeldusse kirjutatud eksootilise vormindamise, mis rikub kujunduse ää*/
#coursedesc, #coursedesc font {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 300px;
    max-width: 300px;
}

#coursedesc pre {
    white-space: pre-wrap;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}


#coursedesc a {
    font-family: Arial, Helvetica, sans-serif;
    color: #34457B;
}

/*  Kursuste otsinguvorm, pärast seda tuleb kalender */
.coursesearchcon {
    width: 575px;
    position:relative;
    left: 75px;
}

.coursesearchbtncon {
    position:relative;
    left:175px;
}

.coursesearchform {
    display:inline;
}

.courseparams {
     float: left;
}
.coursecalendar {
    float: right;
}

.coursesearchform select {
    border:1px solid #333333;
    background: #FFF254;
    color:#333333;
}

.coursesearchform fieldset.radio {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    border: none;
    width: 136px;
    display: inline;
}

.coursesearchform fieldset.combo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    border: none;
    display: block;
    padding: 5px 5px 5px 5px;
    width: 300px;
}

.coursesearchform select#r_city, .coursesearchform select#r_group {
    width: 280px;
}



.coursesearchform label, .coursesearchform legend {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
}


.coursesearchform option.region {
    font-weight:bold;
}


/* kursuste lehel valitud regioon */
a.loc_selected {
    font-size: 11px;
    text-decoration: none;
    background-color: #333333;
    color: #FFFFFF;
    border:1px solid; 
    border-color: #666666 #666666 #666666 #666666;
    padding: 2px 2px 2px 2px;
    line-height: 28px;

}

/* tavaline regioon*/ 
a.loc_normal {
    font-size: 11px;
    text-decoration: none;
    background-color: #FFF254;
    color: #333333;
    border:1px solid; 
    border-color: #666666 #666666 #666666 #666666;
    padding: 2px 2px 2px 2px;
    line-height: 28px;

}


/* registreerumise vormi elemendid */

div.reg_vorm .input-text{
    border:1px solid #333333;
    background: #FFF254;
    color:#333333;
    width: 200px;
}
div.reg_vorm .input-text_error{
    border:1px solid red;
    background: #FFF254;
    color:#333333;
    width: 200px;
}

div.reg_vorm .input-text_error_vene{
    border:1px solid red;
    background: #FFF254;
    color:#333333;
    width: 200px;
}

div.reg_vorm fieldset {
  border: none;
}


div.reg_vorm label{
    display:block;
    margin-bottom:10px;
    color:#333333;
}

div.reg_vorm fieldset label{
    display:block;
    color:#333333;
    margin-bottom:0px;
}

div.reg_vorm label span{
    display:block;
    float:left;
    padding-right:6px;
    width: 250px;
    text-align:right;
    font-weight:bold;
}

input.btn {
	background-color: #FFF254;
	color: #333333;
        border:2px solid; 
        border-color: #666666 #666666 #666666 #666666;
}

input.btnsmall {
        margin-top: 5px;
	background-color: #FFF254;
	color: #333333;
        border:2px solid; 
        font-size: 10px;
        border-color: #666666 #666666 #666666 #666666;
}

div.reg_vorm textarea {
    width: 200px;
    overflow: auto;
}

div.reg_vorm div#hinnad {
    width: 300px;
    float:left;
}

div.reg_vorm div#e-ope_td,div.reg_vorm div#autogear_td,div.reg_vorm div#1day_input,div.reg_vorm div#2day_input{
    width: 300px;
    float:left;
}
input[disabled]{
background-color: #dcdcdc; 
}


/*	CSS for customized radio buttons and check boxes */

/*	wrapper divs */
.custom-checkbox, .custom-radio { 
    position: relative; 
}	
/* input, label positioning */
.custom-checkbox input, .custom-radio input {
	position: absolute;
	left: 2px;
	top: 3px;
	margin: 0;
	z-index: 0;
}
.custom-checkbox label, .custom-radio label {
	display: block;
	position: relative;
	z-index: 1;
	padding-right: 1em;
	padding: .3em 0 .3em 30px;
	cursor: pointer;
}

/* states */
.custom-checkbox label { 
    background: url(http://www.autosoit.ee/public/check_gray.gif) no-repeat; 
}
.custom-radio label { 
    background: url(http://www.autosoit.ee/public/radio_gray.gif) no-repeat; 
}
.custom-checkbox label, .custom-radio label {
	background-position: -2px -37px;
}
.custom-checkbox label.hover, .custom-checkbox label.focus, .custom-radio label.hover, .custom-radio label.focus {
	background-position: -2px -77px;
}
.custom-checkbox label.checked, .custom-radio label.checked { 
	background-position: -2px -117px;
}
.custom-checkbox label.checkedHover, .custom-checkbox label.checkedFocus {
	background-position: -2px -157px;
}
.custom-checkbox label.focus, .custom-radio label.focus {
	outline: 1px dotted #ccc;
}
	
/* editor:lead is deprecated since 4.6.4 */
editor\:lead {
	display: block;
	height: 15px;
	background: url(/admin/images/lead.gif);
}

hr.scms_lead_body_separator {
	height: 15px;
	background: url(/admin/images/lead.gif);
	border: 0px solid black;
	width: 100%;
}