﻿body
{
    font-family: Verdana;
    font-size: 12px;
    background-color: #ECECEC;
}
.bgtbl
{

}
.maintbl {
    /*width: 950px;*/
    width: 1050px;
    border: 1px none #CCCCCC;
    background-color: #FFFFFF;
}

.logo
{
    height: 20px;
    background-image: url('../../../../Img/banner_bg.jpg');
    background-repeat: repeat-x;
}
.ustmenu {
    padding-top: 10px;
    border-top: 4px solid #FE8432;
    height: 25px;
    color: #FFFFFF;
    vertical-align: middle;
    background-color: #535353; /*#295D82;*/
    border-top-color: #DDDDDD;
}
.popupust
{
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #006699;
}
.abeyaz
{
    color: #FFFFFF;
    text-decoration: none;
}
.abeyaz:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}
.abeyaz2
{
    color: #FFFFFF;
    text-decoration: none;
}
.abeyaz2:hover
{
    color: #FFFFFF;
    text-decoration: none;
}

.banner
{
    height: 40px;
}

.orta
{
    vertical-align: top;
}
.alt
{
    background-color: #515151;
    text-align: center;
    color: #FFFFFF;
    height: 20px;
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #DDDDDD;
    padding-top: 3px;
}
.sag
{
    width: 200px;
    background-color: #E3FFFF;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #318BBD;
    padding-right: 0px;
    margin-right: 0px;
}
.enalt
{
    background-position: center;
    background-image: url('../../../../Img/alt.jpg');
    height: 120px;
    background-repeat: no-repeat;
    color: #000000;
}
.sol
{
    width: 200px;
    border-right-style: solid;
    border-right-width: 2px;
    border-right-color: #295D82;
    padding-right: 0px;
    margin-right: 0px;
    border-left-style: solid;
    border-left-width: 2px;
    border-left-color: #295D82;
}

.baslik
{
    height: 20px;
    text-align: left;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    background-color: #318BBD;
    padding-left: 3px;
    padding-top: 5px;
    padding-bottom: 2px;
    margin-bottom: 6px;
}
.anasayfaalt
{
    border-width: 4px;
    border-color: #FF6600;
    padding: 15px 0px 2px 0px;
    border-top-style: solid;
}
.divcerceve
{
    margin: 6px 1px 1px 1px;
    padding: 3px;
    border: 1px solid #666666;
}
.hatamsg
{
    margin: 2px;
    background-position: 5px center;
    border: 1px solid #808080;
    font-weight: bold;
    color: #333333;
    background-color: #EFEFEF;
    background-image: url('img/warning.png');
    background-repeat: no-repeat;
    padding-left: 50px;
    text-align: left;
    vertical-align: middle;
    height: 40px;
    width: 500px;
    padding-top: 10px;
}

.bilgimsg
{
   margin: 2px;
    background-position: 5px center;
    border: 1px solid #808080;
    font-weight: bold;
    color: #333333;
    background-color: #EFEFEF;
    background-image: url('img/ok.png');
    background-repeat: no-repeat;
    padding-left: 50px;
    text-align: left;
    vertical-align: middle;
    height: 40px;
    width: 500px;
    padding-top: 10px;
}
.bilgimsgnormal
{
    padding: 0px;
    font-size: 12px;
    font-weight: bold;
}

.msg
{
    border: 2px solid #336699;
    padding: 5px 10px 2px 5px;
    margin: 15px 10px 2px 5px;
    height: 60px;
    background-color: #FFFFFF;
    top: 0%;
    left: 45%;
    position: fixed;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    font-family: Tahoma;
    color: #336699;
}

.bg
{
    background-color: #FFFFFF;
    filter: alpha(opacity=70);
    opacity: 0.3;
    width: 100%;
    height: 1000px;
    position: fixed;
    top: -95px;
    left: -2px;
}
.bg2
{
    background-color: #FFFFFF;
    filter: alpha(opacity=70);
    opacity: 0.3;
    width: 100%;
    height: 1000px;
    position: fixed;
    top: -95px;
    left: -2px;
}
.msg2
{
    border: 1px none #999999;
    padding: 5px 5px 2px 5px;
    margin: 15px 10px 2px 5px;
    top: 0%;
    left: 45%;
    position: fixed;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    font-family: Tahoma;
}

.gvHeader
{
    background-color: #515151;
    color: #FFFFFF;
    font-weight: normal;
}

.gvrow
{
    cursor: default;
    height: 23px;
}
.gvrow:hover
{
    background-color: #FFF7D7;
}

.gvrow2
{
    cursor: default;
    background-color: #F3F3F3;
    height: 23px;
}
.gvrow2:hover
{
    background-color: #FFF7D7;
}



li
{
    padding: 2px;
    list-style-image: url('../../../../Img/li.gif');
    vertical-align: middle;
}

h2
{
    margin: 0px;
    padding: 1px 1px 0px 1px;
    font-size: 18px;
    color: #333333;
    vertical-align: top;
    font-weight: bolder;
    text-align: left;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    font-family: 'Adobe Caslon Pro Bold';
}
h3
{
    padding: 0px;
    margin: 2px;
    font-weight: normal;
    font-size: 15px;
    color: #8C0000;
    font-family: 'Adobe Heiti Std R';
}
h4
{
    font-weight: normal;
    font-size: 14px;
    color: #FF6600;
    height: 15px;
}
h5
{
    color: #FF3300;
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana;
    height: 6px;
}
.tblform td
{
    border-style: inset;
    border-width: 1px;
    padding: 2px;
    vertical-align:top;
}

td
{
    vertical-align: top;
}
th
{
    padding: 2px;
    text-align: left;
    background-color: #CCCCCC;
    font-weight: bold;
    color: #666666;
}


.btn
{
    font-size:12px;
}
.btn:hover
{
    font-size:12px;
}

.txt
{
    font-family: Verdana;
    font-size: 12px;
}

.tbl
{
    width: 100%;
}

.tbl th
{
    height: 25px;
    color: #006699;
    text-align: left;
    padding-left: 4px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #006699;
    font-weight: bold;
    font-size: 13px;
}
.tdh
{
    color: #666666;
    width: 140px;
    vertical-align: middle;
}


.bgmavi
{
    background-color: #ECF9FF;
}
.bggri
{
    background-color: #F4F4F4;
}
.bgturuncu
{
    background-color: #FFF1E8;
}

a
{
    text-decoration: underline;
    color: #295D82;
}
a:hover
{
    text-decoration: none;
}

.ahaber
{
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
.ahaber:hover
{
    color: #FF6600;
    text-decoration: none;
    font-weight: bold;
}
.watermark
{
    color: #AEAEAE;
    font-family: Verdana;
    font-size: 12px;
}
.box
{
    margin: 0px;
    padding: 0px 2px 4px 4px;
    width: 100%;
}

.anasayfamenuh
{
    border-bottom: 3px solid #FF6600;
    padding: 3px 1px 1px 2px;
    width: 200px;
    height: 20px;
    background-color: #700000;
    color: #FFFFFF;
    vertical-align: middle;
    font-size: 12px;
    text-align: center;
    margin-bottom: 1px;
    text-decoration: none;
    margin-top: 2px;
    border-bottom-color: #DDDDDD;
    font-weight: bold;
}

.menuh
{
    border-bottom: 3px solid #FF6600;
    padding: 3px 1px 1px 2px;
    width: 200px;
    height: 20px;
    background-color: #295D82;
    color: #FFFFFF;
    vertical-align: middle;
    font-size: 12px;
    text-align: center;
    margin-bottom: 1px;
    text-decoration: none;
    margin-top: 2px;
    border-bottom-color: #DDDDDD;
    font-weight: bold;
}
.menuhalt
{
}

.ders
{
    margin: 0px 1px 1px 0px; /*background-color: #FF6600;*/
    vertical-align: middle;
    width: 197px;
    font-size: 12px;
    padding: 2px 2px 2px 4px;
    height: 18px;
    text-align: center;
    background-color: #DDDDDD;
    color: #000000;
}
/*
.ders:hover
{
    margin: 0px 2px 2px 2px;
    background-color: #FF822F;
    color: #FFFFFF;
    font-weight: bold;
    vertical-align: middle;
    width: 180px;
    font-size: 12px;
    padding: 2px 2px 2px 4px;
}
*/


/*Modal Popup*/

.modalbase
{
    padding: 5px;
    background-color: #FFFFFF;
    border: 1px solid #999999;
}
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.3;
}

.modalPopup
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 500px;
    height: 500px;
}
/*  
  Tooltip class'lari
*/

#text
{
    margin: 50px auto;
    width: 500px;
}
.hotspot
{
    color: #900;
    padding-bottom: 1px;
    border-bottom: 1px dotted #900;
    cursor: pointer;
}
#tt
{
    position: absolute;
    display: block;
}
#tttop
{
    display: block;
    height: 5px;
    margin-left: 5px;
    overflow: hidden;
}
#ttcont
{
    display: block;
    padding: 2px 12px 3px 7px;
    margin-left: 5px;
    background: #FF6600;
    color: #FFF;
}
#ttbot
{
    display: block;
    height: 5px;
    margin-left: 5px;
    overflow: hidden;
}


/**************
   Tab Control Css Class'ları
**/

.tab
{
    font-size: 12px;
    font-family: Verdana;
    width: 100%;
    background-image: url('../../../../Img/ustbar.jpg');
    background-repeat: repeat-x;
}
.tab .ajax__tab_tab
{
    height: 18px;
    color: white;
    padding-right: 8px;
    padding-left: 8px;
    vertical-align: middle;
    font-weight: bold;
    background-image: url('../../../../Img/ustbar.jpg');
    background-repeat: repeat-x;
    background-color: #2F89BB;
    padding-top: 4px;
    border-left: 1px solid #CCCCCC;
}
.tab .ajax__tab_active .ajax__tab_tab
{
    height: 18px;
    color: white;
    padding-left: 8px;
    vertical-align: middle;
    font-weight: bold;
    background-image: url('../../../../Img/turuncubg.jpg');
    background-repeat: repeat-x;
     background-color: #FF6C02;
      border-left: 1px solid #CCCCCC;
    padding-top: 4px;
   
}
.tab .ajax__tab_body
{
    border-right: #456B8F 1px solid;
    border-top: #456B8F 6px solid;
    border-left: #456B8F 1px solid;
    border-bottom: #456B8F 1px solid;
   /* height: 400px;*/
    background-color: #FFFFFF;
    border-style: none;
    border-width: 0px 1px 1px 1px;
    border-color: #318BBD;
}


/**** PAGE CSS CLASS'ları  ****/


.CurrentPage
{
    padding: 1px;
    background-color: #FF6600;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
}

.PageNumbers
{
    padding: 1px;
    font-size: 12px;
    color: #FF3300;
    font-weight: bold;
}
.PageNumbers:hover
{
    padding: 1px;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #FF6600;
    text-decoration: none;
}


/**************************************/

/******  DersDetay.aspx sayfası için css class'ları ****/
.dersheader
{
    height: 18px;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    background-color: #DDDDDD;
    color: #000000;
}
.derstbl
{
    border: 1px solid #999999;
    width: 100%;
}
.dersbaslik
{
    padding: 2px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    height: 20px;
    background-image: url('../../../../Img/ustbar.jpg');
    background-repeat: repeat-x;
}
.kursbaslik
{
    font-weight: normal;
    font-size: 15px;
    color: #336699;
    vertical-align: top;
}
.dersicerik
{
    color: #000000;
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
    height: 35px;
}

/**************************************/

/****    Calendar Css Class'ları      */
.calendartbl
{
    padding: 2px;
    height: 100%;
    border: 1px solid #808080;
    font-size: 9px;
}
.calendartitle
{
    background-color: #EEEEEE;
    color: #000000;
    font-weight: bold;
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
    height: 30px;
}
.calendarust
{
    text-align: left;
}
.calendaraltsol
{
    padding: 2px;
    background-color: #F4F4FD;
    color: #333399;
    text-align: left;
    width: 20px;
    height: 15px;
    font-family: 'Hobo Std';
    font-weight: normal;
    font-size: 13px;
}
.calendaraltsag
{
    padding: 2px;
    background-color: #F4F4FD;
    color: #FFFFFF;
    text-align: right;
}
/**************************************/



.ayad
{
    border: 1px solid #003366;
    padding: 3px;
    background-color: #F3F3F3;
    color: #003366;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.gribar
{
    background-image: url('../../../../Img/bggri.jpg');
    background-repeat: repeat-y;
}

.turuncubtn
{
    padding: 3px 2px 2px 2px;
    color: #000000;
    text-align: left;
}
.resimcerceve
{
    padding: 2px;
    border: 1px solid #ADD8EE;
    text-align: center;
    vertical-align: middle;
    margin-right: 2px;
}

.tarihformat
{
    font-size: 15px;
    font-weight: normal;
    font-family: 'segoe print';
}

.tblistatistik td, th
{
    border-style: inset;
    border-width: 1px;
    text-align: center;
    vertical-align:middle;
}
.istatistikAdet
{
    font-weight: bold;
    font-size: 13px;
    color: #CC3300;
    background-color: #F3F3F3;
}
.MenuTD
{
    
}
.Menu
{
    background-color: #295D82;
    color: #FFFFFF;
    padding: 3px;

}
.StaticMenuItem
{
    padding: 3px;
    background-color: #295D82;
    color: #FFFFFF;
}
.StaticMenuItem:hover
{
    padding: 3px;
    background-color: #3D88C0;
    color: #FFFFFF;
}
.MenuItem
{
   padding: 3px;
    background-color: #295D82;
    color: #FFFFFF;
    width:200px;
}
.MenuItem:hover
{
    background-color: #3D88C0;
    color: #FFFFFF;
    padding: 3px;
}
.yildiz
{
    font-size: 10px;
    color: #FF0000;
}
input[type="text"], input[type="password"], select, textarea
{
    background-color: #FFEECC;
    color: #333333;
}


.squarebox {
    width: 100%;
    border: solid 1px #336699;
    text-align: center;
    overflow: hidden; }
.squareboxgradientcaption {
    color: White;
    padding: 5px;
    background-image: url(images/gradient_blue.png);
    background-repeat: repeat-x; }
.squareboxcontent {
    background-color: WhiteSmoke;
    padding: 10px;
    overflow: hidden;
    border-top: solid 1px #336699; }
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
   
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionContent a
{text-decoration: none; color: blue;}



.tblIcTable td
{
    border-style: none;
    border-width: 0px;
    padding: 2px;
    vertical-align:top;    
}



.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: lemonchiffon;
    color: red;
    width:220px;
}
.MyCalendar td
{
    border-style: none;
border-width: 0px;

    }
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

.MyCalendar .ajax__calendar_body
{
    width:200px;
    }