﻿body 
{ 
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align:center;
margin:0px;padding:0px;
}

/* GENEL STİLLER*/
.banner
{	
	background-image: url(res/banner.jpg);
	height:100px;
	width:800px;
	cursor:pointer;
}

.input
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #333333;
	border: 1px solid #CCCCCC;
}

.yazi1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #555555;
}

.baslik1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #555555;
	font-weight:bold;
}

.yazi2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
}

.baslik2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #ff0000;
	font-weight:bold;
}

.hata1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #ff0000;
	font-weight: bold;
}

.fiyat1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #8b00f9;
	font-weight: bold;	
}

.aciklama
{
	background-color: #FFFFF0;
	border-right: #cfcfcf 1px solid;
	border-top: #cfcfcf 1px solid;
	border-left: #cfcfcf 1px solid;
	border-bottom: #cfcfcf 1px solid;
}

.aciklama_yazi
{
	font-weight: 400;
	font-size: 11px;
	color: #536a8b;
	font-family: Tahoma,Verdana,Arial, Helvetica, sans-serif;
}

/* BUTTON */
div.button{
background: transparent url('res/btn_sol.gif') no-repeat top left;
display: block;
/*float: left;*/
width:30px;
line-height: 18px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 23px; /* Height of button background height */
padding-left: 5px; /* Width of left menu image */
text-decoration: none;
}

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#ffffff;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
    
    -moz-border-radius: 2px; -webkit-border-radius: 2px;
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

button:hover, .buttons a:hover{
    background-color:#fcfcfc;
    border:1px solid #dcdcdc;
    color:#336699;
}
/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}


div:link.button, div:visited.button, div:active.button{
color: #ffffff; /*button text color*/
}

div.button a
{
	background: transparent url('res/btn_sag.gif') no-repeat top right;
	display: block; /*Set 11px below to match value of 'padding-left' value above*/
	padding-right: 11px;
	padding-left: 0px;
	padding-bottom: 6px;
	padding-top: 2px;
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}


.link1,.link1:Link,.link1:Visited,.link1:Active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	color: #ff0000;
	font-weight:bold; 
}

.link1:Hover, .link1:Link:Hover, .link1:Visited:Hover, .link1:Active:Hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
	color: #333333;
	font-weight:bold;
}

.link2,.link2:Link,.link2:Visited,.link2:Active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	color: #0050ff;
}

.link2:Hover, .link2:Link:Hover, .link2:Visited:Hover, .link2:Active:Hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
	color: #333333;
}

.grid_baslik
{
	border-right: #cbddf3 1px solid;
	border-top: #cbddf3 1px solid;
	border-left: #cbddf3 1px solid;
	border-bottom: #cbddf3 1px solid;
	height: 30px;
	background-image: url(res/grid_baslik.gif);
	font-size: 11px;
	font-weight: 700;
	color: #ff0000;
}

.grid_row
{
	border-collapse: collapse;
	font-size: 10px;
	font-weight: 700;
	color: #696969;
}

table.grid_row
{
	border-collapse: collapse;
	font-size: 10px;
	font-weight: 700;
	color: #696969;
}

table.grid_row td
{
	border-right: #cbddf3 1px solid;
	border-bottom: #cbddf3 1px solid;
	border-left: #cbddf3 1px solid;
}


/* tab görünümünü sağlayan alan (gövde panelinin başlığı olarak kullanılıyor)*/
.u_s_sol
{
	background-image: url(res/u_s_sol.gif);
	height:26px;
	width:28px;
}

.u_s_orta
{
	background-image: url(res/u_s_orta.gif);
	height:26px;
	width:auto;
	text-align:center;
}

.u_s_sag
{
	background-image: url(res/u_s_sag.gif);
	height:26px;
	width:15px;
}

.u_s_ara
{
	background-image: url(res/u_s_ara.gif);
	height:26px;
	width:48px
}

.u_s_aktif_yazi
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
}

.u_s_pasif_yazi
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #555555;
}
/* tab görünümünü sağlayan alan */


/* alt buttonlar */
.a_b_link1,.a_b_link1:Link,.a_b_link1:Visited,.a_b_link1:Active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
	width:100%;
}

.a_b_link1:Hover, .a_b_link1:Link:Hover, .a_b_link1:Visited:Hover, .a_b_link1:Active:Hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color: #333333;
	font-weight: bold;
	width:100%;
}

.a_sol
{
	background-image: url(res/a_ara.gif);
	height:23px;
	width:10px;
}

.a_orta
{
	background-image: url(res/a_ara.gif);
	height:23px;
	width:10px;
}

.a_sag
{
	background-image: url(res/a_ara.gif);
	height:23px;
	width:10px;
}

.a_b_sol_ok
{
	background-image: url(res/a_b_sol_ok.gif);
	height:23px;
	width:28px;
}

.a_b_sol
{
/*henüz yok */
}

.a_b_orta
{
	background-image: url(res/a_b_orta.gif);
	height:23px;
	width:auto;
	text-align:center;
}

.a_b_sag
{
	background-image: url(res/a_b_sag.gif);
	height:23px;
	width:15px;
}

.a_b2_sol
{
	background-image: url(res/a_b2_sol.gif);
	height:23px;
	width:15px;
}

.a_b2_sol_ok
{
	background-image: url(res/a_b2_sol_ok.gif);
	height:23px;
	width:28px;
}

.a_b2_orta
{
	background-image: url(res/a_b2_orta.gif);
	height:23px;
	width:auto;
	text-align:center;
}

.a_b2_sag
{
	background-image: url(res/a_b2_sag.gif);
	height:22px;
	width:15px;
}

.a_b2_sag_ok
{
	background-image: url(res/a_b2_sag_ok.gif);
	height:22px;
	width:28px;
}

.a_b2_ara
{
	background-image: url(res/a_b2_ara.gif);
	height:23px;
	width:44px;
}
/* alt buttonlar */


/* sayfalarda kullanılan ufak işlem panelleri*/
.pnl_ust
{
	background-image: url(res/pnl_ust.gif);
	width:450px;
	height:35px;
}

.pnl_ust2
{
	background-image: url(res/pnl_ust2.gif);
	width:450px;
	height:5px;
}

.pnl_orta
{	
	background-image: url(res/pnl_orta.gif);
	width:450px;
	height:4px;
}

.pnl_alt
{
	background-image: url(res/pnl_alt.gif);
	width:450px;
	height:10px;
}

.pnl_cizgi
{
	background-image: url(res/pnl_cizgi.gif);
	width: 450px;
	height: 1px;
}

.pnl_sag_border
{
	border-right: #abacae 1px solid;
}
/* sayfalarda kullanılan ufak işlem panelleri*/


.divMaske
{
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	z-index: 100; /* zIndex should be greater than that of shadow's below */ /*background: lightyellow;*/
	opacity: 0.2;
	filter: alpha(opacity=20);
	width: 100%;
	background-color: #87cefa;
	vertical-align:middle;
	text-align:center;
}

.divUyari
{
	position: absolute;
	display: none;
	z-index: 101; /* zIndex should be greater than that of shadow's below */ /*background: lightyellow;*/
	background-color: #fafad2;
	text-align: center;
	font-size: 16pt;
	color: #ff0033;
	height: 130px;
	width: 400px;
	font-family: arial,verdana;
	border: solid 1px #696969; 
}

.modalBackground {
	background-color: #87cefa;
	filter:alpha(opacity=30);
	opacity:0.7;
}

.modalPopup {
	background-color: #fafad2;
	text-align: center;
	vertical-align:middle;
	font-size: 16pt;
	color: #ff0033;
	height: 130px;
	width: 400px;
	border: solid 1px #696969;
	
	/*_margin-left:expression((navigator.appName == 'Microsoft Internet Explorer' && navigator.appVersion == '4' ) ? '250px' : '0px');
	_margin-top:expression((navigator.appName == 'Microsoft Internet Explorer' && navigator.appVersion == '4' ) ? '250px' : '0px');
	*/

}

/*TakvimResim*/
.ui-datepicker-trigger
{
	vertical-align: bottom;
	padding-left: 2px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}