html, body {
max-width: 100%;
overflow-x: hidden;
}
* { margin:0; padding:0; border:0; }
*:focus { outline: none; }
html { margin:0; padding:0; border:0; }
body { background:#ffffff; background:url(img/bg.png) repeat-x; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif!important; }
.hide { display:none; }
.show { display:block; }
#content { width:950px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
#content-top { width:950px; height:75px; line-height:73px; }
#content-m { width:950px; padding-left:5px; padding-top:5px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #e5e5e5; border-right-color: #e5e5e5; border-bottom-color: #e5e5e5; border-left-color: #e5e5e5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#content-title { float:left; color:#fff; font-size:0.20in; line-height:73px; height:73px; width: 700px; }
#content-title a { color:#fff; text-decoration:none; }
#menualani { float:left; width:180px; height:auto; }
#icerikalani { }
ul.menu { font-size:0.16in; list-style-type: none; padding: 0; margin: 0; }
ul.menu a { display: block; color:#3f3f3f; background-color: #E2E2E2; width:9em; padding: .2em .8em; text-decoration:none; }
ul.menu a:hover { background-color: #adadad; }
ul.menu li { margin: 0 0 .2em 0; }
#top-info { float:right; text-align:right; font-size:0.14in; line-height:73px; color:#FFFFFF; height:73px; }
#top-info a { text-decoration:none; }
#footer { width:950px; height:30px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
#footer a { text-decoration:none; color:#999; }
#footer a:hover { text-decoration:none; color:#464646; }
#footer-left { float:left; margin-top:15px; width:auto; height:30px; font-size:0.14in; color:#999; }
#txt { float:left; width:auto; padding-left:8px; margin-top:10px; color:#464646; font-weight:normal; font-size:0.12in; margin-bottom:10px; }
.input { height:20px; border: 1px solid #d2d0d0; padding-left:2px; }
.inputarea { border: 1px solid #d2d0d0; width:304px; height:50px; }
.editorarea { height:228px; }
.button { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; font-size:0.15in; BACKGROUND: #7e7e7e; PADDING-BOTTOM: 5px; COLOR: #eeeeee; font-weight:bold; PADDING-TOP: 5px; FONT-FAMILY: Arial; TEXT-ALIGN: center; TEXT-DECORATION: none; cursor:pointer; }
.button:hover { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; font-size:0.15in; BACKGROUND: #515151; PADDING-BOTTOM: 5px; COLOR: #eeeeee; font-weight:bold; PADDING-TOP: 5px; FONT-FAMILY: Arial; TEXT-ALIGN: center; TEXT-DECORATION: none; cursor:pointer; }
#logo { float: left;
height: 40px;
width: 177px;
display: block;
margin-top: 17px; }
.ekmenu { PADDING-RIGHT: 6px; PADDING-LEFT: 6px; font-size:0.14in; BACKGROUND: #929191; PADDING-BOTTOM: 4px; COLOR: #eeeeee; font-weight:bold; PADDING-TOP: 4px; FONT-FAMILY: Arial; TEXT-ALIGN: center; TEXT-DECORATION: none; cursor:pointer; }
.ekmenu:hover { PADDING-RIGHT: 6px; PADDING-LEFT: 6px; font-size:0.14in; BACKGROUND: #7f1606; PADDING-BOTTOM: 4px; COLOR: #eeeeee; font-weight:bold; PADDING-TOP: 4px; FONT-FAMILY: Arial; TEXT-ALIGN: center; TEXT-DECORATION: none; cursor:pointer; }
#formarea { margin:10px auto; width:400px; }
#formarea-left { float:left; width:100px; margin-top:5px; margin-bottom:5px; color:#464646; font-weight:normal; font-size:0.12in; }
#formarea-right { float:left; width:300px; margin-top:5px; margin-bottom:5px; color:#464646; font-weight:normal; font-size:0.12in; }
#formarea-clear { float:left; width:400px; margin-top:50px; }
.baslik-alani { color:#464646; font-weight:300; font-size:17px; background-color: #F5F5F5; line-height: 35px; padding-left: 10px; margin-top: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#ekmenu-alani { float:left; width:640px; padding-left:8px; margin-top:10px; }
#sayfalama-alani { float:left; width:640px; padding-left:8px; margin-top:10px; color:#464646; font-weight:normal; font-size:0.18in; font-size:0.16in; }
#sayfalama-alani a { color:#464646; text-decoration:none; }
#sayfalama-alani a:hover { color:#000; text-decoration:none; }
#formtablo { float:left; padding-left:9px; margin-top:10px; width:940px; margin-bottom:20px; color:#464646; font-weight:normal; font-size:0.12in; }
#formtablo-sol { float:left; width:150px; line-height:30px; margin-top:5px; margin-bottom:5px; text-align:right; }
#formtablo-sag { float:left; width:750px; margin-top:5px; margin-bottom:5px; margin-left:8px; }
.arrowlistmenu { float:left; width: 170px; margin-right:5px; }
.arrowlistmenu .menuheader { font-size: 13px; font-family:Arial, Helvetica, sans-serif; color: white; background: black url(jscripts/images/titlebar.png) repeat-x center left; margin-bottom: 4px; padding: 4px 0 4px 10px; cursor: hand; cursor: pointer; }
.arrowlistmenu .openheader { background-image: url(jscripts/images/titlebar-active.png); }
.arrowlistmenu ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; }
.arrowlistmenu ul li { padding-bottom: 2px; }
.arrowlistmenu ul li .opensubheader { background: lightblue !important; }
.arrowlistmenu ul li .closedsubheader { background: lightgreen !important; }
.arrowlistmenu ul li a { color: #A70303; background: url(jscripts/images/arrowbullet.png) no-repeat center left; display: block; padding: 2px 0; padding-left: 19px; text-decoration: none; font-weight: bold; border-bottom: 1px solid #F7F7F7; font-size: 70%; }
.arrowlistmenu ul li a:visited { color: #A70303; }
.arrowlistmenu ul li a:hover { background-color: #F3F3F3; }
.arrowlistmenu ul li a.subexpandable:hover { background: lightblue; }
.info, .success, .warning, .error, .validation { border: 1px solid; margin: 10px 0px; padding:5px 10px 5px 50px; background-repeat: no-repeat; background-position: 10px center; font-size:16px; margin-left:0px; }
.info { color: #00529B; background-color: #BDE5F8; background-image: url('img/icon_info.png'); }
.success { color: #4F8A10; background-color: #DFF2BF; background-image:url('img/icon_success.png'); }
.warning { color: #9F6000; background-color: #FEEFB3; background-image: url('img/icon_warning.png'); }
.error { color: #D8000C; background-color: #FFBABA; background-image: url('img/icon_error.png'); }
#editoralan {float:left; width:940px;}
.green { color: green; }
.blue { color: blue; }
.sub_link { font-family: 'Roboto', Arial, sans; font-size: 11px; color: #C8C8C8 !important; font-weight: 400; text-decoration: none; float: left; padding-left: 10px; border-left-width: 1px; border-left-style: solid; border-left-color: #666; margin-left: 10px; line-height: 25px; margin-top: 22px; padding-top:3px;}
.PanelLogin { margin-top: 5%; width: 420px; margin-right: auto; margin-left: auto; }
#typed-cursor{
opacity: 1;
font-weight: 100;
-webkit-animation: blink 0.7s infinite;
-moz-animation: blink 0.7s infinite;
-ms-animation: blink 0.7s infinite;
-o-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
}
@-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-ms-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-o-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
.type-wrap{ float:left; margin-left:20px; color:#B8B8B8;
font-size:13px;
}
.chosen-rtl .chosen-drop { left: -9000px; }
pre{
display:block;
font:100% "Courier New", Courier, monospace;
padding:10px;
border:1px solid #bae2f0;
background:#e3f4f9;
margin:.5em 0;
overflow:auto;
width:800px;
}
/* */
#preview{
position:absolute;
width:320px;
border:1px solid #ccc;
background:#333;
padding:5px;
display:none;
color:#fff;
}
#preview img{
width:310px;
max-height:200px;
}