/* FOR LIST VIEW */
body {
  margin: 0 auto;
}
#header {
  margin: 0 auto;
  position:relative;
  width: 960px;
  min-height:50px;
  z-index:500;
}

#wrapper {
  margin: 0 auto;
  position: relative;
  width: 960px;
}

/**--------------------------FORM CONTAINER DIV --------------------------------**/

#formContainer {
  margin: 0 auto;
  position: relative;
  width: 960px;
  min-height: 300px;
  background: #990000;
  padding-bottom: 40px;
  padding-top: 10px;

}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend
{
 /* margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  */
  border-top-width: 0px;
  border-right-width-value: 0px;
  border-bottom-width: 0px;
  border-left-width-value: 0px;
  border-top-style: none;
  border-right-style-value: none;
  border-bottom-style: none;
  border-left-style-value: none;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  outline-width: 0px;
  outline-style: none;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; /**/
}

.registration_form {
  z-index: 4;
  width: 45%;
  padding: 20px 14px 20px 14px;
  margin: 1em auto 0;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.8), 0px 0px 0px 1px rgba(0, 0, 0, 0.65), 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px -1px 0px rgba(0, 0, 0, 0.25) inset;
  background-color: #393939;
  border-bottom: 5px solid #d5d5d5;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
  background-clip: padding-box;
  overflow-x: hidden;
  overflow-y: hidden;
  font-family: "Gill Sans Light","GillSans-Light", "Gill Sans", sans-serif;
   font-size: 18px;
   font-weight: bold;
}

#logon_form label{
            display: block;
  font-family: "Gill Sans Light","GillSans-Light","Gill Sans",sans-serif;
  color: #FFFFFF;
}
#logon_form input{
     width:80%;
}



 /*
.registration_form {
    margin: 0 auto;
   width: 45%;
   padding: 20px 14px 20px 14px;
   font-family: century Gothic, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 20px;
   background: #FFF;
   margin: 1em auto 0;
   border-bottom: 1px solid #d5d5d5;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   color: #000;
}
 */
.o_form {
   margin: 0 auto;
   position:relative;
  left:10px;
  top:0px;
  height:auto;
   width:700px;
   padding: 20px 14px 20px 14px;
   font-family: "Gill Sans Light","GillSans-Light", "Gill Sans", sans-serif;
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 20px;
   /*background: #FFF;*/
   margin: 1em auto 0;
   border-bottom: 1px solid #d5d5d5;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   color: #000;
   color:#330000;
}
.flowcontrol{
    position:relative;
    left:20px;
}
.fieldcontainer1{
    float:left;
    min-width:300px;
    font-family: "Gill Sans Light","GillSans-Light", "Gill Sans", sans-serif;
    color:#330000;
}

.fieldcontainer2{
    float:left;
    min-width:200px;
    font-family: "Gill Sans Light","GillSans-Light", "Gill Sans", sans-serif;
    color:#330000;
}
.fieldcontainer2b{
    float:right;
    min-width:160px;
    font-family: "Gill Sans Light","GillSans-Light", "Gill Sans", sans-serif;
    color:#330000;
}
#joborder.fieldcontainer2{
    min-width:160px;
    font-family: "Gill Sans Light","GillSans-Light", "Gill Sans", sans-serif;
    color:#330000;
    /*position:relative;
    left:20px;*/

}
#joborder .fieldvalue{
    min-width:100px;
    margin-bottom: 10px;
}

.fieldcontainerr {
    float:left;
    min-width:600px;
}
.fieldcontainerr textarea {
   border: 3px solid #e3e3e3;
   color: #343434;
  /* cursor: pointer;*/
   width: 500px;
   font-family: "Gill Sans Light","GillSans-Light", "Gill Sans", sans-serif;
}

.fieldcontainerr1 textarea {
   border: 3px solid #e3e3e3;
   color: #343434;
  /* cursor: pointer;*/
   width: 570px;
   font-family: "Gill Sans Light","GillSans-Light", "Gill Sans", sans-serif;
}

legend{
    color:#000099;
}
label {
  display: block;
  font-family: "Gill Sans Light","GillSans-Light", "Gill Sans", sans-serif;
  font-size: 130%;
  /*color:#330000; */
  color: #FFFFFF;
  font-weight: 700;
}


#formContainer h2 {
  margin-left: 360px;
  margin-top: 20px;
  color: #FFF;
  font-family: "Gill Sans Light","GillSans-Light", "Gill Sans", sans-serif;
  font-size: 25px;

}


form li {
  list-style: none;
  padding-left: 60px;
  padding-bottom: 10px;
}

#o_form form li {
  list-style: none;
  padding-left: 5px;
  padding-bottom: 10px;
}
.registration_form form input[type=text] {
   width: 200px;
   font-family: "Gill Sans Light","GillSans-Light", "Gill Sans", sans-serif;
   font-size: 12px;
   color: #343434;
}

.registration_form form input[type=password] {
   width: 200px;
   font-family: "Gill Sans Light","GillSans-Light", "Gill Sans", sans-serif;
   font-size: 12px;
   color: #343434;
}

input[type=submit] {
   border: 3px solid #e3e3e3;
   color: #343434;
   padding: .5em;
   cursor: pointer;
   width: 100px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}

input[type=text] {
   border: 3px solid #e3e3e3;
   width:150px;
   padding-top: 2px;
  padding-right: 3px;
}

 input .shortinputs {
    width:300px;
    padding-right: 3px;
}

input[type=checkbox] {
   border: 3px solid #e3e3e3;
}

option{
    text-transform:capitalize;
}

select {
   border: 3px solid #e3e3e3;
   color: #343434;
   width: 150px;
   /*height:25px; */
}
.folderselect{
    width: 130px;
}

textarea {
   border: 3px solid #e3e3e3;
   color: #343434;
  /* cursor: pointer;*/
   width: 200px;
}
textarea.small {
    width: 150px;
}

input[type=submit]:hover {
   background: #e3e3e3;
}

.fieldvalue{
    margin-bottom:10px;
    font-size:10px;
}
.longfieldvalue{
    margin-bottom:10px;
    width:600px;
}
div.longfieldvalue input.summary{
    width:500px;
}

#label_spec{
    background-color:#E2EFF5;
    text-decoration:blink;
}


.form_small_center {
   margin: 0 auto;
   width: 65%;
   padding: 20px 14px 20px 14px;
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 20px;
   margin: 1em auto 0;
   border: 5px solid #d5d5d5;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   color: #000;
   background-color:#C3C3C3;
}
.form_big_center {
   margin: 0 auto;
   width: 90%;
   padding: 20px 14px 20px 14px;
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 20px;
   margin: 1em auto 0;
   border: 5px solid #d5d5d5;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   color: #000;
   background-color:#C3C3C3;
}

.form_bigger_center {
   margin: 0 auto;
   width: 90%;
   padding: 20px 10px 20px 10px;
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 20px;
   margin: 1em auto 0;
   border: 5px solid #d5d5d5;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   color: #000;
   background-color:#C3C3C3;
}

form div.form_big_center ul li {
  list-style: none;
  padding-left: 30px;
  padding-bottom: 10px;
}

form div.form_bigger_center ul li {
  list-style: none;
  padding-left: 5px;
  padding-bottom: 10px;
}

.capshow {
    font-size:18px;
    color:#428EFF;
    font-weight:bold;
}
.pagetitle {
  font-size:24px;
  /*color: #000099;*/
  color:#000033;
  font-weight:bold;
  height: auto;
}
.pagetitle2 {
  font-size:20px;
  color: #000099;
  font-weight:bold;
  height: auto;
}
.pageactivate {
    margin-bottom:10px;
    padding-bottom:10px;
    color:#FF0000;
    font-size:18px;

}
.pagemsg {
  font-size: 20px;
  color:#000033;
  height: auto;
  font-style:italic;

}
.userdet {
    font-size: 20px;
    text-align:center;
    vertical-align: super;
             
}
.userdet2 {
    font-size: 20px;
    text-align:center;
    vertical-align: super;
             
}
#header{
    position: relative;
    top:2px;
}
#center_pager {
 /*  margin: 0 auto;*/
  position: relative;
  width: 710px;
  min-height: 700px;
  background: #cfcfcf;
  padding-bottom: 40px;
  padding-top: 10px;
  border-style: groove;border-width: thick;
  font-weight:bold;
  overflow:scroll;
    

 /*          position: relative;
           left: 20px;
           top: 0px;
           min-height:598px;
           width:690px;
           background: #cfcfcf;
           border-style: groove;border-width: thick;
           color: #000000;
           font-weight:bold;
           overflow:scroll;
           z-index:-1;*/
}
/*
#center_pager ul{
  width:00px;
  height:auto;
} */ 

#danger {
    position:relative;
    color:#FF0000;
    font-size:36px;
    background-color:#000000;
    text-decoration:blink;
    left:100px;
    top:200px;
    width:500px;
    height:200px;
}

#center_on1 {
  position:relative;
  left:0px;
  top:0px;
  width:600px;
  height:auto;
  text-align:center;
}
#center_on2 {
  position:relative;
  left:20px;
  top:0px;
  width:700px;
  height:auto;
  /*height:120px;*/
}

#check_user {
    position:relative;
    width:150px;
    height:20px;
    left:80px;
    font-size:20px;
}
#mainbody {
    position:relative;
    left:0px;
    top:0px;
    width: auto;
    height:auto;
    /*background-color:#CCCCCC;*/
    background-color: #FFFFFF;
    z-index:1;
}
#menu {
    position:absolute;
    left:-5px;
    top:-5px;
    width:240px;
    height:auto;
    z-index:3;
    background-color: #FFFFFF;
}

#menuframe {
    max-height:10000px;
    min-height:800px;
    /*height:1000px;*/

}

#appl_body {
    position:relative;
    left:241px;
    top:0px;
    width:600px;
    height:auto;
    vertical-align:middle;
    background-color:#FCFCFE;
    z-index:1;
}
table .table tbody tr td img{
    width:30px;
}
table .table tbody tr td{
    width:30px;
    white-space:normal;
    word-wrap:break-word;
    text-wrap:normal;
}


#check_user{
    font-size:16px;
}
.board {
    display:block;
    position:relative;
    width:650px;
    left:10px;
    list-style-type:none;
}
.boarditem {
    position:relative;
    float: left;
    width:620px;
    list-style-type:none;
    margin-bottom:5px;
    padding-bottom:5px;
}
.boarditem  li{
    position:relative;
    display:block;
    width:80px;
    float: left;
    list-style-type:none;
}
.board li.title {
    position: relative;
    float:left;
    width:450px;
    color:#FF0000;
    text-align:left;
}
.boarditem  li.date{
    position:relative;
    display:block;
    width:120px;
    float: left;
}
.boarditem  li.del{
    position:relative;
    display:block;
    width:40px;
    float: left;
}
.boarditem  li span a{
    color:#000000;
    text-decoration:none;
}

.boarditem  li span a:hover{
    color:#000066;
    text-decoration:underline;
}

.dateformat {
    font-size: 18px;
    color: #0000FF;
    font-weight: bold;
}
.naira{
    font-size:20px;
    font-variant:normal;
}

.fieldli{
  position:relative;
  width:200px;
  float:left;
  list-style-type:none;
  display:inline;
  font-weight:200;
}

.pagetop{
    position:relative;
    left:20%;
    top:0px;
    margin: 0;
    padding: 0;
    border: 0;
}