@import url(undohtml.css);
/* Undoes the basic set styles to negate any differences between browsers, for
instance s have very different levels of padding/margin in firefox versus IE */
@import url(nav.css);
/* Applies styling to the main navigation bar */
/* Imports the generic job board styles. */
/*********************
*** GLOBAL STYLES ***
*********************/
body
{
font: 70%/140% Verdana;
color: #232323;
text-align: center;
}
a
{
text-decoration :none;
}
#container
{
background-position: white;
position: relative; /* Position to relative in order to allow elements contained wi1px to be positioned absolutely wi1px #container */
width: 1200px;
margin: 0 auto;
text-align: left;
background: #EAF4FD;
min-height :700px;
}
p{
margin: 0 0 1em 0;
}
a{
color: #232323;
text-decoration:underline;
}
a:hover{
color: #D54D27;
}
.left{
float: left;
}
.right{
float: right;
}
.noborder{
border: none!important;
}
.txtLeft{
text-align: left;
}
.txtRight{
text-align: right;
}
.txtCentre{
text-align: center;
}
.txtJustify{
text-align: justify;
}
.imgLeft{
float: left;
margin: 0 10px 10px 0;
}
.imgRight{
float: right;
margin: 0 0 10px 10px;
}
.imgCentre{
display: block;
margin: 0 auto;
}
.textBrowser{
display: none;
}
.show{
display: block!important;
}
.floatHack{ /* See ie.css */
clear: both;
visibility: hidden;
margin: -1px 0 0 0;
font-size: 1px;
line-height: 1px;
color: transparent;
}
/**************
*** HEADER ***
**************/
#top{
height: 90px;
background-color :White ;
background-repeat :repeat-x ;
}
#top #logo{
display: block;
position: absolute;
top: 23px;
left: 0px;
z-index :00;
}
#top #logo img
{
position :relative;
z-index :1;
}
#top #bannerAd{
position: absolute;
top: 33px;
right: 5px;
}
/***************
*** CONTENT ***
***************/
.topmenu
{
position:absolute ;
margin : 0px 0 0 950px;
z-index :5000;
top :50px;
}
.topmenu li
{
font-family :Tahoma;
padding : 0 7px 0 7px;
display: inline;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #FFFFFF;
}
.topmenu li a:hover
{
color:#cccccc;
}
.topmenu li a
{
color :gray ;
text-decoration:none;
}
#flash{
margin: 0px 0 5px 0px ;
height :100px;
float :left ;
width :1200px;
overflow :hidden ;
}
.content
{
background-image:url(http://image.mihnati.com/almarai/curveimg.png);
background-position :top ;
background-repeat :no-repeat ;
min-height :400px;
margin-top:-106px;
width :1200px;
float :left ;
}
.content .contentin
{
float:left;
margin :0px;
margin-top:-106px;
padding :0px;
width :1200px;
}
.content .contentin
{
margin :160px 0 0 0;
float:left ;
min-height :340px;
background :url(http://image.mihnati.com/almarai_new/footer.jpg);
background-repeat :no-repeat ;
background-position :bottom ;
background-color :White ;
}
.contentin .firstdiv,.contentin .seconddiv,.contentin .footer,.contentin .footerfinal
{
float:left ;
margin :3px 3px 3px 100px;
background-color :White ;
width :999px;
}
.contentin .firstdiv
{
margin-top:-23px;
*margin-top:-3px;
border-bottom : dotted 2px #CCCCCC;
padding :0 0 5px 0;
}
.contentin .bordersolid
{
width:0px;
height :45px;
border-left:solid 1px gray;
float :left ;
margin :0 10px 0 5px;
}
.contentin .firstdiv #registerbutton
{
background:url(http://image.mihnati.com/almarai_new/registernow.png);
background-position :left ;
background-repeat :no-repeat;
height :27px;
width :196px;
float :left ;
text-align :center ;
padding :7px 0 0 0;
margin :12px 5px 0 0 ;
}
.contentin .firstdiv #registerbutton a
{
margin : 0;
padding :7px 35px 7px 35px;
color:White ;
font-weight :bold ;
text-decoration :none;
font-size :15px;
}
.contentin .firstdiv #registerbutton a:hover
{
color: #00CC00;
}
.contentin .firstdiv #candlogin,.contentin
{
float :left;
}
.firstdiv #candlogin h2
{
float: left;
color: #0067AA;
font-size :12px;
margin :0px;
padding :0px;
}
.firstdiv #candlogin a
{
float :left;
font-size :11px;
margin :0 0 0 165px;
color :#0067AA;
text-decoration :none;
}
.firstdiv .boredrgray
{
clear:both ;
}
.firstdiv #candlogin input
{
float :left;
width :197px;
height :22px;
border:solid 1px #0067AA;
margin :0 5px 0 0;
font-size :15px;
padding :5px 0 0 0;
}
.firstdiv #candlogin #login
{
width :60px;
height :27px;
background :url(http://image.mihnati.com/almarai_new/login.png);
border :none;
margin :1px 5px 0 0;
color :White ;
font-weight :bold ;
font-size :11px;
}
.firstdiv #hrnewsheading
{
background :url(http://image.mihnati.com/almarai_new/plus.png);
background-repeat :no-repeat ;
float:left;
background-position : 15px 22px;
margin :0px;
padding :26px 0 0 45px;
}
.firstdiv #hrnewsheading h2
{
color: #0067AA;
font-size :12px;
}
/****************************************************************/
.contentin .seconddiv
{
background-color:Transparent ;
}
.contentin .seconddiv #searchjobs
{
float :left;
border-right : dotted 2px #CCCCCC;
width :207px;
}
.contentin .seconddiv #searchjobs h2
{
float :left;
color: #0067AA;
font-size :12px;
clear :both ;
margin :0 0 10px 0;
}
.contentin .seconddiv #searchjobs .newseacrh
{
float:left ;
clear :both;
}
.contentin .seconddiv #searchjobs dl dt
{
float :left ;
clear :both ;
color:#0067AA;
font-size :11px;
}
.contentin .seconddiv #searchjobs dl dd
{
float :left ;
clear :both ;
}
.contentin .seconddiv #searchjobs dl dd input
{
width :190px;
font-size :12px;
margin-bottom:7px;
color :#0067AA;
height :20px;
}
.contentin .seconddiv #searchjobs dl dd select
{
width :190px;
font-size :12px;
margin-bottom:7px;
color :#0067AA;
height :20px;
}
.contentin .seconddiv #searchjobs dl dt #quicksearch1_cmdsearch
{
width :40px;
color :#0067AA;
height:27px;
font-weight:bold ;
float :left ;
padding :0px;
}
.contentin .seconddiv #searchjobs dl dt
{
width :100%;
}
.contentin .seconddiv #searchjobs dl dt a
{
color :#0067AA;
font-size :10px;
text-decoration :none;
margin :0 0 0 0px;
line-height :20px;
text-align :left ;
width :100px;
padding :0px;
}
.contentin .seconddiv #latestjobs
{
padding :0px;
float :left;
height :179px;
width :483px;
overflow :hidden ;
margin :2px 0 0 3px;
border-right : dotted 2px #CCCCCC;
}
.contentin .seconddiv #latestjobs h2
{
color :#0067AA;
margin :0px 0 3px 0;
}
.contentin .seconddiv #latestjobs ul
{
border-spacing :0px;
width :99%;
padding :0px;
margin :0px;
position :relative ;
}
.contentin .seconddiv #latestjobs ul li
{
position :relative ;
padding :0px;
margin :0px;
min-height :30px;
max-height :30px;
height :30px;
border-bottom : solid 1px #33CC33;
}
.contentin .seconddiv #latestjobs ul li div
{
padding :7px 10px 6px 10px;
border-spacing :0px;
float :left ;
margin :0px;
}
.contentin .seconddiv #latestjobs ul li #firstdiv
{
width:330px;
}
.contentin .seconddiv #latestjobs ul li div a
{
color: #064B90;
font-weight: bold;
font-size: 11px;
text-decoration: none;
}
.contentin .seconddiv #hrnews
{
float:left ;
width :299px;
margin :3px 0 0 3px;
height :173px;
overflow :hidden ;
}
.contentin .seconddiv #hrnews .latestNews ul li h2
{
color: #294B75;
margin :0px;
padding :0px;
}
.contentin .seconddiv #hrnews .latestNews ul li
{
min-height :173px;
line-height : 16px;
}
.contentin .seconddiv #hrnews .latestNews ul li img
{
float :left ;
margin :3px;
}
.contentin .seconddiv #hrnews .latestNews ul
{
float:left ;
margin :2px;
padding :0px;
color: #325C8F;
}
.contentin .seconddiv #hrnews .latestNews ul li a
{
padding :0px;
margin :0px;
color:Green ;
margin :0 0 0 5px;
font-size :10px;
}
/*****************************************************************/
.contentin .footer
{
float:left;
clear :both ;
width :1170px;
margin-left:10px;
background-color :Transparent ;
border-top :4px solid #0082DA;
margin-top :10px;
padding :0px;
max-height :75px;
min-height :75px;
}
.contentin .footer h2
{
color: #0067AA;
font-size :12px;
clear :both ;
margin :7px 0 10px 0;
clear :both ;
}
.contentin .footer span
{
color :#8FC203;
float :left ;
font-size :11px;
font-weight :bold ;
margin :0px 0 0 5px;
padding :0px;
}
.contentin .footer .secondspan
{
margin:0 0 0 70px;
padding :0px;
}
.contentin .footer ul
{
display:inline ;
float :left ;
margin :0px;
padding :0px;
}
.contentin .footer ul li
{
display:inline ;
padding : 0px 10px 0px 10px;
border-right:solid 1px #8FC203;
margin :0px;
}
.contentin .footer ul .lastli
{
border-right:none;
}
.contentin .footer ul li a
{
color: #0067AA;
text-decoration :none;
font-size :11px;
font-weight :bold ;
}
/*********************************************************/
.contentin .footerfinal
{
position:relative ;
margin :0;
padding :0px;
float:left;
width :1190px;
color :White ;
background-color:Transparent ;
}
.contentin .footerfinal ul
{
margin:0px;
padding :0px;
}
.contentin .footerfinal ul li,.contentin .footerfinal span
{
margin :0px;
display :inline;
float :left;
padding :0px 0 0 15px;
}
.contentin .footerfinal ul li a
{
text-decoration :none;
color :White ;
margin:0px;
padding :0px;
}
.contentin .footerfinal div
{
float:right ;
}
.contentin .footerfinal div a
{
color: #013F6B;
text-decoration: none;
font-weight: bold;
margin: 0 0 0 10px;
}