* {
    padding: 0;
    margin: 0;
} 

body {
    background: #f7f7f7;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    padding: 0;
    margin: 0;
}

pre {
    font-family: Verdana, Arial, sans-serif;
    
}

.error{
    color: #FF0000;
}

img { border: none;}
a { color: #036DA7; text-decoration: none;}
a:hover { text-decoration: underline;}
a:visited { color: #036DA7; }
a:active {text-decoration: underline;}

.link{
    color: #036DA7; text-decoration: none;
    
    
}



#wrap {
    margin: 20px auto;
    padding: 10px;
    width: 960px;
    
    background: #fff;
    border: 1px solid #aaa;
}

#header{
    margin-top: 1px;
    height: 84px;
    width: 960px;
    font-family: "MS Serif", "New York", serif;
}
#headleft{
    width: 500px;
    height: 84px;
    background: #003366 url(../images/logo_i.jpg);
    float: left;
}
#headleftTr{
    width: 500px;
    height: 84px;
    background: #003366 url(../images/logo_t.jpg);
    float: left;
}
#headright{
    width: 460px;
    height: 84px;
    background: url(../images/tekrar_t.jpg) repeat-x;
    float: right;
}

#wrapPopUp {
    margin: 10px auto;
    padding: 5px;
    width: 800px;
    
    background: #fff;
    border: 1px solid #aaa;
}

#headerPopUp{
    margin-top: 1px;
    height: 84px;
    width: 800px;
    font-family: "MS Serif", "New York", serif;
}
#headleftPopUp{
    width: 500px;
    height: 84px;
    background: #003366 url(../images/logo_i.jpg);
    float: left;
}

#headleftPopUpTr{
    width: 500px;
    height: 84px;
    background: #003366 url(../images/logo_t.jpg);
    float: left;
}

#headrightPopUp{
    width: 300px;
    height: 84px;
    background: url(../images/tekrar_t.jpg) repeat-x;
    float: right;
}


#header #headright #logininfo{
    padding-top: 5px;
    font: bolder 11px 'Trebuchet MS', Arial, Sans-serif;
    text-decoration: none;
    text-align: right;
    
}
#header #headright #logininfo a{
    color: blue;
    text-decoration: none;
    font: 11px Verdana, Arial, sans-serif;
}
#header #headright #logininfo a:hover{
    color: blue;
    text-decoration: underline;
}
#header #headleft h1{
    padding: 20px 0 0 25px;
    font: bolder 18px 'Trebuchet MS', Arial, Sans-serif;
    color: White;
    text-align: left;
}
#header #headleft h2{
    /*padding: 32px 0 0 25px;*/
    color: #03477C; 
    font: bolder 13px 'Trebuchet MS', Arial, Sans-serif;
    text-decoration: none;
    text-align: left;
}

.longInput{
    width: 250px;
    
    
}

.middleInput{
    width: 120px;
    
}

.shortInput{
    width: 70px;
    
}

.inputtext{
    color: #003366;
    height: 20px;
    line-height: 20px;
    padding: 0 3px;
    background: url(../images/textboxbg.jpg) repeat-x;
    border: 1px solid #A4C9E0;
    float: right;
    margin-right: 3px;
}

.fieldset{
    width: 560px;
    padding: 5px;
}

.longFieldset{
    
    padding: 5px;
}

.legend{
    color: #003399;
}

.inputbutton{
    height: 20px;
    border: 0;
    padding: 0 2px;
    background: #034f8a url(../images/buttonbg.jpg) repeat-x;
    color: White;
    float: right;
    font-weight: bold;
    font-size: 10px;
}

#breadcrumbs {
    margin: 10px 0 10px 0; 
    background : #eee; 
    font-size: 12px;
    width: 960px;
}

#breadcrumbs_popUp {
    margin: 10px 0 10px 0;
    background : #eee;
    font-size: 12px;
    width: 700px;
}

#left {
    margin-top: 10px;
    width: 200px;
    float: left;
    background: #FFF;
    color: #666;
    text-align: center; 
    
} 
#left table{
    
}
#left td{
    padding-right: 4px; 
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px; 
    border: 1px solid White;
    text-align: right; 
    width: 150px;
} 

#left .box {
    background: #f7f7f7;
    margin-bottom: 10px;
    padding: 5px;
    color: #666;
}
#left h2 {
    font-size: 12px; 
    background: #424F6F;
    height: 16px;
    padding: 3px;
    color: #fff;
}


#content {
    margin-left: 220px;
    margin-right: 10px;
    text-align: left;
    color: #333;
    font-size: 12px;
}
#content h2 { color: #555; font-size: 16px;}

#content input { 
    font-family: Verdana, Tahoma, Arial;
    /* font: Tahoma, Verdana, Arial;*/
    font-size: 11px;
    background-color: #FFFFFF;
    text-align: left;
}

#wrap input { 
    font-family: Verdana, Tahoma, Arial;
    /* font: Tahoma, Verdana, Arial;*/
    font-size: 11px;
    background-color: #FFFFFF;
    text-align: left;
}


#welcomeText {
    font: bolder 12px 'Trebuchet MS', Arial, Sans-serif;
    margin-right: 100px;
    margin-top: 20px;
    margin-bottom: 20px;
   
    
}

#content #personel .prow2 { width: 15px;}
#content #personel .prow { width: 150px;}
#content #personel .prow1 { width: 15px;}

#content #personel .column1 { width: 70px;}
#content #personel .column2 { width: 100px;}
#content #personel .column3 { width: 120px;}

#footer {
    clear: both;
    color: #eee; 
    background: #eee url(../images/header.jpg); 
    text-align: left; 
    margin: 20px 0px 0px 0px; 
    padding-top: 5px;
    padding-bottom: 4px;     
    font-size: 10px;
    width:960px;
}

#footerPopUp {
    clear: both;
    color: #eee;
    background: #eee url(../images/header.jpg);
    text-align: left;
    margin: 20px 0px 0px 0px;
    padding-top: 5px;
    padding-bottom: 4px;
    font-size: 10px;
    width:800px;
}

#footer a { color : #ddd; text-decoration: none; }

#footerPopUp a { color : #ddd; text-decoration: none; }

#dashboard{
    height:10px;
    clear: both;
    color: #eee; 
    background: #eee url(../images/header.jpg) repeat-x;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size:9px;
    text-decoration: none;
    width:960px;
}

#dashboard a { color : #eee; text-decoration: none; }


table {
    margin: 5px; 
    border-collapse: collapse;
    font-size: 11px;
    /*border: 2px solid #EBEBEB;*/
}

th {
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 1px;
    padding-top: 1px;
    /*background: #3399CC;*/
    background: #427BA6 url(../images/navhead.jpg) repeat-x;
    color: White;
    height: 23px;
    text-align: left;
    border: 1px solid White;
    margin-bottom: 1px;
}



tr {
    height: 23px;
}
td {
    padding-right: 4px; 
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px; 
    border: 1px solid White;
    
}


tr.rowLight {
    background: #f1F1f1;
    text-align: center;
}
tr.rowDark {
    background: #CDD5E0;
    text-align: center;
}