/*
 -----------------------------------------------
 Grey Box Method - Layout CSS
 ----------------------------------------------- */
body {
    background-image: url(../images/ventitre.gif);
    border-top: 5px solid #C34802;
    color: #919191;
    font-size: 11px;
    padding: 0 0 40px;
}

/* anchors
 ----------------------------------------------- */
a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    color: #333;
}

.turnedOff {color:#ffff00; background-color:#C90; z-index:301;} 
.grid_8 .boxmiki .lightSwitcher {position:absolute; z-index:201;} 
#shadow {background-image:url(../images/shade1x1.png); position:absolute; left:0; top:0; width:100%; z-index:200;} 

/*image:url(../images/shade1x1.png)*/

/* 960 grid system container background
 ----------------------------------------------- */
.container_12, .container_16 {
    background: #282A33;
}
.nones
{
	display:none;
}

input[type="text"], input[type="password"],textarea,select, input[type="checkbox"], input[type="file"] {
	font-size: small;
	color: #FFF;
	background-color:#333;
	border: 1px solid #000;
}

.YSuccess{
	color:#090;
}
.YHR{
	color:#666;
	background-color:#666;
	height:2px;
	border:none;
}

/* headings
 ----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    line-height: 1.2em;
    margin-bottom: .3em;
}

h2 {
    margin-top: 1em;
}

h5 {
    font-size: 1.2em;
}

h6 {
    font-size: 1em;
    text-transform: uppercase;
}

h1 a {
    font-weight: normal;
}

/* branding
 ----------------------------------------------- */
h1#branding {
    font-weight: normal;
    font-size: 3em;
    text-align: left;
    background: #aaa;
    padding: .7em 1em;
    margin-bottom: 0;
}

/* page heading
 ----------------------------------------------- */
h2#page-heading {
    font-weight: normal;
    padding: .5em;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #FA8000;
}

/* boxes
 ----------------------------------------------- */
.box {
    background: #525958;
    margin-bottom: 20px;
    padding: 10px 10px 1px 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 10px;
}
.boxmiki {
    background: #525958;
    margin-bottom: 20px;
    padding: 10px 10px 1px 10px;
}

.box h2 {
    font-size: 1em;
    font-weight: normal;
    color: #fff;
    background: #FA8000;
    margin: -10px -10px 0 -10px;
    padding: 6px 12px;
}

.box h2 a, .box h2 a.visible {
    color: #fff;
    background: #FA8000 url("../img/switch_minus.gif") 97% 50% no-repeat;
    display: block;
    padding: 6px 12px;
    margin: -6px -12px;
    border: none;
}

.grid_4 .box h2 a {
    background-position: 97% 50%;
}

.grid_5 .box h2 a {
    background-position: 98% 50%;
}

.grid_12 .box h2 a {
    background-position: 99% 50%;
}

.box h2 a.hidden, .box h2 a.hidden:hover {
    background-image: url("../img/switch_plus.gif");
}

.box h2 a:hover {
    background-color: #111;
}

.block {
    padding-top: 10px;
}

div.menu {
    padding: 0;
}

div.menu h2 {
    margin: 0;
}

div.menu .block {
    padding-top: 0;
}

/* paragraphs, quotes and lists
 ----------------------------------------------- */
p {
    margin-bottom: 1em;
}

blockquote {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.2em;
    padding-left: 1em;
    border-left: 4px solid #ccc;
}

blockquote cite {
    font-size: .9em;
}

ul, ol {
    padding-top: 0;
}

/* menus
 ----------------------------------------------- */
ul.menu {
    list-style: none;
    border-top: 1px solid #bbb;
}

ul.menu li {
    margin: 0;
}

ul.menu li a {
    display: block;
    padding: 4px 10px;
    border-bottom: 1px solid #bbb;
}

ul.menu li a:hover {
    background: #eee;
}

ul.menu li a:active {
    background: #ccc;
}

/* submenus
 ----------------------------------------------- */
ul.menu ul {
    list-style: none;
    margin: 0;
}

ul.menu ul li a {
    padding-left: 30px;
}

/* section menus
 ----------------------------------------------- */
ul.section {
    border-top: 0;
    margin-bottom: 0;
}

ul.section li {
    text-transform: uppercase;
}

ul.section li a {
    background: #bbb;
}

ul.section li a:hover {
    background: #aaa;
}

ul.section li a:active {
    color: #fff;
    background: #666;
}

ul.section li li a {
    background: #ddd;
}

ul.section li li a:hover {
    background: #ccc;
}

ul.section li li a:active {
    color: #000;
    background: #fff;
}

ul.section ul li {
    text-transform: none;
}

ul.section li.current a {
    background: #eee;
}

ul.section li.current a:hover {
    background: #ddd;
}

ul.section li.current a:active {
    background: #fff;
}

ul.section li.current > a {
    color: #fff;
    background: #666;
}

ul.section li.current > a:hover {
    background: #555;
}

ul.section li.current > a:active {
    background: #444;
}

ul.section li.current a.active {
    background: #fff;
    cursor: default;
}

ul.section li.current > a.active, ul.section li.current > a.active:hover {
    color: #fff;
    background: #666;
    cursor: default;
}

/* table
 ----------------------------------------------- */
table {
    width: 100%;
    border: 1px solid #bbb;
    margin-bottom: 10px;
}

col.colC {
    width: 8em;
}

th, td {
    padding: .2em 1em;
    text-align: left;
}

thead th {
    border-bottom: 2px solid #888;
    background: #bbb;
    padding: .4em 1em .2em;
}

thead th.table-head {
    font-size: 1em;
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
    background: #555;
    border: 1px solid #555;
}

tbody th, tbody td {
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    background: #eee;
}

tbody tr.odd th, tbody tr.odd td {
    background: #fff;
}

tfoot th, tfoot td {
    border-top: 2px solid #666;
    background: #eee;
}

tfoot tr.total th, tfoot tr.total td {
    border-top: 6px double #666;
}

tfoot tr.total th {
    text-transform: uppercase;
}

th.currency, td.currency {
    text-align: right;
}

/* forms
 ----------------------------------------------- */
form {
    overflow: hidden;
}

fieldset {
    border: 1px solid #FA8000;
    padding: 10px;
    position: relative;
    
    margin-bottom: 10px;
}

legend {
    font-size: 1.1em;
    padding: .4em .8em;
    background: #666;
	color: #000;
    border: 1px solid #FA8000;
}

fieldset.login p {
    margin-bottom: 1em;
    margin-top: 0pt;
}

fieldset p label {
    width: 98%;
}

fieldset p input {
    width: 98%;
}

fieldset p select {
    width: 99%;
}

fieldset.login p label {
    float: left;
    line-height: 2em;
    margin-right: 3%;
    text-align: right;
    width: 32%;
}

fieldset.login p input {
    width: 60%;
}

fieldset.login input.button {
    margin-left: 35%;
}

form p.notice {
    font-weight: bold;
}

input.search.text {
    width: 66%;
}

input.search.button {
    width: 28%;
    margin-left: 2%;
}

/* articles
 ----------------------------------------------- */
.articles {
    padding: 0;
}

.articles h2 {
    margin: 0;
}

#articles {
    padding-top: 0;
}

.article {
    border-top: 1px solid #666;
    padding-top: .5em;
}

.box .article {
    border-top: 3px solid #FA8000;
    padding: 13px 10px 0 10px;
}

.article h2 {
    font-size: 2em;
    font-weight: normal;
    text-transform: none;
    color: #333;
    background: transparent;
    padding: 0;
    margin: 0;
    border: none;
}

.article h3 {
    margin-bottom: .2em;
    font-size: 1.6em;
}

.box .first {
    border-top: none;
}

.article h4 {
    font-size: 1.2em;
    margin-bottom: .5em;
}

.linka {
    color:#000;
	font-weight:bold;
	cursor:help;
}

.article a.image {
    float: left;
    margin: 3px 10px 3px 0;
    padding: 4px;
    border: 1px solid #bbb;
    background: #fff;
}

.article a.image:hover {
    border: 1px solid #666;
}

.article a.image img {
    float: left;
}

.article p.meta {
    color: #666;
    border-top: 1px dotted #999;
    border-bottom: 1px dotted #999;
    padding: .3em 0;
    margin-bottom: .8em;
}

/* site information
 ----------------------------------------------- */
#site_info .box {
    color: #fff;
    background: #666;
    margin-bottom: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

#Aciklama {
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-topleft: 10px;
}

/* AJAX sliding shelf
 ----------------------------------------------- */
#loading {
    float: right;
    margin-right: 14px;
    margin-top: -2px;
}

.block {
    padding-bottom: 1px;
}

/* Accordian
 ----------------------------------------------- */
.toggler {
    color: #222;
    margin: 0;
    padding: 2px 5px;
    background: #eee;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #f5f5f5;
    border-left: 1px solid #f5f5f5;
    font-size: 1.1em;
    font-weight: normal;
}

.element h4 {
    margin: 0;
    padding: 4px;
    line-height: 1.2em;
}

.element p {
    margin: 0;
    padding: 4px; 
}

.float-right {
    padding: 10px 20px;
    float: right;
}

#accordian-block {
    padding-bottom: 10px;
}