html, body, form
{
    background-position: center top;
    background: #349CCC url(Images/bg.jpg) no-repeat;
    margin-top: 0px;
    font-family: Arial;
    font-size: 11px;
    border-spacing: 0px;
    height: 100%;
    min-height: 100%;
    margin-right: 0px;
    margin-left: 0px;
    color: #06384F;
}

#divLogo { background-image: url('Images/Logo.png'); width: 320px; height: 80px; }
#container-page { min-width: 1024px; width: 1024px; margin-left: auto; margin-right: auto; position: relative; min-height: 100%; height: auto !important; height: 100%; float:left; }
#container-head { height: 220px; }
#container-left
{
   
    background-position: center top;
    float: left;
    height: 800px;
    width: 204px;
    background-image: url('Images/SolBg.png' );
    background-repeat: no-repeat;
}
	

#TopPanelTitle{ color:#000000; margin-left:15px; font-size:12px;}	
#container-body {  float:left; margin: 0px; height: 100%; width: 630px;  }
#container-right
{
    float: right;
    width: 160px;
    margin: 5px 5px 5px 2px;
    height: 100%;
}

#containerbody-content
{
    margin-top:0px;
    background-image: url('Images/Orta_Orta.png');
    height: 100%;    
   
}

#containerbody-head
{
    background-image:url('Images/Orta_Ust.png');
    margin-bottom:0px;
    }
    #containerbody-bottom
    {
        margin-top:0px;
        background-image:url('Images/Orta_Alt.png');
        margin-bottom:60px;
        
        }
        
.dlBox
{
     background-image:url('Images/HaberBigBox.jpg');
     background-repeat:no-repeat;
     width:100%;
     height:250px;
     margin-left:10px;
    }
.TableBox
{   
    
       margin-top:40px;
      color:#000000;
 font-weight:bold;
     
    }
    #divContent
{
    margin-top: -11px;
    margin-bottom: -11px;
 
    
}

#container-content  
{  
    overflow: hidden; height: 100%; padding-bottom: 35px; height:auto !important;   }



#container-foot a { color: #000000;  margin-top:100px; width:250px;}




.Panel-Container
{
    margin: 5px 5px 0px 0px;
    width: 145px;
}
.Panel-Head
{
    width:145px;
    background-image: url('Images/MenuTitle1.png');
    height: 24px;
    vertical-align: middle;
    line-height: 24px;
    color: #000000;
    font-weight: bold;
    font-size: 12px;
    text-indent: 40px;
    background-repeat: no-repeat;
}
.Login-Content { color:#000000; text-align: left; padding-left: 10px; padding-top:5px; margin-top:0px;   background-image:url('Images/MenuBg.png'); width:130px; margin-bottom:15px; }
.Announce-Content { color:#000000; text-align: left; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; width:130px; background-color:#FFFFFF; height:300px; }
.Panel-Content { color:#000000; text-align: left; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; width:130px;  }
.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: #000000; text-decoration: none; }
a:visited { color: #4D4D4D; text-decoration: none; }
a:active { color: #4D4D4D; text-decoration: none; background-image: none; }
a:actived { color: #4D4D4D; text-decoration: none; text-align: justify; }
a:hover { color: #ED1C24; text-decoration: underline; }

.RootMenu { line-height: 30px; font-weight: bold; }


/* Yatay Menü */
.HorizontalMenu { width: 100%; background-image: url('Images/Menu.png'); 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: #666666; border-width: 1px; color: #FFFFFF; background-image: url('Images/Menu.png'); 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: #666666; display: block; width: 100px; /*Width of top level menu link items*/ padding: 0px 8px 0px 8px; text-decoration: none; text-align: center; color: #FFFFFF; font-weight: bold; font-size: 12px; }
.HorizontalMenu ul li a:visited { color: #FFFFFF; }
.HorizontalMenu ul li a:hover { background-image: url('Images/Menu.png'); color: #FFFFFF; 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: #666666; display: block; width: 170px; /*width of sub menu levels*/ color: #FFFFFF; text-align: left; text-decoration: none; padding: 0px 5px 0px 5px; }

.HorizontalMenu ul li ul li a:hover { background-image: url('Images/Menu.png'); color: #FFFFFF; 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.png'); color: #FFFFFF; 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.png'); color: #FFFFFF; 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{ background-image:url('Images/LeftMenu.png'); width: 184px; margin-left:10px; padding-top:10px; background-repeat:no-repeat;}
.divVerticalMenu ul { margin: 0; padding: 0; list-style-type: none; width: 165px; }
.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: 5px 5px 6px 25px;
    height: auto !important;
    height: 1%;
    display: block;
    overflow: auto; /*force hasLayout in IE7 */
    color: #04293B;
    text-decoration: none;
    font-weight: bold;
}

.divVerticalMenu ul li a:visited { color: #04293B; }
.divVerticalMenu ul li a:hover {  color: #0B709F;  }


h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin: 0; padding: 0; }

hr { border: none; border-top: 1px solid #CCCCCC; height: 1px; margin-bottom: 35px; }

/* Vitrin */
.Showcase { width: 210px; height: 100%; }
/* Vitrin */

.Button1 { border: 1px solid #45a4d0; background-color: #45a4d0; text-align: center; cursor: pointer; color: #FFFFFF; font-weight: bold; vertical-align: middle; line-height: 15px; padding-top: 2px; padding-bottom: 2px; }
.Button1:hover { border: 1px dotted #aad9ed; background-color: #aad9ed; 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; }






#Yuzme
{
    background-image: url(  'Images/01YuzmeBox.jpg' );
    height:187px;
    width:295px;
    float:left;
    margin-left:10px;
    }
  #Masterlar
{
    
    background-image: url(  'Images/03MasterlerBox.jpg' );
    height:187px;
    width:295px;
    float:left;
    margin-left:10px;
    } 
      
 #Atlama
{
    background-image: url(  'Images/05AtlamaBox.jpg' );
    height:187px;
    width:295px;
    float:left;
    margin-left:10px;
    }   
    
    #Senkronize
{
    background-image: url(  'Images/02SenkronizeBox.jpg' ) ; 
    height:187px;
    width:295px;
    float:right;
    margin-left:5px;
    }
    
        #AcikSu
{
    background-image: url(  'Images/04AcikSuBox.jpg' ) ; 
    height:187px;
    width:295px;
    float:right;
    margin-left:5px;
    }
            #Haberler
{
    background-image: url(  'Images/06HaberlerBox.jpg' ) ; 
    height:187px;
    width:295px;
    float:right;
    margin-left:5px;
    }
#container-foot
{
    background-image: url(  'Images/FooterBg.png' );
	height: 100px;
	margin-top:50px;
	clear: both;
	min-width: 1024px;
	width: 100%;
	position: relative;
	bottom: 0 !important;
	bottom: -1px;
	text-align: center;
	color: #3C3728;
	padding-top: 10px;
	font-size: 12px;
	background-repeat: no-repeat;
	
    
}

/*beycon theme*/
.divBody { padding: 10px; border: 1px solid #C0C0C0; margin-top: 15px; margin-left: 10px; margin-right: 10px; overflow: hidden; width: 600px;  color:#000000; }
.divBlog{ margin-top:5px;}

.btnNew
{
    border: 1px solid #EBEBEB;
    background-image: url('Images/New.png');
    background-repeat: no-repeat;
    background-position: center top;
    width: 80px;
    height: 48px;
    vertical-align: text-bottom;
    padding-top: 32px;
    background-color: #CCFFFF;
    font-size: 11px;
}
.btnNew:hover { border: 1px solid #C0C0C0; background-color: #F5F5F5; }

.btnDelete { border: 1px solid #EBEBEB; background-image: url('Images/Delete.png'); background-repeat: no-repeat; background-position: center top; width: 80px; height: 48px; vertical-align: text-bottom; padding-top: 32px; background-color: #CCFFFF; font-size: 11px; }
.btnDelete:hover { border: 1px solid #C0C0C0; background-color: #F5F5F5; }

.btnEdit { border: 1px solid #EBEBEB; background-image: url('Images/Edit.png'); background-repeat: no-repeat; background-position: center top; width: 80px; height: 48px; vertical-align: text-bottom; padding-top: 32px; background-color:#CCFFFF; font-size: 11px; }
.btnEdit:hover { border: 1px solid #C0C0C0; background-color: #F5F5F5; }

.btnSave { border: 1px solid #EBEBEB; background-image: url('Images/Save.png'); background-repeat: no-repeat; background-position: center top; width: 80px; height: 48px; vertical-align: text-bottom; padding-top: 32px; background-color: #CCFFFF; font-size: 11px; }
.btnSave:hover { border: 1px solid #C0C0C0; background-color: #F5F5F5; }

.btnClose { border: 1px solid #EBEBEB; background-image: url('Images/Close.png'); background-repeat: no-repeat; background-position: center top; width: 80px; height: 48px; vertical-align: text-bottom; padding-top: 32px; background-color: #CCFFFF; font-size: 11px; }
.btnClose:hover { border: 1px solid #C0C0C0; background-color: #F5F5F5;  }

.btnBin { border: 1px solid #EBEBEB; background-image: url('Images/Bin.png'); background-repeat: no-repeat; background-position: center top; width: 80px; height: 48px; vertical-align: text-bottom; padding-top: 32px; background-color: #CCFFFF; font-size: 11px; }
.btnBin:hover { border: 1px solid #C0C0C0; background-color: #F5F5F5; }

#TopPanelTitle1 { float: left; font-size: 16px; color: #0b55ce; padding-left: 5px; }
#TopPanelButtons { float: right; padding-right: 10px;  }
fieldset
{
    margin-bottom: 10px;
    border: 1px #ccc solid;
    text-align: left;
    width: 300px;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
}
fieldset p { margin: 10px 0px; }
legend { color: #0B55C4; font-size: 12px; font-weight: bold; }
/*beycon theme*/

.dtlArticle
{ 
    
    border-bottom-style: dotted; border-bottom-width: thin; border-bottom-color: #000000; }

/*dffsdfgdgfdg*/
.about-table
{
	background-position: left top;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	border: 1px solid #1667B7;
	font-family: "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000;
	background: #bee4f7 url("Images/widget-table-bg.jpg") repeat-x left top;
}

.about-table caption
{
	caption-side: bottom;
	font-size: 0.9em;
	font-style: italic;
	text-align: right;
	padding: 0.5em 0;
}

.about-table th, .about-table td
{
	border: 1px dotted #1667B7;
	padding: 0.5em;
	text-align: left;
	color: #2A4763;
}

.about-table th[scope=col]
{
	color: #7A8A99;
	background-color: #8fadcc;
	text-transform: uppercase;
	font-size: 0.9em;
	border-bottom: 2px solid #333;
	border-right: 2px solid #333;
	border-right-color: #1A78D7;
	border-bottom-color: #1A78D7;
}

.about-table th + th[scope=col]
{
	color: #fff;
	background-color: #7d98b3;
	border-right: 1px dotted #666;
	border-right-color: #1667B7;
}

.about-table th[scope=row]
{
	background-color: #6ba8c6;
	border-right: 2px solid #333;
	border-right-color: #1667B7;
}

.about-table tr.alt th, .about-table tr.alt td
{
	color: #2a4763;
}

.about-table tr:hover th[scope=row], .about-table tr:hover td
{
	background-color: #348DBA;
	color: #fff;
}
/*dsfddfd*/