| Current Path : /home1/savoy/public_html/savoyglobal.net/hr/assets/css/ |
Linux gator3171.hostgator.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 |
| Current File : /home1/savoy/public_html/savoyglobal.net/hr/assets/css/all.css |
/* main styles */
body {
margin:0;
padding:0;
/*background:#BBD9EE;*/
/* background:url(../images/bg-header3.gif) repeat-x; */
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
font-weight: 700;
}
form {
margin:0;
padding:0
}
img {border:none;}
a {color:#060606;text-decoration: none}
a:hover {text-decoration: underline}
input {vertical-align:middle}
.floatleft {float:left !important}
.floatright {float:right !important}
.clear {clear:both !important}
.bold {font-weight:bold !important}
.normal {font-weight:normal !important}
.block {display:block !important}
input.text,
select,
textarea {
font-family:arial,sans-serif;
color:#333;
font-size:12px;
vertical-align:middle;
}
input.text {
padding:1px 0 0 4px;
height:14px;
font-weight:normal;
}
/* main container */
#logo {
width:1220px;
height:80px;
margin-bottom: -20px;
padding-top: 10px;
}
#main {
padding-top:20px;
width:1120px;
margin:0 auto;
}
/* header */
#header {
position:relative;
width:1120px;
height:106px;
background:url(../images/bg-header.gif) no-repeat left bottom;
}
/* site logo */
a.logo {
position:absolute;
top:5px;
left:20px;
}
/* header tabs */
#top-navigation {
position:absolute;
top:60px;
left:20px;
margin:0;
padding:0;
list-style:none;
}
#top-navigation li {
float:left;
display:block;
margin:0 3px 0 0;
height:44px;
background:url(../images/tab.gif) repeat-x top;
}
#top-navigation li a {
float:left;
display:block;
height:20px;
line-height:19px;
color:#606060;
padding:4px 0 0 0;
}
#top-navigation li span {
float:left;
background:url(../images/tab-left.gif) no-repeat left top;
}
#top-navigation li span span {
background:url(../images/tab-right.gif) no-repeat right top;
padding:7px 10px 0 10px;
}
#top-navigation li.active {
padding:0;
height:44px;
background:url(../images/tab-active.gif) repeat-x top;
margin-right:2px;
}
#top-navigation li.active span {
background:url(../images/tab-active-left.gif) no-repeat left top;
height:44px;
}
#top-navigation li.active span span {
background:url(../images/tab-active-right.gif) no-repeat right top;
height:23px;
padding:11px 10px 0 10px;
line-height:19px;
color:#606060;
}
/* middle */
#middle {
float:left;
width:1095px;
background:url(../images/bg-middle.gif) repeat-y left;
padding:0 13px 0 12px;
}
/*Events Column*/
#events-column {
float:left;
padding:1px 14px 0 0px;
width:251px;
/*height: 70px;*/
background-image:url(../images/eventsmain-1.jpg);
background-repeat: repeat-x;
}
/*Event Column main*/
#events-column-main {
float:left;
padding:1px 14px 0 0;
width:256px;
/*background-image:url(../images/eventsmain-1.jpg);*/
}
#event-sub-body{
background-image:url(../images/eventsmain-2.jpg);
}
/*Upcomingevents*/
#Upcomingevents{
float:left;
padding:1px 14px 0 0px;
width:251px;
background-image:url(../images/eve_bg.png);
background-repeat: repeat-x;
}
/* left column */
#left-column {
float:left;
padding:1px 14px 0 12px;
width:151px;
}
/* right column */
#right-column {
float:right;
padding:0 9px 0 0;
width:133px;
}
/* center column */
#center-column {
float:left;
width:880px;
/* background:url(../images/bg-center-column.png) no-repeat left top; */
min-height:460px;
padding:12px 16px 0 13px;
}
#mainpage-center-column {
float:left;
width:780px;
/* background:url(../images/bg-center-column.png) no-repeat left top; */
min-height:460px;
padding:12px 16px 0 13px;
}
* html #center-column {height:584px;}
/* footer */
#footer {
float:left;
width:100%;
background:url(../images/bg-footer.gif) no-repeat;
height:15px;
}
/* left column styles */
#left-column a {color:#3E3E3E;}
#left-column h3 {
font-size:11px;
margin:0;
color:#fff;
background:url(../images/bg-left-header.gif) no-repeat left bottom;
height:25px;
line-height:23px;
padding:10px 0 0 12px;
}
ul.nav {
margin:0 0 11px 0;
border-bottom:2px solid #294c73;
background:#ECEFE7;
list-style:none;
padding:0 2px;
}
ul.nav li {
padding:4px 4px 6px 5px;
display:block;
background:url(../images/bg-dotted.gif) repeat-x bottom;
}
ul.nav a {
padding:0 0 0 12px;
display:block;
background:url(../images/arrow.gif) no-repeat 0 4px;
}
ul.nav a:hover {
font-weight:bold;
}
ul.nav li.last {background:none;}
#left-column .link {
display:block;
width:142px;
height:25px;
background:url(../images/bg-left-link.gif);
margin:0 0 4px 0;
font-weight:bold;
padding:0 0 0 9px;
line-height:25px;
color:#60635A;
}
/* center column styles */
.top-bar {
float:left;
width:775px;
/* border-left:2px solid #005179; */
padding:0 0 0 9px;
margin:0 0 4px 0;
}
.messages {
background:#ccffcc;
color:#000000;
padding:3px 10px 3px 10px;
z-index: 8000;
margin:0 0 0 8px;
position:fixed;
top:170px;
width:769px;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border:1px solid #00CC00;
cursor: pointer;
}
/* text page header */
.top-bar h1 {
font:20px/21px verdana,sans-serif;
color:#43729F;
margin:0 0 4px 0;
}
/* orange button */
.top-bar a.button {
float:right;
display:block;
width:75px;
height:35px;
text-align:center;
color:#fff;
text-transform:uppercase;
font-weight:bold;
line-height:27px;
/* background:url(../images/bg-orange-button.gif) no-repeat; */
}
.icons
{
float:right;
/* display:block; */
width:55px;
height:35px;
/* background:url(../images/bg-orange-button.gif) no-repeat; */
}
/* bar with select */
.select-bar {
clear:both;
border-top:2px solid #005179;
border-bottom:2px solid #005179;
padding:5px 0 3px 0;
margin:0 0 17px 0;
}
.select-bar select {width:145px;margin:0 2px;}
.heading
{
text-transform: uppercase;
font: bold 13px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #43729F;
text-align: center;
padding-left: 250px;
}
.heading-right
{
float: right;
}
/* table container */
div.table {
float:left;
position:relative;
width:880px;
margin:0 0 37px 0;
}
table.listing {
border-bottom:1px solid #9097A9;
width:880px;
padding:0;
margin:0;
border:1px solid #9097A9;
}
table.listing th {
border-top:0 !important;
}
table.listing th.full {border-left:0;border-right:0 !important;text-align:left;text-transform:uppercase;}
table.listing tr td { font-style: normal; text-align: justify; padding-left: 30px; }
div.table img.left {
top:0;
left:0;
}
div.table img.right {
top:0;
right:1px;
}
/* table styles */
table.listing td,
table.listing th {
border:1px solid #fff;
text-align:center;
}
table.listing th {
background:#9097A9;
color:#fff;
padding:5px;
}
table.listing td {
background:#D8D8D8;
color:#000;
padding:3px 5px;
}
table.listing .bg td {
background:#ECECEC;
}
table.listing .white td {
background:#fff;
}
table.listing .first {border-left:0px solid #9097A9;text-align:left;}
table.listing .last {border-right:0px solid #9097A9;}
/*table.listing th.first {background:#9097A9 url(../images/bg-th-left.gif) no-repeat left top;border-left:0;}
table.listing th.last {background:#9097A9 url(../images/bg-th-right.gif) no-repeat right top;border-right:0;}*/
table.listing .style1 {font-weight:bold;color:#FF7A00;}
table.listing .style2 {font-weight:bold;padding-left:16px;}
table.listing .style3 {padding-left:25px;}
table.listing .style4 {padding-left:35px;}
table.form .last {padding:1px 0 1px 5px;text-align:left;}
table.form th,
table.form td {padding-left:10px;}
table.form input.text {width:262px}
/* table select */
div.table .select {
float:right;
margin:2px 1px 0 0;
width:86px;
height:25px;
background:#9097A9 url(../images/bg-select.gif);
color:#fff;
}
table a{
color:#2756c1;
}
td .linkblue {
}
div.table .select strong {
float:left;
padding:5px 0 0 5px;
}
div.table .select select {
float:right;
width:78px;
margin:2px 3px 0 0;
text-align:right;
}
/* right column header */
#right-column .h {
float:left;
background:#7E878A;
border:1px solid #B8B8B8;
border-bottom:0;
padding:3px 10px;
color:#fff;
text-transform:uppercase;
}
/* right column box */
#right-column .box {
float:left;
width:121px;
padding:5px;
border:1px solid #B8B8B8;
background:#EBEBEB;
margin:0 0 15px 0;
}
/* right column buttons */
.buttons {
clear:both;
text-align:center;
padding:30px 0 15px 0;
}
.buttons input {margin:0 0 6px 0;}
fieldset{
float: left;
clear: both;
width: 100%;
margin: 0 0 1.5em 0;
padding: 0;
border: 1px solid #BFBAB0;
background-color: #eaeaea;
}
fieldset h2
{
text-align: center;
font-size: 14px;
}
fieldset legend {
text-align: center;
left: -7px;
top: -0.75em;
font-size: 13px;
font-weight:bold;
margin-bottom:3px;
padding:0px 0px 0px 3px;
width:254px;
color: #5878c9;
}
fieldset ul, fieldset li{
border:0; margin-top: 10px; padding:0; list-style:none;
}
fieldset li{
clear:both;
list-style:none;
padding:10px;
}
fieldset input{
float:left;
width: 250px;
}
fieldset textarea{
float:left;
width:200px;
height:80px;
}
fieldset label{
clear:left;
display:block;
float:left;
width:170px;
text-align:right;
padding-right:30px;
padding-top:5px;
margin-bottom:5px;
}
fieldset .record_entry{
color: #585151;
padding-top:6px;
float: left;
}
fieldset a{
color: #2584d5;
text-decoration: underline;
float: left;
}
.salary
{
width:250px;
float:left;
}
.salary1
{
width:250px;
float:left;
font-weight:bold;
}
.lbl_column
{
width:20px;
float:left;
}
.lbl_title
{
width:200px;
float:left;
color: gray;
}
fieldset button,.submitbutton{
border:0; margin:0; padding:0;
clear:both;
width:125px;
height:31px;
background:#666666 url(../images/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
.addbutton{
border:0; margin:0; padding:0;
clear:both;
width:60px;
height:31px;
background: url(../images/add-icon.png) no-repeat;
}
.record_entry {
}
.red_bold {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #CC3300;
text-decoration: none;
}
.bold_black {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333333;
text-decoration: none;
}
input.clickimage,img.clickimage{
cursor:pointer;
}
a.clickimage{
cursor:pointer;
}
div.clickimage{
cursor:pointer;
}
td.clickimage{
cursor:pointer;
}
button.clickimage{
cursor:pointer;
}
.leftone{
width:400px;
margin-top: 10px;
}
.lefttwo{
width:400px;
margin-top: -15px;
}
.lefttwo1{
width:400px;
margin-top: 20px;
}
.rightone{
width:400px;
margin-left:430px;
margin-top: -385px;
}
.rightone2{
width:400px;
margin-left:430px;
margin-top: -400px;
}
.rightone1{
width:400px;
margin-left:430px;
margin-top: -290px;
}
.rightone12{
width:400px;
margin-left:430px;
margin-top: -267px;
}
.righttwo{
width:400px;
margin-left:430px;
margin-top: -250px;
}
.righttwo1{
width:400px;
margin-left:430px;
margin-top: -195px;
margin-bottom: 20px;
}
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { background: transparent url(../images/box-cont.png) no-repeat bottom right; cursor: move }
.cssbox { width: 220px !important;
float:right;
padding-left: 10px;
/* intended total box width - padding-right(next) */
width: 220px; /* IE Win = width - padding */
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
margin: 20px auto; /* use to position the box */ } /* set the top-right image */
.cssbox_head { background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
padding-right: 40px; /* right-image-gap + right-inside padding */ } /* set the top-left image */
.cssbox_head h2 { background-position: top left; margin: 0; /* reset main site styles*/ border: 0; /* ditto */
padding: 15px 0 5px 60px; /* padding-left = image gap + interior padding ... no padding-right */
height: auto !important; height: 1%; /* IE Holly Hack */ } /* set the lower-left corner image */
.cssbox_body { background-position: bottom left; margin-right: 25px; /* interior-padding right */
padding: 5px 0 15px 40px; /* mirror .cssbox_head right/left */ }
.cssbox_body fieldset {border: 1px solid #9d9d9d}
.cssbox_body li:hover{
background:#eee;
border:1px solid #aaa;
cursor: pointer;
}
/*for autosuggestion*/
.input-div {
/*text-align:right;*/
padding:1px;
height: 25px;
}
.ajax-div {
padding:3px;
/*width : 500px;*/
}
#box
{
width : 247px;
height :100px;
overflow : auto ;
border : 1px solid #C5C5C5;
background : #F8F8F8;
position : absolute;
border-top : none;
text-align : left;
display : none;
margin-top: 15px;
}
#exploremain
{
width:100%;
border: 0px red solid;
height: auto;
}
#exploretop
{
width:100%;
height: 40px;
padding: 5px 0 5px 0;
border-bottom: 1px #DEDEDE solid;
}
#explorebody
{
width: 100%;
height:auto;
border-bottom: 1px #DEDEDE solid;
overflow: auto;
}
.operationdiv
{
height: 100%;
width: auto;
/*border: 0px black solid;*/
padding:5px;
float: left;
text-align: center;
}
.operationdiv1
{
height: 75px;
width: 70px;
padding-top: 5px;
/*border: 1px #DEDEDE solid;*/
border: 1px white solid;
display: block;
float: left;
margin: 5px;
text-align: center;
overflow:hidden; text-overflow: ellipsis;
}
.folderprop
{
float: left;
padding:5px 0 0 2px;
}
.selectedoperationdiv1
{
height: 75px;
width: 70px;
border: 1px #d7c9c9 solid;
float: left;
padding-top: 5px;
margin: 5px;
background-color: #f1ebeb;
text-align: center;
word-wrap: break-word;
}
.hidden { display: none; }
#console_fronticons_4
{
width:170px;
}
#console_fronticons
{
width:100px;
}
.fronticons{width:20px;
float:left;
padding:0 8px 0 0px;
cursor:pointer;
}
.fronticons1{width:20px;
float:left;
padding:0 4px 0 0px;
cursor:pointer;
}
* {
margin: 0;
padding: 0;
}
#clock {
position: relative;
width: 100px;
height: 100px;
margin: 20px auto 0 auto;
background: url(../images/clockface.jpg);
list-style: none;
}
#sec, #min, #hour {
position: absolute;
width: 5px;
height: 100px;
top: 0px;
left: 47px;
}
#sec {
background: url(../images/sechand.png);
z-index: 3;
}
#min {
background: url(../images/minhand.png);
z-index: 2;
}
#hour {
background: url(../images/hourhand.png);
z-index: 1;
}
p {
text-align: center;
padding: 10px 0 0 0;
}
.accdiv
{
width:185px;
}
.accdiv img
{
position: absolute;
padding:0 5px 0 2px ;
}
table.reportheader
{
width: 50%;
padding-bottom: 10px;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
float: left
}
#main-nav{
height:29px;
background-image:url(../images/nav-bg.gif);
background-repeat:repeat-x;
background-position:top left;
width:1095px;
margin-left:12.0px;
}
#main-nav ul,
#main-nav li{
padding:0px;
margin:0px;
list-style-type:none;
width: auto;
}
#main-nav ul{
height:29px;
line-height:19px;
background-image:url(../images/nav-bar.gif);
background-position:right;
background-repeat:no-repeat;
float:left;
padding:0px 1px 0px 0px;
margin:0px 0px 0px 0px;
}
#main-nav li{
height:29px;
line-height:29px;
display:inline;
position:relative;
float:left;
width:121px;
text-align:center;
}
#main-nav li a{
height:19px;
width:121px;
text-align:center;
float:left;
background-image:url(../images/nav-bar.gif);
background-position:left;
background-repeat:no-repeat;
}
#main-nav li a:link,
#main-nav li a:visited{
color:#FFFFFF;
text-decoration:none;
}
#main-nav li.active a,
#main-nav li a:hover{
background-image:url(../images/active.gif);
background-repeat:no-repeat;
background-position:left;
}
.menulistheader
{
background-image: url(../images/cbc.jpg);
background-repeat:repeat-x;
height: 19px;
color: white;
font-size: 14px;
padding:3px 0 0 3px;
}
.tab td
{
font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #43729F;
border: 1px solid #C1DAD7;
letter-spacing: 1px;
text-align: left;
padding: 8px 12px 4px 12px;
background: #fff no-repeat;
vertical-align:middle;
}
#container{
width: 600px;
margin: 40px auto;
text-align: left;
}
/******* /CONTAINER *******/
/******* FORM *******/
#customForm{
padding: 0 10px 10px;
}
#customForm label{
display: block;
color: #797979;
font-weight: 700;
line-height: 1.4em;
}
#customForm input {
padding: 6px;
color: #949494;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
border: 1px solid #cecece;
}
#customForm input.error{
background: #f8dbdb;
border-color: #e77776;
}
#customForm textarea{
width: 350px;
height: 60px;
padding: 6px;
color: #adaeae;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-style: italic;
font-size: 12px;
border: 1px solid #cecece;
}
#customForm textarea.error{
background: #f8dbdb;
border-color: #e77776;
}
#customForm div{
margin-bottom: 15px;
}
#customForm div span{
margin-left: 10px;
color: #b1b1b1;
font-size: 11px;
font-style: italic;
}
#customForm div span.error{
color: #e46c6e;
}
#customForm #send{
background: #6f9ff1;
color: #fff;
font-weight: 700;
font-style: normal;
border: 0;
cursor: pointer;
}
#customForm #send:hover{
background: #79a7f1;
}
#error{
margin-bottom: 20px;
border: 1px solid #efefef;
}
#error ul{
list-style: square;
padding: 5px;
font-size: 11px;
}
#error ul li{
list-style-position: inside;
line-height: 1.6em;
}
#error ul li strong{
color: #e46c6d;
}
#error.valid ul li strong{
color: #93d72e;
}
#customForm table{
display: block;
color: #797979;
font-weight: 700;
font-size: 11px;
}
#customtemplate table{
font-size: 11px;
font-family:Arial;
}
#customtemplate table td{
height: 30px;
}
.righttdfont
{
font-weight: normal;
font-size: 11px;
font-family:Arial;
}
.underborder
{
border-bottom: 0px ;
height:15px;
}
#customForm input button {
width: 50px;
padding: 6px;
color: #949494;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
border: 1px solid #cecece;
}
/******* /FORM *******/
.customForm{
padding: 0 10px 10px;
}
.customForm label{
display: block;
color: #797979;
font-weight: 700;
line-height: 1.4em;
}
.customForm input {
padding: 6px;
color: #949494;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
border: 1px solid #cecece;
}
.customForm input.error{
background: #f8dbdb;
border-color: #e77776;
}
.customForm textarea{
width: 350px;
height: 60px;
padding: 6px;
color: #adaeae;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-style: italic;
font-size: 12px;
border: 1px solid #cecece;
}
.customForm textarea.error{
background: #f8dbdb;
border-color: #e77776;
}
.customForm div{
margin-bottom: 15px;
}
.customForm div span{
margin-left: 10px;
color: #b1b1b1;
font-size: 11px;
font-style: italic;
}
.customForm div span.error{
color: #e46c6e;
}
.customForm #send{
background: #6f9ff1;
color: #fff;
font-weight: 700;
font-style: normal;
border: 0;
cursor: pointer;
}
.customForm #send:hover{
background: #79a7f1;
}
.expand textarea
{
width: 350px;
height: 60px;
padding: 6px;
}
#pager{
margin:5px;
height:25px;
float: right;
width: 200px;
}
/* Pagination Css Starts Here*/
ul{border:0; margin:0; padding:0;}
#pagination-digg li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
margin-right:2px;
}
#pagination-digg a{
border:solid 1px #9aafe5;
margin-right:2px;
}
#pagination-digg .previous-off,
#pagination-digg .next-off {
border:solid 1px #DEDEDE;
color:#888888;
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:3px 4px;
}
#pagination-digg .next a,
#pagination-digg .previous a {
font-weight:bold;
}
#pagination-digg .active{
background:#2e6ab1;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-digg a:link,
#pagination-digg a:visited {
color:#0e509e;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-digg a:hover{
border:solid 1px #0e509e
}
form.form .contracttb label
{
text-align: right;
padding-right: 5px;
width:80px;
display: block;
font-weight: bold;
}
/*Pagination ends here*/
#searchdiv
{
position:absolute;
width:600px;
left:50%;
top:29px;
margin-left:-50px;
}
form span.error, span.error {
/* remove the next line when you have trouble in IE6 with labels in list */
color: red;
font-style: italic;
font-weight: normal;
font-size: 12px;
}
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
select:focus { border: 1px dotted black; }
select.error { border: 1px dotted red; }
input.tiny{width: 50px;}
input.small{width: 30px}
input.medium{width: 80px}
.required {background:url(../images/bullet_red.png) right no-repeat; background-color: #fff;}
.reportcheck{width: 15px;}
/* auto-suggest */
.ac_results {
padding: 0;
border: 1px solid #333;
background-color: #fff;
overflow: hidden;
z-index: 99999;
text-align: left;
}
.ac_results ul {
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
}
.ac_results li {
margin: 0;
padding: 2px 5px;
cursor: default;
display: block;
font: menu;
font-size: 10px;
line-height: 16px;
overflow: hidden;
}
.ac_results {
background-color: #eee;
}
.ac_over {
background-color: #a1b2f1;
color: #fff;
}
/* auto-suggest */
#reportleft
{
width:65%; float: left;
}
#reportright
{
width:300px; float: right;
}
.timesheetfieldset
{
background-color: #fff;
border: 0px;
}
.timesheetfieldset input{font-size: 12px; font-weight: bold;}
.timesheet_header {float: left;width: 120px;padding-left: 5px;}