/* Kullanımı  */
  /* <p class="quote">Lorem ipsum dolor sit amet</p>

     Alttakiler div tanımı olanların kullanımı
    <div class="alert_tooltips_gray"><div>Solid error message box</div></div>
  */



  .alert_Portakal_Alan {
    background: #fff6bf url(Resim/Telerik/UyariImlec/exclamation.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
    }

  .alert_Gri_Alan {
    background: #EEEEEE url(Resim/Telerik/UyariImlec/exclamation.png) no-repeat center;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
   color: #000000;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #AAAAAA;
    border-bottom: 2px solid #AAAAAA;
    }

  .alert_Mavi_Alan {
    background: #CCCCFF url(Resim/Telerik/UyariImlec/exclamation.png) no-repeat center;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
   color: #330033;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #6600FF;
    border-bottom: 2px solid #6600FF;
    }

    .alert_KoyuGri_Alan {
   background: #92A4AE url(Resim/Telerik/UyariImlec/exclamation.png) center no-repeat;
   background-position: 15px 50%;
   text-align: left;
   color: #ffffff;
   font-weight: bold;
   font-size: 16px;
   padding: 5px 20px 5px 60px;
   border-top: 2px solid #091626;
   border-bottom: 2px solid #091626;

	}

   .alert_Kirmizi_Box {
     font-weight: normal;
     background:#FB7070;
	 color:#FFFFFF;
     border:1px solid #D43C3C;
     padding-left:5px;
     }

   .alert_Visne_Box {
     font-weight: normal;
     background:#ebd9d9;
	 color:#910709;
     border:1px solid #910709;
     padding-left:5px;
     }

   .alert_Sari_Box {
     font-weight: normal;
     Background color: #FFFFCC  ;
     Font color: #000000 ;
     border:1px solid #DDDB54;
     padding-left:5px;
     }

   .alert_Yesil_Box {
     font-weight: normal;
     Background color:#9BCF7B   ;
     Font color: #000000 ;
     border:1px solid #669933 ;
     padding-left:5px;
     }

    .alert_clean_koyu_sari{
        background-color: #FFFF99;
        color: inherit;
        border: 1px solid #CCCC66;
        padding: 5px;
        margin: 2px;
      }

    .alert_clean_koyu_mavi {
          background-color: #3399FF;
          border: 1px solid #0000ff;
          color: inherit;
          padding: 5px;
          margin: 2px;
      }

    .alert_clean_koyu_kirmizi {
        background-color: #FF6666;
        border: 1px solid #ff3333;
        color: inherit;
        padding: 5px;
        margin: 2px;
    }

    .alert_clean_beyaz {
      background-color: White;
      border: 1px solid #D3D3D3;
      color: inherit;
      padding: 5px;
      margin: 2px;
    }

    .alert_clean_acikmavi
    {
      font-size: 100%;
      padding: 0px;
      background: #d3e7ff;
      border: #6794d7 1px solid;
      margin: 0px 0px 6px 0px;
      width: 99.8%;
      float: left;
    }

	.alert_clean_gray{
		border:solid 1px #DEDEDE;
		background:#EFEFEF;
		color:#222222;
		padding:4px;
		text-align:center;
	}
	.alert_clean_yellow{
		border:solid 1px #DEDEDE;
		background:#FFFFCC;
		color:#222222;
		padding:4px;
		text-align:center;
	}
	.alert_clean_yesil{
		border:solid 1px #349534;
		background:#C9FFCA;
		color:#008000;
		font-weight:bold;
		padding:4px;
		text-align:center;
	}

    .alert_clean_turuncu
    {
      font-weight:bold;
      color:#800000;
      font-style:italic;
      background-color: #FFF4C8;
      padding:5px; border:1px solid #FFB96C; }


    .alert_clean_kirmizi{
		border:solid 1px #CC0000;
		background:#F7CBCA;
		color:#CC0000;
		font-weight:bold;
		padding:4px;
		text-align:center;
	}

    /*  ---- İkaz lar için kullanılan css lerin başlangıcı                                                       */
    /* Kullanım = <div class="hata"> laboris nisi ut aliquip ex ea <a href="">commodo</a> consequat.  eu fugiat nulla .</div> */
        .hata, .ikaz, .tamam, .bilgi {
            margin-bottom: 1.5em;
            padding: 1em 1.5em 1em 5.5em;
            border-bottom: 2px solid #fff;
            border-top: 2px solid #fff;
            color: #444
        }

        .hata    {background: #fbe3e4 url(resim/telerik/UyariImlec/hata.png) 2.2em center no-repeat; border-color: #e0011b}
        .hata a  {color: #d12f19}

        .ikaz    {background: #fff6bf url(resim/telerik/UyariImlec/ikaz.png) 2.2em center no-repeat; border-color: #ffd324}
        .ikaz a  {color: #817134}

        .tamam   {background: #e9ffdd url(resim/telerik/UyariImlec/tamam.png) 2.2em center no-repeat; border-color: #72c868}
        .tamam a {color: #529214}

        .bilgi   {background: #e2ecee url(resim/telerik/UyariImlec/bilgi.png) 2.2em center no-repeat; border-color: #9ddae6}
        .bilgi a {color: #2d7ba2}
    /*  ---- İkaz lar için kullanılan css lerin sonu */



	.alert_tooltips_gray{
		background:#444444;
		color:#FFFFFF;
		text-align:center;
		padding-top:4px;
	}
		.alert_tooltips_gray div{
			background:url(Resim/Telerik/UyariImlec/tips_gray.png) left bottom no-repeat;
			padding-top:4px;
			height:18px;
		}


	.alert_tooltips_yesil{
		background:#008000;
		color:#FFFFFF;
		text-align:center;
		padding-top:4px;
	}
		.alert_tooltips_yesil div{
			background:url(Resim/Telerik/UyariImlec/tips_green.png) left bottom no-repeat;
			padding-top:4px;
			height:18px;
		}


	.alert_tooltips_kirmizi{
		background:#CC0000;
		color:#FFFFFF;
		text-align:center;
		padding-top:4px;
	}
   .alert_tooltips_kirmizi div{
			background:url(Resim/Telerik/UyariImlec/tips_red.png) left bottom no-repeat;
			margin-top:4px;
			height:18px;
		}


 	.alert_round_gray{
		background:#444444 url(Resim/Telerik/UyariImlec/round_gray-left.png) left top no-repeat;
		color:#FFFFFF;
		text-align:center;
	}
		.alert_round_gray div{
			background:url(Resim/Telerik/UyariImlec/round_gray-right.png) right bottom no-repeat;
			padding:4px;
		}


	.alert_round_yesil{
		background:#008000 url(Resim/Telerik/UyariImlec/round_green-left.png) left top no-repeat;
		color:#FFFFFF;
		text-align:center;
	}
		.alert_round_yesil div{
			background:url(Resim/Telerik/UyariImlec/round_green-right.png) right bottom no-repeat;
			padding:4px;
		}


	.alert_round_kirmizi{
		background:#CC0000 url(Resim/Telerik/UyariImlec/round_red-left.png) left top no-repeat;
		color:#FFFFFF;
		text-align:center;
	}
		.alert_round_kirmizi div{
			background:url(Resim/Telerik/UyariImlec/round_red-right.png) right bottom no-repeat;
			padding:4px;
		}