html {
font-family: arial;
font-size: 12px;
}
body {
margin: 0px;
padding: 0px;
background-color: #000;
}
#global_wrapper {
background-image: url(../images/body_bg.jpg);
clear: both;
overflow: visible;
height:auto;
}
#flag_wrapper {
background-image: url(../images/flag_bg_1.jpg);
background-repeat: no-repeat;
background-position: center top;
clear: both;
overflow: visible;
height:auto;
}
#wrapper_h_bg{
background-image: url(../images/black_top_line.gif);
background-repeat: repeat-x;
}
#wrapper_header {
background-image: url(../images/home_bg-x.jpg);
background-repeat: repeat-x;
padding-top: 8px;
}
#wrapper_footer {
background-image: url(../images/footer_bg.png);
background-repeat: repeat-x;
height: 205px;
width: 100%;
float: none;
clear: both;
background-position: left bottom;
}
#footer_gray_wrapper {
background-image: url(../images/body_bg.jpg);
}
#wrapper_footer #footer {
background-image: url(../images/footer_slogan_bg.png);
background-repeat: no-repeat;
width: 980px;
margin-right: auto;
margin-left: auto;
height: 205px;
background-position: bottom;
}
#footer .copyright {
color: #606060;
display: block;
margin-right: auto;
margin-left: auto;
position: relative;
left: auto;
top: 150px;
right: auto;
text-align: center;
}
#header {
background-image: url(../images/flag_bg_11.jpg);
background-repeat: no-repeat;
width: 980px;
margin-right: auto;
margin-left: auto;
min-height:650px;
height:auto !important;
/*height:750px;*/
}
.language {
line-height: 24px;
background-image: url(../images/language_bg.gif);
background-repeat: no-repeat;
clear: both;
float: right;
height: 24px;
width: 90px;
margin-right: 25px;
text-align: center;
}
.careerfair_logo {
background-image: url(../images/qs_logo2.png);
background-repeat: no-repeat;
clear: left;
height: 108px;
width: 160px;
margin-left: 150px;
float: left;
margin-top: 5px;
}
.careerfair_logo a {
display: block;
height: 108px;
width: 160px;
}
.QSlogo {
background-image: url(../images/qslogo_trans.png);
background-repeat: no-repeat;
float: left;
height: 150px;
width: 130px;
margin-left: 100px;
}
#cfair_logo_sec {
float: right;
width: 600px;
margin-right: 5px;
}
#cfair_logo_sec tr td {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.QSlogo a {
display: block;
height: 150px;
width: 130px;
}
a.qatarization_link {
display: block;
float: left;
font-size: 18px;
font-weight: bold;
color: #6b0237;
text-decoration: none;
margin-top: 0px;
margin-bottom: 5px;
}
div.menu {
background-image: url(../images/menu_bgbackgrd.png);
background-repeat: no-repeat;
height: 345px;
width: 335px;
clear: left;
float: left;
margin-top: 0px;
overflow: hidden;
}
.menu .menu_highlight_selected {
background-image: url(../images/menu_over.png);
background-repeat: no-repeat;
height: 345px;
width: 364px;
background-position: -100px -100px;
z-index: 0;
clip: rect(0px,auto,auto,0px);
}
.menu .menu_highlight {
background-image: url(../images/menu_over.png);
background-repeat: no-repeat;
height: 345px;
width: 364px;
background-position: -100px -100px;
z-index: 1;
clip: rect(0px,auto,auto,0px);
}
.menu .m_h1 {
background-position: 106px 10px;
}
.menu .m_h2 {
background-position: 202px 65px;
}
.menu .m_h3 {
background-position: 202px 174px;
}
.menu .m_h4 {
background-position: 106px 229px;
}
.menu .m_h5 {
background-position: 9px 173px;
}
.menu .m_h6 {
background-position: 10px 63px;
}
.menu a {
color: #FABCC7;
text-decoration: none;
font-weight: bold;
}
.menu a:hover {
color: #FFF;
}
.menu a.menu1 {
display: block;
width: 98px;
text-align: center;
z-index: 2;
position: relative;
top: -295px;
left: 120px;
}
.menu a.menu2 {
display: block;
width: 98px;
text-align: center;
z-index: 2;
position: relative;
top: -265px;
left: 215px;
}
.menu a.menu3 {
display: block;
width: 98px;
text-align: center;
z-index: 2;
position: relative;
top: -185px;
left: 215px;
height: 20px;
}
.menu a.menu4 {
display: block;
width: 98px;
text-align: center;
z-index: 2;
position: relative;
top: -155px;
left: 118px;
line-height: 25px;
height: 25px;
}
.menu a.menu5 {
display: block;
width: 98px;
text-align: center;
z-index: 2;
position: relative;
top: -235px;
left: 22px;
height: 25px;
}
.menu a.menu6 {
display: block;
width: 98px;
text-align: center;
z-index: 2;
position: relative;
top: -360px;
left: 25px;
height: 25px;
}
.menu a.menu7 {
display: block;
width: 98px;
text-align: center;
z-index: 2;
position: relative;
top: -340px;
left: 120px;
height: 35px;
}
div.content_sec {
float: right;
width: auto;
margin-top: 0px;
}
.applyjob_div {
clear: left;
float: left;
height: 60px;
text-align: right;
margin-left: 100px;
display: block;
width: 200px;
}
.applyjob_div a {
margin-top: 5px;
margin-bottom: 5px;
display: block;
clear: both;
float: left;
}
.video_wrapper {
}
.inner_cont_wrapper {
width: 600px;
margin-top: 10px;
background-image: url(../images/td22.png);
background-repeat: repeat;
}
.grayBox {
margin-top: 10px;
clear: both;
width: 700px;
margin-right: auto;
margin-left: auto;
}
table.grayBox_tbl
{
border-collapse: collapse;
font-size: inherit;
}
table.grayBox_tbl tr td#td11 {
background-image: url(../images/td11.png);
background-repeat: no-repeat;
height: 7px;
width: 7px;
}
table.grayBox_tbl tr td#td12 {
background-image: url(../images/td12.png);
background-repeat: repeat-x;
height: 7px;
}
table.grayBox_tbl tr td#td13 {
background-image: url(../images/td13.png);
background-repeat: no-repeat;
height: 7px;
width: 7px;
}
table.grayBox_tbl tr td#td21 {
background-image: url(../images/td21.png);
background-repeat: repeat-y;
width: 7px;
}
table.grayBox_tbl tr td#td22 {
background-repeat: repeat;
background-image: url(../images/td22.png);
}
table.grayBox_tbl tr .service_img {
margin-top: 5px;
margin-right: 20px;
margin-bottom: 5px;
margin-left: 20px;
}
table.grayBox_tbl tr td#td23 {
background-image: url(../images/td23.png);
background-repeat: repeat-y;
width: 7px;
}
table.grayBox_tbl tr td#td31 {
background-image: url(../images/td31.png);
background-repeat: no-repeat;
height: 7px;
width: 7px;
}
table.grayBox_tbl tr td#td32 {
background-image: url(../images/td32.png);
background-repeat: repeat-x;
height: 7px;
}
table.grayBox_tbl tr td#td33 {
background-image: url(../images/td33.png);
background-repeat: no-repeat;
height: 7px;
width: 7px;
}
table.grayBox_tbl tr span{
float: left;
margin-top: 5px;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
outline-color:#650218;
font-weight: normal;
}
ul.submenu {
float: left;
padding: 0px;
margin-top: 8px;
margin-right: 12px;
margin-bottom: 5px;
margin-left: 12px;
}
ul.submenu li {
list-style-type: none;
display: block;
float: left;
margin-right: 2px;
margin-left: 2px;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
ul.submenu li a{
display: block;
height: 28px;
padding-right: 13px;
background-image: url(../images/submenu_right.png);
background-repeat: no-repeat;
background-position: right;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
text-decoration: none;
text-transform: uppercase;
}
ul.submenu li a:hover, ul.submenu li a.selected, ul.submenu li a:active, ul.submenu li a:focus {
background-image: url(../images/submenu_over_right.png);
}
ul.submenu li a span {
background-image: url(../images/submenu_left.png);
display: block;
height: 28px;
background-repeat: no-repeat;
padding-left: 13px;
background-position: left;
line-height: 28px;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
color: #dddddd;
font-size: 11px;
}
ul.submenu li a:hover span, ul.submenu li a.selected span, ul.submenu li a:active span {
background-image: url(../images/submenu_over_left.png);
color: #fff;
}
div.inner_con_holder {
height: 275px;
width: 570px;
overflow: hidden;
margin-right: auto;
margin-left: auto;
/* overflow-x:hidden;
overflow-y:auto;*/
direction:ltr;
text-align:left;
line-height: 16px;
margin-bottom: 15px;
}
.inner_con_holder h3.title {
color: #65002b;
font-size: 16px;
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
}
.inner_level_page {
height: 329px;
background-image: url(../images/iron_bar.png);
background-repeat: no-repeat;
}
.iron_bar_div {
height: 329px;
background-image: url(../images/iron_bar.png);
background-repeat: no-repeat;
width: 600px;
}
.section{
width:570px;
height:275px;
overflow:hidden;
-moz-box-shadow:none;
border:none;
clear: both;
margin-top: 0;
margin-right: 60px;
margin-bottom: 0;
margin-left: 0;
}
#wrapper_sections {
clear: both;
width: 980px;
overflow: auto;
}
#wrapper_sections .left {
clear: left;
float: left;
height: auto;
width: 330px;
}
#wrapper_sections .right {
clear: right;
float: right;
height: 600px;
width: 640px;
}
.qatarization_title {
clear: both;
margin-top: 180px;
padding-bottom: 20px;
}