/* Example 26-13: styles.css */

* {
    font-family:verdana,sans-serif;
    font-size  :14pt;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
 
}

@font-face {
    font-family: "OpsisFuturaLt";
    src: url(FuturaLight.ttf) format("truetype");
}

@font-face {
    font-family: "OpsisFuturaMd";
    src: url(Futura-Medium.ttf) format("truetype");
}

.loginpg {
  background-image: url("opsisbk-rep.jpg");
  background-repeat: repeat-y|repeat-x;    
  width     :700px;
  margin    :20px auto;

  border    :0px
}

#adminbase {
    background:#5a5a5a   
}

#tablediveback {
  position:  absolute;
  left: 0px;
  top: 60px;
  bottom: 0px;
  right:  350px;
  overflow-y: auto;
}

body {
  margin:0;  

}

body#tablebase {
    background:#5a5a5a;
    overflow: hidden;        
}


li a, .button {
  text-decoration:none;
}

li a:hover, .button:hover {
  color:green;
}

.searchinfo {
    font-family:helvetica;
    font-size  :10pt;   
    color :#ffffff;  
    padding-left: 20px;  
}

.header{
   background: linear-gradient(#5a5a5a, #a6a6a6, #313030); 
   width:  100%;
   height:  60px;
   position: relative;
}

.headertxt {
   font-family:helvetica;
   font-size  :18pt;   
   position: absolute;              
   top: 50%;
   right:  0%;                         
   transform: translate(-20px, -50%);
   color :#ffffff; 
}

.headertxtwithadmin {
   font-family:helvetica;
   font-size  :18pt;   
   position: absolute;              
   top: 50%;
   right:  0%;                         
   transform: translate(-20px, -40%);
   color :#ffffff; 
}

.jobtxt {
   font-family:helvetica;
   font-size  :18pt;   
   position: absolute;              
   top: 50%;
   left:  30%;                         
   color :#ffffff; 
}

.search {
   position: absolute; 
   top: 50%;
   left:  0%;                         
   transform: translate(20px, -50%);   
}
.searchinput {
    border:  0px;
    border-radius: 15px;
    padding-left: 10px;
    padding-right: 10px;
}

.searchbutton {
    border-radius: 15px;
    border:  0px;
}

.editbutton {
    border-radius: 15px;
    border:  0px;   
    padding-left: 15px;
    padding-right: 15px;    
    -webkit-appearance: none;
}

.nolink {
    text-decoration: none;
    color: #313030;
}

.usertxt {
    padding-right: 20px;
    font-size  :16pt;   

}
.adminbutton {
    border-radius: 15px;
    border:  0px;    
}

    
.sidebar {
  position: fixed;
  background-color: #313030;
  bottom: 0px;
  right:  0px;
  top:  60px;
  float: right;
  width: 350px;
  padding-top: 15px; /* extra space padding */
  padding-left: 10px; /* extra space padding */
  color :#a6a6a6;
}

.imgpic {
   border-radius: 15px;  
   padding-bottom: 6px; 
}

.imgitem {
  width:220px;
  height:240px;
  background:#000000;
  padding-top: 10px;
  border-radius: 25px;
}

.imgitem:hover { 
     background: #971900;
 } 

.imgitemtxt {
  color :#d6d6d6; 
  font-family:helvetica;
  font-size  :12pt;
}
.imgsegment {
    padding: 15px; 
}
.appname {
  text-align :center;
  background :#eb8;
  color      :#40d;
  font-family:futura;
  font-size  :30pt;
  padding    :4px;
}

.fieldname {
  font-family:OpsisFuturaLt;
  font-size  :22pt;    
  width:120px;
  color :#616262; 
  padding-right: 20px;
  
}

.fielddata {
    border-style: solid;
    border-color: #ff931e;
}

.loginbutton {
  font-family:OpsisFuturaLt;
  font-size  :18pt;        
}

.main {
  margin-left:40px;
  color      :#d6d6d6;
}

.logon {
  width     :500px;   
}

.banner {
    text-align :center;  
    color      :#616262;  
}

.info {
  background :lightgreen;
  color      :blue;
	border     :1px solid green;
	padding    :5px 10px;
  margin-left:40px;
}

.menu li, .button {
  display           :inline;
  padding           :4px 6px;
  border            :1px solid #777;
  background        :#ddd;
	color             :#d04;
  margin-right      :8px;
	border-radius     :5px;
	-moz-box-shadow   :2px 2px 2px #888;
	-webkit-box-shadow:2px 2px 2px #888;
	box-shadow        :2px 2px 2px #888;
}

.subhead {
  font-weight:bold;
}

.taken, .error {
  color:red;
}

.available {
  color:green;
}

.whisper {
  font-style:italic;
  color     :#006600;
}

#logo {
  font-family:Georgia;
  font-weight:bold;
  font-style:italic;
  font-size :97px;
}

.viewhtml {
    background:#000000;
}
.embedhtml {
   background-color: transparent;
}

.showpagecontainer {
    margin  :20px;    
}

.embedpagecontainer {
    margin  :0px;  
    border: 0px;  
}


.error {
   text-align :center;  
    color      :#d60000;  
}

.sidebarjobdata {
    
    margin-left:15px;
}
.jobline{
    padding-top: 10px;
    color   :#a6a6a6;
    font-size  :12pt;
}

.jobdata {
    padding-top: 10px;
    color   :#ffffff;
    font-size  :12pt;
}
.linkdata {
    font-size  :12pt; 

}

.linkline {
    padding-top: 10px;
    padding-left: 4px;
    color   :#a6a6a6;
    font-size  :12pt;
   
}

#toolbar {
    background-color:#000000; 
    outline:1pt solid #555555;  
}

.adminitemtitle {
    font-family:helvetica;
    font-size  :12pt;   
    color   :#ffffff;
    padding-left:  40px;
}

.adminitem {
    font-family:helvetica;
    font-size  :12pt;   
    margin-left:  20px; 
}

#adminitemlocked, #newuserid {
    color: #bbbbbb;
}

.adminitemindex {
    color:#ffffff;
    font-family:helvetica;
    font-size  :12pt;   
    padding-left:  20px; 
}

.membersliststart {
   padding-top:  15px;   
}

.memberslist {
    color   :#ffffff;
    font-family:helvetica;
    font-size  :18pt; 
    padding-left:  40px;     
}

.itemrow {
    background-color:#6a6a6a; 
}

.itemrowalt {
    background-color:#4a4a4a; 
}

.itemrowindex {
    background-color:#000000; 
}
.previewsurround {
    padding-top:  20px;
  
}
.preview {
    background-color: #000000;
    padding-top:  5px;
    width     :210px;
    height    :210px;
}
#previmage {
    background-color: #808080;
     width     :200px;
     height    :200px;
     border: none;
     content: '';
     outline: none;
     
}

#prevtag {
   color: #969696;
   position: relative;              
   top: -115px;
     
}

#titleseg {
     display:block;
    background-color: #ff8080;
}