*{padding:0; margin:0;}
body, html{width:100%;  height:100%;}

/*DOSJOB 2011 CHAUMEKE*/

.sub-header {
    background: none repeat scroll 0 0 #222932;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: 'Raleway', sans-serif;
    font-size:17px;
    font-weight:300;
    margin: 5px 0 0;
    padding: 5px 0;
    width: 100%;
}

.sub-header span {
    display: block;
    float: left;
    margin-left: 15px;
}

.manage {
    display: block;
    float: left;
    margin: 5px 0 0;
    width: 100%;
}

.manage-button {
    background: none repeat scroll 0 0 #616161;
    border: 0 none;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 11px;
    height: 24px;
    line-height: 24px;
    margin: 0 10px 0 0;
    padding: 0 5px;
    width: 200px;
}

#shadow-table {
	box-shadow: 0 0 5px #A7A7A7;
    display: block;
    float: left;
    width: 100%;
}

#shadow-table .header {
    background: none repeat scroll 0 0 #222932;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: 'Raleway', sans-serif;
    font-size:25px;
    font-weight:300;
    padding: 5px 0;
    text-transform: uppercase;
    width: 100%;
}

#shadow-table  .header span {
    display: block;
    float: left;
    margin-left: 15px;
}

#shadow-table  .tbody {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    float: left;
    padding: 10px;
}

.input-row {
    display: block;
    float: left;
    margin: 5px 0;
    width: 100%;
}
.input-row label {
	float: left;
	display: block;
	width: 100%;
}

.input-row input {
	background: none repeat scroll 0 0 #616161;
    border: 0 none;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 11px;
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
    width: 200px;

}

div#main-table .gebruikersnaam {
    padding-left: 10px;
    width: 90%;
}

input[type="submit"]#add-gebruiker {
background: none repeat scroll 0 0 #626262;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: right;
    padding: 5px 10px;
    text-transform: lowercase;
    width: auto;
}

input[type="submit"]#add-gebruiker:hover {
     background: none repeat scroll 0 0 #A7BD78;
    color: #FFFFFF;
}

.form-item select {
    border: 1px solid #CCCCCC;
    color: #626262;
    display: block;
    float: left;
    font-size: 11px;
    height: 26px;
    padding: 4px 5px;
    width: 800px;
}

#form-item-deadline select {
    width: auto;
}

.form-item textarea {
    border: 1px solid #CCCCCC;
    color: #626262;
    display: block;
    float: left;
    font-size: 11px;
    height: 140px;
    padding: 4px 5px;
    resize: none;
    width: 800px;
}

#doc-upload {
    display: block;
    float: left;
    margin: 20px 0 0;
}

#doc-upload ul {
    display: block;
    float: left;
    margin: 2px 0;
    width: 100%;
}

#doc-upload ul.odd {
    background: none repeat scroll 0 0 #F5F5F5;
}

#doc-upload ul li {
    display: block;
    float: left;
    list-style: none outside none;
}

#doc-upload ul li.file {
    color: #626262;
    font-size: 14px;
    height: 18px;
    padding: 13px 0 0 3px;
    width: auto;
}

#doc-upload ul li.file a {
   color: #626262;
   float: left;
   display: block;
}

#doc-upload ul li.ext {
    height: 35px;
    text-indent: -9999px;
    width: 30px;
}

#doc-upload ul li.jpg {     background: url("../img/file-icons.png") no-repeat scroll -12px center transparent; }
#doc-upload ul li.png {     background: url("../img/file-icons.png") no-repeat scroll -44px center transparent; }
#doc-upload ul li.gif {     background: url("../img/file-icons.png") no-repeat scroll -44px center transparent; }
#doc-upload ul li.pdf {     background: url("../img/file-icons.png") no-repeat scroll -108px -7px transparent;  }
#doc-upload ul li.doc {     background: url("../img/file-icons.png") no-repeat scroll -12px -7px transparent;   }
#doc-upload ul li.docx {    background: url("../img/file-icons.png") no-repeat scroll -12px -7px transparent;   }
#doc-upload ul li.psd {     background: url("../img/file-icons.png") no-repeat scroll -74px -41px transparent;  }
#doc-upload ul li.css {     background: url("../img/file-icons.png") no-repeat scroll -74px -146px transparent; }
#doc-upload ul li.html {    background: url("../img/file-icons.png") no-repeat scroll -107px -146px transparent;}
#doc-upload ul li.mp3 {     background: url("../img/file-icons.png") no-repeat scroll -44px -113px transparent; }
#doc-upload ul li.ai {      background: url("../img/file-icons.png") no-repeat scroll -11px -43px transparent;  }
#doc-upload ul li.ppt {     background: url("../img/file-icons.png") no-repeat scroll -76px -7px transparent;   }
#doc-upload ul li.xls {     background: url("../img/file-icons.png") no-repeat scroll -44px -7px transparent;   }
#doc-upload ul li.csv {     background: url("../img/file-icons.png") no-repeat scroll -44px -7px transparent;   }
#doc-upload ul li.eps {     background: url("../img/file-icons.png") no-repeat scroll -44px -43px transparent;  }
#doc-upload ul li.fla {     background: url("../img/file-icons.png") no-repeat scroll -108px -77px transparent; }
#doc-upload ul li.zip {     background: url("../img/file-icons.png") no-repeat scroll -44px -147px transparent; }
#doc-upload ul li.rar {     background: url("../img/file-icons.png") no-repeat scroll -12px -146px transparent; }

#doc-upload ul li.edit {
    float: right;
}
#doc-upload ul li.edit a {
    background: url("../img/edit-delete-sprite.png") no-repeat scroll -36px 0 transparent;
    float: right;
    height: 18px;
    margin: 10px 10px 0 0;
    overflow: hidden;
    text-indent: -9999px;
    width: 18px;
}

.detail-page {
    float: left;
    display: block;
    width: 100%;
}

.detail-page h1 {
    color: #626262;
    display: block;
    float: left;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    width: 100%;
}

.detail-page p {
    color: #8A8B8C;
    font-size: 11px;
    float: left;
    display: block;
    width: 100%;
}

div#main-table .tbody .prioriteit {
    background: url("../img/status-icons.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 10px;
    margin: 8px 0 0 12px;
    text-indent: -999px;
    width: auto;
}

div#main-table .tbody .Hoog {
    background-position: 0 -99px;
}

div#main-table .tbody .Gewoon {
    background-position: 0 -66px;
}

div#main-table .tbody .Laag {
    background-position: 0 -33px;
}