/* sideNav ---------------------------------------- */
#sideNav {
    width: 970px;
    padding: 0;
    margin: 0;
    /* We used a background image making the thick border and the thin one to keep the html structure simple */
}

#sideNav li {
    float: left;
    margin:7px 10px 0px 0px ;
    padding:0px 0px 0px 3px;
    background: url(../img/arrow_b.gif) no-repeat left;
}
#sideNav li.head {
    color: #FFFFFF;
    float: left;
    height: 18px;
    width:80px;
    margin:3px 0px 0px 0px ;
    padding:7px 0px 0px 15px;
    text-align: left;
    background: url(../img/menu_head.gif) no-repeat ;
}
#sideNav li.circle {
    float: left;
    margin:7px 10px 0px 0px ;
    padding:0px 0px 0px 3px;
    background: url(../img/circle_r.png) no-repeat left;
}
/* ---------------------------------------------------------------------------- */
#sideNav li a {
    line-height: 1.4em;
    text-decoration: none;
    color: #646464;
    padding: 2px 10px 0;
}
#sideNav li.head a {
    color: #000;
    float: left;
    height: 25px;
    width:80px;
    margin:5px 0px 0px 0px;
    padding:4px 0px 0px 5px;
    background: url(../img/menu_head.gif) no-repeat ;
}
#sideNav li.logout {
    float: right;
    border-right: none;
}

#sideNav li a:hover {
    color:#333;
}

#sideNav li a.active, #sideNav li a.active {
    color:#FF0000;
}

/* Container ---------------------------------------- */

#containerHolder {
    clear:both;
    margin:5px 0px 0px 0px;
    background-color:#FFF;
}


#container {
    background:none;
    border: 1px 0px 1px 0px solid #ddd;
}

/* Breadcrumb ---------------------------------------- */

h2 {
    float:none;
    text-indent:10px;
    width:100%;

}

/* Content ---------------------------------------- */

#main {
    margin:0 10px;
    float:none;
    padding:0;
}

#main fieldset {
    padding:10px;
    margin-bottom:20px;
}

#main fieldset p {
    margin: 0 0 3px;
    line-height:1.5em;
}

#main fieldset label {
    float:none;
}

#main fieldset .text-long {
    border:none;
    margin: 0 5px 0 0;
}

#main fieldset .text-medium {
    margin: 0 5px 0 0;
}

#main fieldset .text-small {
    border:none;
    width: 50px;
    margin: 0 5px 0 0;
}

#main fieldset input {
    margin-top:12px;
}

/* Content table---------------------------------- */
#main table#result{
    border-top: 1px solid #ddd;
}

#main table#result2{
    border-top: 1px solid #ddd;
    width: 600px;
    margin-top:20px;
}

#main table#result2 th{
    background: #5A5A5A;
    color: #ffffff;
    padding: 0 0 0 0;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ccc;
}

#main table#result2 th.action{
    background: #5A5A5A;
    color: #ffffff;
    padding: 0 0 0 0;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ddd;
}

#main table#result2 tr td {
    background: #f6f6f6;
    padding: 0px 10px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #ddd;
}

#main table#result2 tr.odd td {
    background: #fbfbfb;
}

#main table#result2 tr:hover td { background: #fdfcf6; }

#main table#result2 .action {
    text-align: center;
}
#main table#result2 tr .action a { margin: 0 0 0 0; text-decoration: none; color: #9b9b9b; }
#main table#result2 tr:hover .action .edit { color: #c5a059; }
#main table#result2 tr:hover .action .delete { color: #a02b2b; }
#main table#result2 tr:hover .action .view { color: #55a34a; }

#main table#result2 tr:hover .action a:hover { text-decoration: underline; }

/* Content table---------------------------------- */
#main table#result3{
    border-top: 1px solid #ddd;
    width: 900px;
}

#main table#result3 th{
    background: #dcdcdc;
    padding: 0 0 0 0;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ccc;
}

#main table#result3 th.action{
    background: #ccccff;
    padding: 0 0 0 0;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ddd;
}

#main table#result3 tr td {
    background: #f6f6f6;
    padding: 0px 3px;
    border: 1px solid #ddd;
    height:2em;
    line-height:2em;
}

#main table#result3 tr td.odd {
    background-color: #ddd;
}

#main table#result3 tr:hover td { background: #fdfcf6; }

#main table#result3 .action {
    text-align: center;
}


#main table#result3 tr .action a { margin: 0 0 0 0; text-decoration: none; color: #9b9b9b; }
#main table#result3 tr:hover .action .edit { color: #c5a059; }
#main table#result3 tr:hover .action .delete { color: #a02b2b; }
#main table#result3 tr:hover .action .view { color: #55a34a; }

#main table#result3 tr:hover .action a:hover { text-decoration: underline; }


#main p {
    color: #646464;
    margin: 8px;
}

#main p.alert {
    color: #ff0000;
    font-weight: bold;
    margin: 8px;
}

/* result edit------------------------------------------------*/

.title {
    font-weight:bold;
    margin: 0 50px 0 50px;
}

p.alert {
    color: #ff0000;
    font-weight: bold;
    margin: 8px;
}

p.section {
    color: #cc6600;
    font-weight: bold;
    margin: 8px;
}

hr.style1 {
    margin: 1em 0 1em;
    height: 4px;
    border: #f00 2px solid;
}

dl.stepLink dt a.indexbutton {
    display:block;
    width:160px;
    background:inherit;
    text-align:left;
    border:none;
    font-weight:bold;
    font-size:14px;
    line-height:42px;
    background:url(../img/centerStepTitle.png) repeat-x;
    color:#FFF;
    text-align:center;
    text-decoration:none;
}

dl.stepLink dt span.lBg {
    width:180px;
    display:block;
    height:42px;
    background:url(../img/leftStepTitle.png) no-repeat;
    padding-left:20px;
}

dl.stepLink dt span.rBg {
    display:block;
    height:42px;
    background:url(../img/rightStepTitle.png) no-repeat top right;
}

dl.stepLink dd {
    line-height:32px;
    text-indent:30px;
    background:url(../img/stepArrow.png) no-repeat 20px 0;
    padding-left:30px;
    margin:10px 0 20px;
    color:#000;
}

div.picture_area table {
    margin-right:10px;
    float:left;
}

div.picture_area ul{
    margin:10px;
    line-height:1.5em;
}

div.sample_picture img {
    border:1px #666 solid;
}


div.sample_picture {
    margin:10px;
    margin-left:520px;
    padding:10px;
    border:1px #CCC solid;
    /*width:380px;*/
    width:370px;
    background-color:#FFF;
}
.Border_Braun{
    width:500px;
    padding:5px;
    background:none;
    border: 1px solid #999;
}

/* Content table---------------------------------- */
#main table#result30{
    border-top: 1px solid #ddd;
    width: 500px;
    margin-top:20px;
}

#main table#result30 th{
    background: #dcdcdc;
    padding: 0 0 0 0;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ccc;
}

#main table#result30 th.action{
    background: #ccccff;
    padding: 0 0 0 0;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ddd;
}

#main table#result30 tr td {
    background: #f6f6f6;
    padding: 0px 10px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #ddd;
}

#main table#result30 tr.odd td {
    background: #fbfbfb;
}

#main table#result30 tr:hover td { background: #fdfcf6; }

#main table#result30 .action {
    text-align: center;
}
#main table#result30 tr .action a { margin: 0 0 0 0; text-decoration: none; color: #9b9b9b; }
#main table#result30 tr:hover .action .edit { color: #c5a059; }
#main table#result30 tr:hover .action .delete { color: #a02b2b; }
#main table#result30 tr:hover .action .view { color: #55a34a; }

#main table#result30 tr:hover .action a:hover { text-decoration: underline; }