﻿html, body, form { background-position: center top; background: #27aae0 url(Images/bg.jpg) repeat-x center top; margin-top: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border-spacing: 0px; height: 100%; min-height: 100%; margin-right: 0px; margin-left: 0px; color: #000000; }

#divLogo { width: 320px; height: 80px; position: absolute; margin-left: 175px; margin-top: 75px; }
#container-page { border: 1px solid #25AAE1; min-width: 950px; width: 950px; margin-left: auto; margin-right: auto; position: relative; min-height: 100%; height: auto !important; height: 100%; background-color: #FFFFFF; }
#container-head { background-image: url( 'Images/container-head.jpg' ); height: 203px; background-repeat: no-repeat; }
#container-content { padding-bottom: 35px; min-width: 950px; width: 950px;}
#container-foot { height: 30px; clear: both; min-width: 950px; width: 100%; position: absolute; bottom: 0 !important; bottom: -1px; text-align: center; color: #FFFFFF; padding-top: 10px; font-size: 12px; background-color: #D1DCE0; border-top-style: dotted; border-top-width: 1px; border-top-color: #CCCCCC; }
#container-foot a { color: #27313A; }

#container-left { float: left; width: 230px; background: #f7f7f2; border-right-style: solid; border-right-width: 1px; border-right-color: #E2E2E2; }
#container-body { padding: 10px; margin: 0px 0px 0px 230px;  overflow: hidden;}
#container-right { float: right; width: 230px; }


.Panel-Container { margin: 5px 5px 0px 5px; width: 220px; }
.Panel-Head { background-image: url(  'Images/panel-head.png' ); height: 34px; vertical-align: middle; line-height: 34px; color: #FFFFFF; font-weight: bold; font-size: 12px; background-color: #eaeff2; text-align: center; }
.Panel-Content { text-align: left; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; }
.Panel-Foot { border-width: 1px; border-color: #0099FF; height: 10px; line-height: 10px; vertical-align: top; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; margin-bottom: 5px; }

a, img { padding: 0; margin: 0; }
img { border: 0 none; }

a:link { color: #456; text-decoration: none; }
a:visited { color: #456; text-decoration: none; }
a:active { color: #404040; text-decoration: none; background-image: none; }
a:actived { color: #003366; text-decoration: none; text-align: justify; }
a:hover { color: #252F38; text-decoration: underline; }

.RootMenu {width: 948px; line-height: 28px; background-color: #C4E3F3; font-weight: bold; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #CCCCCC; }


/* Yatay Menü */
.HorizontalMenu { width: 100%; background-image: url( 'Images/Menu.gif' ); background-repeat: repeat-x; background-position: 35 0px; }
.HorizontalMenu ul { margin: 0; padding: 0; list-style-type: none; }

/*Top level list items*/
.HorizontalMenu ul li { z-index: 500; position: relative; display: inline; float: left; border-color: #ACBAC8; border-width: 1px; color: #FFFFFF; background-image: url(  'Images/Menu.gif' ); height: 35px; line-height: 35px; text-align: center; background-repeat: repeat-x; vertical-align: middle; }

/*Top level menu link items style*/
.HorizontalMenu ul li a { border-style: solid; border-width: 0px 1px 0px 0px; border-color: #ACBAC8; display: block; width: 100px; /*Width of top level menu link items*/ padding: 0px 8px 0px 8px; text-decoration: none; text-align: center; color: #456; font-weight: bold; font-size: 12px; }
.HorizontalMenu ul li a:visited { color: #333C40; }
.HorizontalMenu ul li a:hover { background-image: url( 'Images/Menu.gif' ); color: #333c40; background-repeat: repeat-x; text-decoration: none; background-position: 0 -35px; background-position: 0 -35px; }

/*1st sub level menu*/
.HorizontalMenu ul li ul { left: 0; position: absolute; top: 0; /* no need to change, as true value set by script */ display: block; visibility: hidden; }

/*Sub level menu list items (undo style from Top level List Items)*/
.HorizontalMenu ul li ul li { display: list-item; float: none; }

/*All subsequent sub menu levels offset after 1st level sub menu */
.HorizontalMenu ul li ul li ul { left: 159px; /* no need to change, as true value set by script */ top: 0; }

/* Sub level menu links style */
.HorizontalMenu ul li ul li a { border-style: solid; border-width: 0px 1px 0px 1px; border-color: #ACBAC8; display: block; width: 170px; /*width of sub menu levels*/ color: #333C40; text-align: left; text-decoration: none; padding: 0px 5px 0px 5px; }

.HorizontalMenu ul li ul li a:hover { background-image: url( 'Images/Menu.gif' ); color: #333c40; background-repeat: repeat-x; text-decoration: none; background-position: 0 -35px; }

/*Background image for top level menu list links */
.HorizontalMenu .mainfoldericon { background-image: url( 'Images/Menu.gif' ); color: #333c40; text-align: center; text-decoration: none; background-repeat: repeat-x; }

/*Background image for subsequent level menu list links */
.HorizontalMenu .subfoldericon { background-image: url( 'Images/Menu.gif' ); color: #333c40; text-align: left; text-decoration: none; background-repeat: repeat-x; }

* html p#iepara { /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/ padding-top: 1em; }


/* Dikey Menü */
.divVerticalMenu ul { margin: 0; padding: 0; list-style-type: none; width: 220px; }
.divVerticalMenu ul li { position: relative; }

/*Alt Menüler*/
.divVerticalMenu ul li ul { position: absolute; width: 220px; /*sub menu width*/ top: 0; visibility: hidden; }

/* Alt menü link stilleri */
.divVerticalMenu ul li a { padding: 6px 5px 7px 6px; height: auto !important; height: 1%; display: block; overflow: auto; /*force hasLayout in IE7 */ color: #000000; text-decoration: none; background-image: url(Images/VMenu.png); font-weight: bold; }

.divVerticalMenu ul li a:visited { color: #000000; }
.divVerticalMenu ul li a:hover { background: url(Images/VMenu.png) no-repeat; color: #000000; background-position: 0 -26px; }
.divVerticalMenu .subfolderstyle { background: url(Images/VMenu.png) no-repeat; background-position: 0px -52px; }
.divVerticalMenu .subfolderstyle:hover { background: url(Images/VMenu.png) no-repeat; color: #000000; background-position: 0 -78px; }


h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin: 0; padding: 0; }
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #2CABE2; }



hr { border: none; border-top: 1px solid #CCCCCC; height: 1px; margin-bottom: 35px; }

/* Vitrin */
.Showcase { width: 210px; height: 100%; margin-bottom: 10px; }
/* Vitrin */

.Button1 { border: 1px solid #3E4E5E; background-color: #ACBAC8; text-align: center; cursor: pointer; color: #456; font-weight: bold; vertical-align: middle; line-height: 15px; padding-top: 2px; padding-bottom: 2px; }
.Button1:hover { border: 1px solid #ACBAC8; background-color: #DCE2E9; text-align: center; cursor: pointer; color: #FFFFFF; font-weight: bold; }

.TextBox { background-color: #FFFFFF; border: 1px solid #808080; font-size: 11px; }
.TextBoxFocus { border: 1px solid #000000; background-color: #FFFFCC; font-size: 11px; }
.TextBox:hover { background-color: #FFFFCC; }

.BodyTitle { font-size: 16px; padding-top: 10px; padding-left: 10px; }

fieldset { margin-bottom: 10px; border: 1px #ccc solid; padding: 5px; text-align: left; }
fieldset p { margin: 10px 0px; }
legend { color: #0B55C4; font-size: 12px; font-weight: bold; }


#PRINT, #CLOSE { visibility: hidden; }
/* Tabs */
.Tabs { margin: 0; border: 0 none; padding: 0; list-style: none; height: 31px; }


.TabBody { width: 600px; border: 1px solid #808080; }
.Tab { background: url( 'Images/tab.png' ) no-repeat; width: 391px; height: 35px; color: #FF9900; font-weight: bold; text-align: center; cursor: pointer; }
.Tab:Hover { background: url( 'Images/tabHover.png' ) no-repeat; width: 391px; height: 35px; color: #FF9900; font-weight: bold; text-align: center; cursor: pointer; }
.TabActive { background: url( 'Images/tabActive.png' ) no-repeat; width: 391px; height: 35px; color: #FF9900; font-weight: bold; text-align: center; cursor: pointer; }


.BodyTitle { font-size: 13px; font-weight: bold; color: #003300; height: 20px; background-image: url( 'Images/Title.png' ); background-repeat: repeat-x; padding-left: 10px; }

.LoginHorizontal { width: 495; font-family: Arial; font-size: 11px; }
#divBody { border: 1px solid #C0C0C0; margin-top: 15px; padding: 10px; margin-left: 10px; margin-right: 10px; /*width: 97%;*/ }

.dvGroup { padding: 5px; border: 1px solid #7DB5DE; margin-bottom: 15px; background-image: url(   'Images/GrupBg.jpg' ); }

