div.panelmdt {margin:0 3px 0.3em 0; padding:10px 9px 7px 30px;
border-top: 1px solid #bbbbbb;border-bottom: 1px solid #bbbbbb;border-right: 2px solid #bbbbbb;border-left: 2px solid #bbbbbb;
border-bottom-right-radius: 7px;-moz-border-radius-bottomright:7px;-webkit-border-radius-bottomright: 7px;
border-top-right-radius: 7px;-moz-border-radius-topright:7px;-webkit-border-radius-topright: 7px;
border-bottom-left-radius: 7px;-moz-border-radius-bottomleft:7px;-webkit-border-radius-bottomleft: 7px;
border-top-left-radius: 7px;-moz-border-radius-topleft:7px;-webkit-border-radius-topleft: 7px;
-moz-box-shadow:0px 1px 1px #bbb;-webkit-box-shadow:0px 1px 1px #bbb;box-shadow:0px 1px 1px #bbb;
background-image: linear-gradient(top, #FFFFFF 45%, #E9ECEF 80%);background-image: -o-linear-gradient(top, #FFFFFF 45%, #E9ECEF 80%);
background-image: -moz-linear-gradient(top, #FFFFFF 45%, #E9ECEF 80%);background-image: -webkit-linear-gradient(top, #FFFFFF 45%, #E9ECEF 80%);
background-image: -ms-linear-gradient(top, #FFFFFF 45%, #E9ECEF 80%);background-image: -webkit-gradient(linear,	left top,left bottom,color-stop(0.45, #FFFFFF),color-stop(0.8, #E9ECEF));
}

.rtl div.panelmdt{margin:0 0 0.8em 3px; padding:10px 30px 10px 9px;border-top: 1px solid #bbbbbb;border-bottom: 1px solid #bbbbbb;border-left: 2px solid #bbbbbb;border-right:none;
border-bottom-right-radius: 0;-moz-border-radius-bottomright:0;-webkit-border-radius-bottomright: 0;
border-top-right-radius: 0;-moz-border-radius-topright:0;-webkit-border-radius-topright: 0;
border-bottom-left-radius: 7px;-moz-border-radius-bottomleft:7px;-webkit-border-radius-bottomleft: 7px;
border-top-left-radius: 7px;-moz-border-radius-topleft:7px;-webkit-border-radius-topleft: 7px;}

div.panelmdt div.secondary {font-size:0.9em; margin-top:-1px;}
div.panelmdt div.subhead {color:#33689b; padding-left:13px; font-weight:bold; font-size:1.17em;}
div.panelmdt div.subhead span {font-weight:normal; color:#000;}
div.panelmdt div.subhead p {margin:0 0 0 1px;font-weight:normal;font-size:0.75em}
div.panelmdt div.subhead span.help {color:#757575; font-size:0.85em;}
div.panelmdt div.subhead span.buttonAsLink {color:#33689B;margin-bottom:3px;display:inline-block;}
div.panelmdt div.subhead span.buttonAsLink input {overflow:hidden; font-weight:bold; color:#33689b !important;}
div.panelmdt div.subhead span.buttonAsLink input[disabled] {color:#757575 !important;}
div.panelmdt.active div.subhead { margin-bottom:1.5em; padding-left:14px; padding-right:14px;}
div.panelmdt.active {background:none;margin-right:3px; margin-left:3px; padding:0 10px 0 10px;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDg4YWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #0088aa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#0088aa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#0088aa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#0088aa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#0088aa 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#0088aa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0088aa',GradientType=0 ); /* IE6-8 */
}
div.panelmdt .downarrow,div.panelmdt .rightarrow{margin-top:8px;width: 9px;float:left;}
div.panelmdt .downarrow{background-position: 0 -16px;height: 5px;}
div.panelmdt .rightarrow{background-position:-10px -16px;height: 9px;margin-left:2px;margin-top:7px;}
.rtl div.panelmdt.active div.subhead { margin-bottom:1.5em; padding-right:14px; }
.rtl div.panelmdt.active {background:none; margin-top:1.75em;margin-left:3px;padding:0;}
.rtl div.panelmdt .downarrow,.rtl  div.panelmdt .rightarrow{margin-top:8px;width: 9px;float:right;}
.rtl div.panelmdt .downarrow{background-position: 0 -16px;height: 5px;}
.rtl div.panelmdt .rightarrow{background-position:-10px -16px;height: 9px;margin-left:2px;margin-top:7px;}
.rtl div.panelmdt.active {margin-left:3px;margin-right:0;}
div.panelmdt.active div.top, div.panelmdt.active div.top div, div.panelmdt.active div.bottom, div.panelmdt.active div.bottom div {display:none;}
div.panelmdt.active div.body {border:0px;background:#fff;padding:16px 10px 3px 10px; width:950px; height:auto;}
.rtl div.panelmdt.active div.body {border:0px;background:#fff;padding:16px 30px 3px 10px; }


/* Notifications */

/*************** Notifications ***************/

.notification {
                position: relative;
                margin: 0 0 15px 0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 13px;
                width: 99.8%;
                }
                

.attention {
                background: #fffbcc url('../images/icons/ntexclamation.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.information {
                background: #dbe3ff url('../images/icons/ntinformation.png');
                border-color: #a2b4ee;
                color: #585b66;
                }

.success {
                background: #d5ffce url('../images/icons/nttick_circle.png');
                border-color: #9adf8f;
                color: #556652;
                }

.error {
                background: #ffcece url('../images/icons/ntcross_circle.png');
                border-color: #df8f8f;
                color: #665252;
                }

.notification div {
                display:block;
                font-style:normal;
                padding: 10px 10px 10px 36px;
                line-height: 1.5em;
                }

.notification .close {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                }

/* Notification for form inputs */

.input-notification {
				background-position: left 2px;
				background-repeat: no-repeat;
				padding: 2px 0 2px 22px;
				background-color: transparent;
				margin: 0 0 0 5px;
				}

/* Notification for login page */
.notification {
                -moz-border-radius: 6px;
                -webkit-border-radius: 6px;
				border-radius: 6px;
                }
				
/* Form Butonlari */
.bubblewrap{
list-style: square inside; color:blue;
margin:0;
padding:0;
}

.bubblewrap li{
display:inline;
width: 14px;
height:14px;
margin-bottom:.8em;
margin-left:0.25em;
padding-left:0.2em;
}

.bubblewrap li img{
width: 14px; /* width of each image.*/
height: 14px; /* height of each image.*/
border:0;
margin-left: 1px; /*spacing between each image*/
margin-right: 1px; /*spacing between each image*/
-moz-transition:-moz-transform 0.1s ease-in; /*animate transform property */
-webkit-transition:-webkit-transform 0.1s ease-in; 
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
cursor: pointer; 
cursor: hand;
}

.bubblewrap li img:hover{
-moz-transform:scale(1.5); /*scale up image 1.8x*/
-webkit-transform:scale(1.5);
-o-transform:scale(1.5);
}



div.formbox  select, div.formbox  textarea {
 font:14px;
 color:#333;
 font-weight:700;
 letter-spacing:.7px;
 clear:left;
 border-top:1px solid #0088AA;
 border-left:1px solid #0088AA;
 border-right:1px solid #0088AA;
 border-bottom:1px solid #0088AA;
 background-color:#fafafa;
 -webkit-box-shadow:inset 0 1px 3px 0 #adadad;
 -moz-box-shadow:inset 0 1px 3px 0 #adadad;
 box-shadow:inset 0 1px 3px 0 #adadad;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 margin-bottom:8px;
 width:70%;
 padding:3px 0;
}

div.formbox input  {
 font:14px;
 color:#333;
 font-weight:700;
 letter-spacing:.7px;
 clear:left;
 border-top:1px solid #0088AA;
 border-left:1px solid #0088AA;
 border-right:1px solid #0088AA;
 border-bottom:1px solid #0088AA;
 background-color:#fafafa;
 -webkit-box-shadow:inset 0 1px 3px 0 #adadad;
 -moz-box-shadow:inset 0 1px 3px 0 #adadad;
 box-shadow:inset 0 1px 3px 0 #adadad;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 margin-bottom:8px;
 width:30%;
 padding:3px 0;
}

 div.formbox input:hover { 
 font:14px;
 font-weight:700;
 letter-spacing:.7px;
 border:1px solid #57a9d9; 
 background-color:#fafafa;
 -webkit-box-shadow:inset 0 0 5px 0 rgba(58,144,194,0.6);
 -moz-box-shadow:inset 0 0 5px 0 rgba(58,144,194,0.6);
 box-shadow:inset 0 0 5px 0 rgba(58,144,194,0.6);
 -webkit-border-radius:5px; -moz-border-radius:5px;
 border-radius:5px; 
 }
 
div.formbox  textarea:hover, div.formbox  select:hover { 
 border:1px solid #57a9d9; 
 background-color:#fafafa;
 -webkit-box-shadow:inset 0 0 5px 0 rgba(58,144,194,0.6);
 -moz-box-shadow:inset 0 0 5px 0 rgba(58,144,194,0.6);
 box-shadow:inset 0 0 5px 0 rgba(58,144,194,0.6);
 -webkit-border-radius:5px; -moz-border-radius:5px;
 border-radius:5px; 
 }
 
 div.formbox a.button, div.formbox .button {
 font-weight:700; 
 cursor:pointer;
 color:#fff; 
 text-shadow:0 -1px #00629c;
 border-top:#0079C1 1px solid;
 border-left:#00588B 1px solid;
 border-right:#00588B 1px solid;
 border-bottom:#004B77 1px solid;
 border-radius:5px;
 box-shadow:0 1px #4DBEFF inset;
 background-color:#0079c1;
 background-image:linear-gradient(bottom,#0079c10%,#0079c120%,#00a1ff100%);
 padding:4px 15px 7px; 
 }  
 div.formbox .button:hover { 
 box-shadow:0 1px #1794dc inset;
 text-shadow:0 -1px #004c77; 
 background-color:#005282;
 background-image:linear-gradient(bottom,#0052820%,#00528220%,#0083cf100%); 
 border-color:#00629b #004872 #003b5d; 
 }  
 div.formbox .button:active {
 background-image:linear-gradient(bottom,#0052820%,#00528220%,#006aa8100%); 
 box-shadow:0 2px 4px #004268 inset;
 text-shadow:0 -1px #004268;
 border-color:#004269 #003d60 #003a5c;
 } 
 div.formbox .button.noncss { 
 background-image:none;
 box-shadow:none;
 background-color:#0079c1;
 border-radius:0;
 border:1px solid #004a75;
 } 
 div.formbox .button.noncss:hover, div.formbox .button.noncss:focus {
 background-color:#006199;
 border:1px solid #003a5c;
 }  
 div.formbox .button.noncss:active { 
 background-color:#005282;
 border:1px solid #004268; 
 }
 
 /* Bilgi Ekrani */
 
div.yapibilgidiv { 
	border:1px solid #ADC2D6;
	width:530px;
	height:300px;
	margin:0 auto;
	padding:10px;
	 font:14px;
	 color:#333;
	 font-weight:700;
	overflow-y:scroll;
}

div.yapimci { 
	border:none;
	width:530px;
	height:30px;
	margin:0 auto;
	padding:10px;
	 font:14px;
	 color:#333;
	 font-weight:700;
	text-align:right;
}

#selectable .ui-selecting { background: #0088aa; }
#selectable  .ui-selectee { border:1px solid #cd0000; }
#selectable .ui-selected { background: #0088aa; color: white; border:1px solid #0088aa;}
#selectable { list-style-type: none; margin: 0; padding: 0; width: 70%; }
#selectable li { 
    font-size: 1.2em;
    height: 15px;
    margin-bottom: 3px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 3px;
    padding-bottom: 0.4em;
    padding-left: 0.4em;
    padding-right: 0.4em;
    padding-top: 0;
 }
 
#selectable2 .ui-selecting { background: #0088aa; }
#selectable2  .ui-selectee { border:1px solid #cd0000;  }
#selectable2 .ui-selected { background: #0088aa; color: white; border:1px solid #0088aa; }
#selectable2 { list-style-type: none; margin: 0; padding: 0; width: 70%; }
#selectable2 li { 
    font-size: 1.2em;
    height: 15px;
    margin-bottom: 3px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 3px;
    padding-bottom: 0.4em;
    padding-left: 0.4em;
    padding-right: 0.4em;
    padding-top: 0;
 }
 
#selectable3 .ui-selecting { background: #0088aa; }
#selectable3  .ui-selectee { border:1px solid #cd0000; }
#selectable3 .ui-selected { background: #0088aa; color: white; border:1px solid #0088aa;}
#selectable3 { list-style-type: none; margin: 0; padding: 0; width: 70%; }
#selectable3 li { 
    font-size: 1.2em;
    height: 15px;
    margin-bottom: 3px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 3px;
    padding-bottom: 0.4em;
    padding-left: 0.4em;
    padding-right: 0.4em;
    padding-top: 0;
 }
 
#selectable4 .ui-selecting { background: #0088aa; }
#selectable4  .ui-selectee { border:1px solid #cd0000;  }
#selectable4 .ui-selected { background: #0088aa; color: white; border:1px solid #0088aa;}
#selectable4 { list-style-type: none; margin: 0; padding: 0; width: 70%; }
#selectable4 li {
    font-size: 1.2em;
    height: 15px;
    margin-bottom: 3px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 3px;
    padding-bottom: 0.4em;
    padding-left: 0.4em;
    padding-right: 0.4em;
    padding-top: 0;
 }
 
#selectable li span,#selectable2 li span,#selectable3 li span,#selectable4 li span{
 position: absolute;
 margin-left: 0em;
 margin-top: 0;
 padding-top: 0;
}

#selectable li hx,#selectable2 li hx,#selectable3 li hx,#selectable4 li hx{
 position: absolute;
 margin-left: 1.3em;
 margin-top: 0;
 padding-top: 0;
}
 
 
label { height:23px;}
label .ui-state-default { background: #0088aa; }
label .ui-state-active { background: #0088aa; color: white; }
span.ui-button-text { font-size: 0.9em;}


div.hesaplabtn a.button, div.hesaplabtn .button {
    background-color: #0079C1;
    border-bottom-color: #004B77;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #00588B;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #00588B;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #0079C1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: 0 1px #4DBEFF inset;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 700;
    padding-bottom: 7px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 4px;
    text-shadow: 0 -1px #00629C;
}