*{ margin:0; padding:0}
html, body { height:100%;}
body {background: #FFF url(/Assets/img/bg.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; color:#444}
a {outline:0;}
#top {background: url(/Assets/img/bg-top.jpg) repeat-x;height: 49px;}
#top #topbar {background: url(/Assets/img/logo.gif) no-repeat left center;width: 950px;margin: 0 auto;height: 46px;text-align: right;}
#top #topbar img{ margin-left:5px;}
#container {background: url(/Assets/img/bg-content.png) no-repeat left top;margin:0 auto;padding:0 45px 0 48px;width:953px;}
#searchbar { width:280px; padding:8px 0 0 670px;}
#searchbar input{ float:left;}
#searchbar .inp{background: #c5c5c5;border-top: 1px solid #7b7b7b;border-right: 1px solid #c5c5c5;border-bottom: 1px solid #c5c5c5;border-left: 1px solid #7b7b7b;width:236px; font-size:11px; height:16px; padding:2px;}
#searchbar img{ margin-left:5px;}
.topbar{background: url(/Assets/img/bg-content-top.jpg) repeat-x;height: 19px; margin-top:10px; }
.topbar span{ background:url(/Assets/img/bg-content-top-lr.jpg) no-repeat; height:19px; display:inline-block}
.topbar span.left{ background-position:0 0; width:4px}
.topbar span.right{background-position:-4px 0px;width:5px;float:right; }
#left { float:left; width:224px; margin:8px 2px 0 0;}
#contenthome {float:left; margin:5px 0 0 2px; width:723px; font-size:11px;}
#content {float:left; padding:5px 0 15px 2px; width:723px; background-color:#fff; font-size:11px;}
#content .top1 {background: url(/Assets/img/page-top2.gif) no-repeat right top;height: 5px;padding-right:6px;}
#content .top2 {background: #FFF url(/Assets/img/page-top1.gif) no-repeat left top;height: 5px;}
#content .bottom1 {background: url(/Assets/img/page-bottom2.gif) no-repeat right top;height: 4px;padding-right:6px;}
#content .bottom2 {background:#FFF url(/Assets/img/page-bottom1.gif) no-repeat left top;height: 4px;}
#content h2{ font-size:18px; font-weight:normal; color:#5fb2c7; border-bottom: 1px solid #5fb2c7; padding-bottom:5px; margin-bottom:10px}
#content h5 a{ font-size:12px; color:#5fb2c7; text-decoration:none; padding-bottom:5px; margin-bottom:10px}
#content #subpage{ padding:10px}
#content p{ margin-bottom:10px}
#content div.searchline{ padding:3px; margin-bottom:10px;}
.promo-home { padding-bottom:5px; background-color:#e6e6e6;}
#newsbar{background: url(/Assets/img/bg-news.gif) no-repeat right top;height:25px; padding:1px 0 1px 0}
#newsbar #rss{ float:left}
#newsbar #news{ float:left}
#newsbar #news li{background: url(/Assets/img/dot.gif) no-repeat left center; padding-left:7px}
#newsbar #news a{color:#757575;font-size:11px;text-decoration:none;}
.box {background: url(/Assets/img/bg-box.png) no-repeat;height: 172px;width: 239px;float: left; margin-right:2px; font-size:11px; color:#717171; padding-top:10px}
.box .hdr1, .box .hdr2, .box .hdr3{ width:220px; margin:0 9px 0 9px; padding-top:35px}
.box .hdr1{background: url(/Assets/img/hdr-box-1.png) no-repeat;}
.box .hdr2{background: url(/Assets/img/hdr-box-2.png) no-repeat;}
.box .hdr3{background: url(/Assets/img/hdr-box-3.png) no-repeat;}
.box h6{ color:#000; font-size:11px; font-weight:bold; border-bottom:1px solid #b9babb; cursor:pointer; padding:4px 0 1px 0}
.box .hdr3 .items{ float:left; width:70px}
.box .hdr3 .items a{ background-color:#b3b3b3; display:block; text-decoration:none; color:#000; width:90%; text-align:center; margin-bottom:2px; padding:1px 0 1px 0}
.box .hdr3 .items a:hover { background-color:#c6ecf7; width:100%;}
.box .hdr3 .items .selected { background-color:#c6ecf7; width:100%;}
.box .hdr3 #itemcontent1,.box .hdr3 #itemcontent2, .box .hdr3 #itemcontent3{ float:left; background-color:#c6ecf7; width:141px; font-size:11px; color:#000; padding:4px}
.box .hdr3 #itemcontent2, .box .hdr3 #itemcontent3{ display:none}
.box .hdr3 h6 { border-bottom: solid 1px #d8f4f8; font-size:11px; font-weight:bold; color:#000}
/*#login {background: url(/Assets/img/login-bg.png) no-repeat;height: 125px;width: 190px; padding:10px 25px 10px 25px; font-size:11px; color:#333; position:absolute; left:0; top:20px; display:none; z-index:10; text-align:left}*/
#login {background: #eff9ff;height: 340px;width: 330px; padding:15px; font-size:11px; color:#333; position:absolute; left:0; top:20px; display:none; z-index:160; text-align:left; border:solid 1px #008fd7}
#login h5{ color:#0090d7; font-size:11px}
#login dl{clear:left; padding:7px 0; overflow:auto}
#login dd, #login dt{float:left;}
#login dd{ width:110px; padding-right:10px; font-size:11px; text-align:right}
#login .kapat{background: url(/Assets/img/login-btn.gif) no-repeat right;height: 11px; margin-bottom:5px; cursor:pointer}
#login dt input{border-top: 1px solid #9f9f9f;border-left: 1px solid #9f9f9f;border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; width:200px; font-size:11px; color:#333; height:22px }
#login dt textarea {border-top: 1px solid #9f9f9f;border-left: 1px solid #9f9f9f;border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; width:200px; font-size:11px; color:#333; overflow:auto;}
#login .btn{ text-align:right;}
#login #sendresult {display:none;}
#mainlogin{ width:500px; margin:0 auto;}
#mainlogin fieldset { padding:10px; margin-top:100px}
#mainlogin fieldset legend { font-size:12px; font-weight:bold; padding:10px}
#mainlogin .hata{ color:#f00; font-weight:bold; font-size:12px;}
#mainlogin dl{ clear:both; padding:4px; margin-bottom:5px;}
#mainlogin dl dt{ float:left; width:150px; font-weight:bold; font-size:12px}
#mainlogin dl dd{ float:left;}
#mainlogin dl dd input{border:solid 1px #333; width:200px}
#mainlogin #btn{ clear:both; text-align:right}
#footer{ font-size:11px; font-weight:bold; background-color:#c9c9c9; color:#565656; height:20px; position:fixed; bottom:0; width:100%; text-align:center; padding-top:5px}
#footer a{color:#565656; text-decoration:none;}
ul{ margin-left:10px; padding:5px 2px 4px 10px;}
ul li a{color:#5fb2c7;}
.clr { clear:left}
#socialLinks{ background:transparent url(/Assets/img/socialbookmarks.gif) no-repeat top left;
height:205px;width:307px; position:absolute;top:17px; }
#socialLinks #one, #socialLinks #two{ float:left; width: 150px;}
#socialLinks #one ul{ margin: 0; padding: 17px 0 0 40px; list-style:none;}
#socialLinks #two ul{ margin: 0; padding: 17px 0 0 50px; list-style:none;}
#socialLinks #one li, #socialLinks #two li{
color:#2f6c91; /* Blue */
font-weight:bold;
padding:7px 0;
font-size:11px;
height:18px;
margin:0;
/* clear: left;*/
float: none;
text-align:left;
}
#socialLinks a {
background: none;
text-indent: 0;
display: inline;
}
#login-form { padding:50px; width:500px; text-align:center;}
#login-form fieldset { padding:10px;}
#login-form fieldset legend { font-size:12px; font-weight:bold; padding:10px}
#login-form .hata{ color:#f00; font-weight:bold; font-size:12px;}
#login-form dl{ clear:both; padding:4px; margin-bottom:5px;}
#login-form dl dt{ float:left; width:150px; font-weight:bold; font-size:12px}
#login-form dl dd{ float:left;}
#login-form dl dd input{border:solid 1px #333; width:200px}
#login-form #btn{ clear:both; text-align:right}
ul#accmenu { list-style: none;}
ul#accmenu li { font:normal 12px Arial, Helvetica, sans-serif; padding:10px 3px 10px 30px; border: solid 1px #ccc; background:url(/Assets/img/arrow.gif) no-repeat 5px 5px; margin-bottom:10px;}
ul#accmenu li a {color:#389bcf; text-decoration:none; font-weight:bold; }
ul#accmenu li div.detail { padding:10px;}
.openli {background:url(/Assets/img/arrow2.gif) no-repeat 5px 5px !important ;}
.openli a { display:block; border-bottom:solid 1px #ccc; padding-bottom:3px;}
.header { font-size:12px; color:#389bcf;}