/*  Created by CSS Portal Layout Generator http://www.cssportal.com */

* { padding: 0; margin: 0; }

body {
  background: #ddd url(../img/hrus/bg.jpg) repeat top left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 12px;
}

.bd_style {
    /* Size & position */

    margin: 3px auto;
    
    /*padding: 10px;*/
    /*position: relative; /* For the submit button positioning */

    /* Styles */
    box-shadow: 
    0 0 1px rgba(0, 0, 0, 0.3), 
    0 3px 7px rgba(0, 0, 0, 0.3), 
    inset 0 1px rgba(255,255,255,1),
    inset 0 -3px 2px rgba(0,0,0,0.25);
    /*border-radius: 5px;*/
    background: white; /* Fallback */
    background: -moz-linear-gradient(#eeefef, #ffffff 10%);
    background: -ms-linear-gradient(#eeefef, #ffffff 10%);
    background: -o-linear-gradient(#eeefef, #ffffff 10%);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#eeefef), color-stop(0.1, #ffffff));
    background: -webkit-linear-gradient(#eeefef, #ffffff 10%);
    background: linear-gradient(#eeefef, #ffffff 10%);
}

.bdform_style {
    /* Size & position */

    margin: 3px auto;
    
    /*padding: 10px;*/
    /*position: relative; /* For the submit button positioning */

    /* Styles */
    box-shadow: 
    0 0 1px rgba(0, 0, 0, 0.3), 
    0 3px 7px rgba(0, 0, 0, 0.3), 
    inset 0 1px rgba(255,255,255,1),
    inset 0 -3px 2px rgba(0,0,0,0.25);
    /*border-radius: 5px;*/
    background: white; /* Fallback */
    background: -moz-linear-gradient(#eeefef, #ffffff 10%);
    background: -ms-linear-gradient(#eeefef, #ffffff 10%);
    background: -o-linear-gradient(#eeefef, #ffffff 10%);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#eeefef), color-stop(0.1, #ffffff));
    background: -webkit-linear-gradient(#eeefef, #ffffff 10%);
    background: linear-gradient(#eeefef, #ffffff 10%);
    border-radius: 8px;
}


.bd_style1{
  box-shadow: 0px 3px 7px
    rgba(0,0,0,.3),
    inset 0 1px rgba(255,255,255,1),
    inset 0 0px 6px rgba(0,0,0,.25);
  background: linear-gradient(#eeefef, #eeefef 10%);
}

.bd_style2{
  box-shadow: 0px 0px 6px
    rgba(0,0,0,.3),
    inset 0 1px rgba(255,255,255,1);
  background: linear-gradient(#ffffff, #eeefef 80%);
}

.bd_style3{
  box-shadow: 0px 3px 7px
    rgba(0,0,0,.3),
    inset 0 1px rgba(255,255,255,1),
    inset 0 0px 6px rgba(0,0,0,.25);
  background: linear-gradient(#eeefef, #ffffff 80%);
}

.bd_style4{
  box-shadow: 0px 3px 7px
    rgba(0,0,0,.3),
    inset 0 1px rgba(255,255,255,1),
    inset 0 0px 6px rgba(0,0,0,.25);
  background: linear-gradient(#ffffff, #eeefef 95%);
}


header {    
  height: 90px;             
  padding: 10px 0px;
  /*border-bottom: 1px solid #00524c;*/
  /*margin-top: 20px;*/
  border-radius: 8px 8px 0px 0px;
}

header1 {    
  height: 90px;             
  padding: 10px 0px;
  /*border-bottom: 1px solid #00524c;*/
  /*margin-top: 20px;*/
  border-radius: 8px 8px 0px 0px;
}

header #logo {
  margin-left: 10px;
  float: left;
}

header #hrus_logo {
  /*
  height: 90px;
  width: 485px;
  float: left;*/
  margin: 2px;
  float: right;
  background: url(../img/hrus_logo.png);
  height: 100px;
  width: 485px;
  background-position: center;
}

section {
  height: 100%;
  min-height: 450px;
  /*padding: 5px 0px 10px;*/
}

section2 {
  height: 100%;
  min-height: 450px;
  
}

/*
header #app-title {
    font-family: Footlight MT Light;
    color: #00524c;
    font-size: 50px; 
    text-align: right;
    line-height: 40px; 
}
*/

/*
header #app-title {
    font-family: Footlight MT Light;
    color: #00524c;
    font-size: 50px;     
    line-height: 40px;
    float: right; 
    background: url(../img/oltams.png);
    height: 100px;
    width: 485px;
    background-position: center;
    margin-top: -10px;
    margin-right: 10px;
}


header #app-title strong {
    display: none;
}
*/

.message {
    text-align: center; width: 100%;
}
       
footer {
  /*margin-top: 10px;*/
  text-align: center;
  padding: 5px;
  line-height: 15px;
  /*height: 40px;*/
  /*border-top: 1px solid #00524c;*/
  border-radius: 0px 0px 8px 8px;
}

#missing_page {
  font-family: Footlight MT Light; 
  background: #fff url('../img/404.jpg') no-repeat center right; 
  background-size: contain; 
  padding: 30px;
  min-height: 350px;
}

#nav_login{
  background: url(../img/hrus/login-form2.png) no-repeat center;
  /*background-size:200px 100px;
  background-position: center;
  background-repeat: no-repeat;*/
  height: 300px;
}

#blank_form{
  background: url(../img/hrus/blank_form.png) no-repeat center;
  height: 300px;
}

#loginbutton{
  background: url(../img/hrus/submit.png) no-repeat center;
}

input:focus, textarea:focus, select:focus {
	outline: none !important;
	border-color: #719ECE;
	box-shadow: 0 0 10px #719ECE;
}

button:focus {
	outline: none !important;
	border: 1px solid gray !important;
	border-color: gray !important;
}

input[type="text"], input[type="password"]{
  padding       : 0px;
  margin-bottom : 0px;
  line-height   : 15px;
  height        : 15px;
}

select{
  padding       : 0px;
  margin-bottom : 0px;
  line-height   : 18px;
  height        : 18px;
}


fieldset {
  border: 2px groove threedface;  
}

label {
  margin-bottom : 0px;
  /*line-height   : 15px;*/
}

.rowcont_layout1 {
  /*border: 1px solid blue;*/
  float: left;
  padding: 3px;
}

.display_none{
  display: none;
}

.left{
  float: left;
}

.right{
  float: right;
}

.label_style1 {
  font-size   : 10px;
  line-height : 10px;
}

.label_style2 {
  font-size   : 11px;
  line-height : 11px;
}

.label_style3 {
  font-size   : 12px;
  line-height : 12px;
}

.input_style1 {
  font-family   : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size     : 10px;
  padding       : 0px;
  margin-bottom : 0px;
}

.input_style2 {
  font-family   : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size     : 11px;
  padding       : 0px;
  margin-bottom : 0px;
}

.input_style3 {
  font-family   : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size     : 12px;
  padding       : 0px;
  margin-bottom : 0px;
}

.inputblank_style1 {
  font-family   : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size     : 10px;
  background    : none;
  border        : none;
  padding       : 0px;
  margin-bottom : 0px;
}

.inputblank_style2 {
  font-family   : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size     : 11px;
  background    : none;
  border        : none;
  padding       : 0px;
  margin-bottom : 0px;
}

.inputblank_style3 {
  font-family   : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size     : 12px;
  background    : none;
  border        : none;
  padding       : 0px;
  margin-bottom : 0px;
}

.display_off {
  display: none;
}

.brder_on {
  /*border: 1px solid red;*/
  border: none;
}

.tdcolor1 {
  background-color: green; 
}

.tdcolor2 {
  background-color: cyan; 
}

.tdcolor3 {
  background-color: blue; 
}

.form_apps_layout1 {
  height: 408px;
}

/* ------- END MENU ------------ */


/* Custom styled notice CSS */

.ui-pnotify.custom .ui-pnotify-container {
  /*background-color: #404040 !important;*/
  background-color: #7F7FFF !important;
  background-image: none !important;
  border: none !important;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.ui-pnotify.custom .ui-pnotify-title, .ui-pnotify.custom .ui-pnotify-text {
  font-family: Arial, Helvetica, sans-serif !important;
  text-shadow: 2px 2px 3px black !important;
  font-size: 10pt !important;
  color: #FFF !important;
  padding-left: 50px !important;
  line-height: 1 !important;
  text-rendering: geometricPrecision !important;
}
.ui-pnotify.custom .ui-pnotify-title {
  font-weight: bold;
}
.ui-pnotify.custom .ui-pnotify-icon {
  float: left;
}
.ui-pnotify.custom .picon {
  margin: 3px;
  width: 33px;
  height: 33px;
}

/*custom upload elements*/
input#upload { background: #aaa url(../images/bg-btn.png) bottom repeat-x; padding: .4em 1.2em;border: 1px solid #aaa; color: #222; font-size: 1.2em; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; margin: 2em 0; }
input#upload:hover { background: #eee; color: #111; border-color:#777; }

.customfile-input { position: absolute; height: 100px; cursor: pointer; background: transparent; border: 0; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); z-index: 999; }

.customfile { width: 400px; background: #666; cursor: pointer; overflow: hidden; padding: 2px; border: 1px solid #444; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; position: relative; }
.customfile-disabled { opacity: .5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); cursor: default; }
.customfile-feedback { display: block; margin: 1px 1px 1px 5px; font-size: 1.2em; color: #fff; font-style: italic; padding: .3em .6em; }
.customfile-feedback-populated { color: #fff; font-style: normal; font-weight: bold; padding-left: 20px; background: url(../img/icon-generic.gif) left 4px no-repeat; }
.customfile-button { border: 1px solid #999; background: #333 url(../img/bg-submit.gif) bottom repeat-x; color: #fff; font-weight: bold; float: right; width: 50px; padding: .3em .6em; text-align: center; text-decoration: none; font-size: 1.2em; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.customfile-hover .customfile-button, .customfile-focus .customfile-button { color:#111; background: #aaa url(../img/bg-btn.png) bottom repeat-x; border-color:#aaa; padding: .3em .6em; }
.customfile-focus .customfile-button { outline: 1px dotted #ccc; }

/*file type icons*/
.customfile-ext-jpg, .customfile-ext-gif, .customfile-ext-png, .customfile-ext-jpeg, .customfile-ext-bmp { background-image: url(../img/icon-image.gif);}
.customfile-ext-mp3, .customfile-ext-mp4, .customfile-ext-mov, .customfile-ext-swf, .customfile-ext-wav, .customfile-ext-m4v { background-image: url(../img/icon-media.gif);}
.customfile-ext-zip, .customfile-ext-tar, .customfile-ext-sit { background-image: url(../img/icon-zip.gif);}