/********************************************************************************
*                                                                               *
*   © 2009 LOTIN.NET, All Rights Reserved.  http://www.lotin.net                *
*                                                                               *
*   Licensed of used to: TRAVAIL GLOBAL, Inc. (http://www.TravailGlobal.com)    *
*                                                                               *
********************************************************************************/


/* basics */
html {height:100%}
body {height:100%; margin:0; padding:5px 0 0; background:#ffffff url(img/nav.jpg) repeat-x 0 -27px;}
.main {width:980px; margin:0 auto; padding:10px 10px 30px; overflow:hidden;}

body {font-size:14px; font-family:Arial Verdana Tahoma;}
p {margin:0 0 14px; text-align:justify; font-size:14px; font-family:Arial Verdana Tahoma;}
p span {color:#eeba1d;}
img {border:none;}

/* header's */
.header {width:980px; height:90px; margin:0; padding:0; overflow:hidden;}
.logo {width:77px; height:80px; position:absolute; margin-left:20px;}
.company_name {position:absolute; margin:15px 0 0 115px;}
.phone {position:absolute; margin:35px 0 0 786px;}

.info {margin-top:0px; padding:0 4px; text-align:right; font-size:14px; font-family:Arial;}
.info li {display:inline; padding:0 3px;}
.info a {text-decoration:none;}
.info .log a {color:#dc9c0a; font-size:0.9em; font-weight:bold;}
.info .lang a {color:#333973; font-size:1em; text-transform:uppercase;}
.info .lang a:hover{color:#dc9c0a}

.nav {width:980px; margin:0; padding:0; border-collapse:collapse; border-spacing:0; list-style:none; background:url(img/nav.jpg) repeat-x 0 0;}
.nav td {height:32px; padding:0 25px; vertical-align:middle; white-space:nowrap; border-right:solid 1px white;}
.nav .first {width:100%;}
.nav .last {border:none;}
.nav a{text-decoration:none; color:#ffffff; font-size:14px; line-height:1em; font-family:Arial; font-weight:bold; text-transform:uppercase;}
.nav .selected a {color:#123cef;}
.nav td:hover, .nav .selected {background-image:url(img/nav_hover.jpg)}
.nav .first:hover {background-image:url(img/nav.jpg);}
.nav td:hover a {color:#ffffff;}
.nav .parent table {position:absolute; margin:9px -25px; padding:1px 2px; visibility:hidden; display:none; background:url(img/blue_box.jpg) repeat-x 0 0;}
.nav .parent table td { height:22px; margin:1px 0; padding-top:10px; padding-left:40px; border:none;}
.nav .parent table a{color:#ffffff;}
.nav .parent:hover table {}

/* footer's */
.affiliates {width:978px;}
.affiliates table {width:978px; margin:0; padding:0;}
.affiliates td {margin:0; padding:0; text-align:center;}

.footnote {width:977px; padding:8px 15px 0; color:#333973; font-family:Arial; font-size:0.9em; line-height:1.6em;}
.footnote a{text-decoration:none; color:#dc9c0a; font-weight:bold;}

/* common's */
.clear {clear:both;}
.hide {display:none;}
.line {height:8px; background:url(img/line.gif) repeat-x top;}


.spacer {background-color:Lime;}
.hidden {display:none;}

/* layout's */
.content, .core, .core_2, .core_3 .side, .side_2, .side_3 {overflow:hidden;}
.content {width:980px; margin:20px 0 30px;}

.core {width:650px;}
.side {width:310px;}

.core_2 {width:670px;}
.side_2 {width:290px;}

.core_3 {width:680px;}
.side_3 {width:280px;}

.auto {margin-left:auto; margin-right:auto;}
.left {float:left;}
.right {float:right;}

.pad {padding:20px;}
.margin { margin-top:30px; margin-bottom:30px;}

.blue {max-width:689px; color:#eeeeee; background:url(img/blue.jpg) repeat-y;}
.blue_lite {max-width:670px; max-height:490px; color:#eeeeee; background:url(img/blue_lite.jpg) no-repeat right top;}
.gray {max-width:650px; background:url(img/gray.jpg) repeat-y right top;}


.title {font-size:2em; color:#ffffff;}
.title span {color:#eeba1d;}

.title_blue {width:440px; height:24px; margin:0 auto 30px; padding:6px 0 6px 60px; font-size:18px; font-weight:bold; border:solid 1px #ffffff; background:url(img/blue_title.jpg) repeat-y;}

.title_gray {height:30px; margin:0; padding-left:20px; display:table-cell; vertical-align:middle; font-weight:bold; background:url(img/gray_title.jpg) repeat-x;}

.title_gray2 {height:34px; padding:20px 20px 0; color:#eeeeee; font-weight:bold; text-transform:uppercase; background:url(img/gray_title.jpg) repeat-x;}



.style_1 h4 { font-size:14px; line-height:18px; margin:0; padding:0; }
.style_1 p {color:#ffffff; text-transform:uppercase; padding-bottom:8px; font-weight:bold;}
.style_1 a { text-decoration:none; color:#eeba1d;}




.block {width:200px; float:left; border:solid 1px #333973; color:#ffffff; background:url(img/blue_bar.jpg) repeat-x;}
.block:hover {color:#123cef; background:url(img/blue_bar_hover.jpg) repeat-x;}
.block a img {width:200px; height:214px; position:absolute;}
.block p {width:200px; height:54px; margin:0; padding:26px 0 1px;text-align:center; text-transform:uppercase; font-size:20px; font-weight:bold;}
.block._left {border-left:none;  margin-right:30px;}


.block2 {width:200px; margin:10px 0 0 10px; float:left; color:#ffffff; border:solid 1px #333973; background:url(img/blue_bar_short.jpg) repeat-x;}
.block2:hover {background:url(img/blue_bar_short_hover.jpg) repeat-x;}
.block2 p {width:200px; height:42px; margin:0; padding:18px 0 1px;text-align:center; text-transform:uppercase; font-size:20px; font-weight:bold;}
.block2 div {width:200px; position:absolute; margin:61px 0px 0px -1px; border:solid 1px #333973; visibility:hidden; background-color:#433c2e;filter:alpha(opacity=90);opacity:0.9;}
.block2:hover div {visibility:visible;}
.block2 ul {margin-top:15px;}

.jobCategories {color:#eeba1d; list-style-type:square;}
.jobCategories a {text-decoration:none; color:#000000;}
.jobCategories a:hover {color:#eeba1d;}

.jobList {height:80px; margin-bottom:0px; padding:6px 20px 0; background:url(img/jobs_list.jpg) repeat-x;}
.jobList:hover { background-image:url(img/jobs_list_hover.jpg); }

.jobList p { margin-bottom:4px;}
.jobList p a { text-decoration:none; color:#ffffff; text-transform:uppercase; font-weight:bold; font-stretch:ultra-expanded;}



.pager {margin:4px; text-align:right; color:#ffffff;}
.pager a {color:#ffffff;}

.empty {margin-top:12px; padding:15px; text-align:center; border:solid 1px #333973;}
.empty {font-family:Arial; font-size:14px; font-weight:bold; font-stretch:ultra-expanded;}

.contact { width:260px; float:left; font-size:22px; line-height:24px;}
.contact li { width:156px; text-align:right; list-style-type:none;  float:left;}
.contact .left { width:100px; }
.contact .long { width:256px; font-size:14px; line-height:18px; padding-top:15px;}
.contact a {color:#eeba1d;}


/* ------------------------------------------------------ */

/* form */
.form {width:460px; padding:15px; line-height:18px;}
.form div {width:200px; padding:0 15px 10px 15px; float:left;}
.form input {width:194px;}
.form select {width:200px;}
.form h4 {margin:0; padding:0; font-size:14px; line-height:18px;}
.form h5 {margin:0 0 15px; padding:0 2px; border-bottom:solid 1px; text-align:right;}
.form h5 a { font-size:12px; font-family:Tahoma; font-weight:bold; font-style:italic; text-transform:lowercase; text-decoration:none;}

.form .single {width:430px;}
.form .expand {width:430px;}
.form .expand input {width:424px;}
.form .box input {width:auto;}

.form .button {width:auto; padding:16px 16px 0 0; text-align:right; clear:both; float:none; }
.form .button a, .form .button a:hover { color:#ffffff; font-weight:bold; font-size:14px; font-family:Arial;  text-transform:uppercase;}
.form .button img {width:16px; height:1px;}

.form.narrow {width:230px;}
.form.wide {width:600px;}
.form.wide textarea {width:594px; height:180px;}

.form.blue {max-width:689px; color:#ffffff; background:url(img/blue.jpg) repeat-y;}
.form.blue a {Color:#ffffff; font-weight:bold;}
.form.blue h4 span {color:#ff0000;}
.form.blue h4{ font-weight:normal;}

.form.blue_lite {max-width:670px; max-height:490px; color:#ffffff; background:url(img/blue_lite.jpg) no-repeat right top;}
.form.blue_lite a {Color:#ffffff; font-weight:bold;}
.form.blue_lite h4 span {color:#ff0000;}
.form.blue_lite h4{ font-weight:normal;}

.form.gray {max-width:652px; color:#ffffff; background:url(img/gray.jpg) repeat-y right top;}
.form.gray a {Color:#123cef; font-weight:bold;}
.form.gray h4 span {color:#ff0000;}
.form.gray h4 {color:#000000; font-weight:normal; padding-bottom:4px;}
.form.gray h5 { border-color:#000000;}
.form.gray h5 a {color:#123cef; font-weight:bold;}
.form.gray div {}
.form.gray .button a {color:#000000;}
.form.gray p {color:#ffffff;}

.form .highlight {background-color:lemonchiffon}


.popup{width:350px;padding:10px;border-width:3px;border-style:solid;border-color:#333973;background-color:#ffffff;}
.popup{border-color:#333973;}
.popup-background{background-color:#454c46;filter:alpha(opacity=70);opacity:0.7;}
.popup-title{padding:5px;border:solid 1px #000000; color:#ffffff; background-color:#333973;font-size:14px;font-weight:bold; cursor:move;}
.popup-text{padding:10px;}
.popup-button{text-align:right;}
X.popup-title{background-color:#333973;}
.popup a, .popup a:hover {color:#333973; font-weight:bold; font-size:14px; font-family:Arial;  text-transform:uppercase;}




/* form1 */
.form1 {width:460px; padding:15px; line-height:18px;}
.form1 li {width:200px; padding:0 15px 10px 15px; float:left; list-style:none;}
.form1 input {width:194px;}
.form1 select {width:200px;}
.form1 h4 {margin:0; padding:0; font-size:14px; line-height:18px;}
.form1 h5 {margin:0 0 15px; padding:0 2px; border-bottom:solid 1px; text-align:right; font-size:14px;}
.form1 h5 a {font-family:Tahoma; font-weight:bold; }

.form1 ._title {width:445px; margin-bottom:6px; padding:0; border-bottom:solid 1px #ffffff;}
.form1 ._single {width:430px;}
.form1 ._expand {width:430px;}
.form1 ._expand input {width:424px;}
.form1 ._box input {width:auto;}
.form1 ._resume {width:430px;}
.form1 ._resume  input {width:430px;}

.form1 ._button {width:auto; padding:16px 16px 0 0; text-align:right; clear:both; float:none;}
.form1 ._button a, .form .button a:hover { color:#ffffff; font-weight:bold; font-size:14px; font-family:Arial;  text-transform:uppercase;}
.form1 ._button img {width:16px; height:1px;}

.form1 span {color:Red;}
.form1 ._vSummary {width:430px;}

.form1.narrow {width:230px;}
.form1.wide {width:600px;}
.form1.wide textarea {width:594px; height:180px;}

.form1.blue {max-width:689px; color:#ffffff; background:url(img/blue.jpg) repeat-y;}
.form1.blue a {Color:#ffffff; font-weight:bold;}
.form1.blue h4 span {color:#ff0000;}
.form1.blue h4{ font-weight:normal;}

.form1.blue_lite {max-width:670px; max-height:490px; color:#ffffff; background:url(img/blue_lite.jpg) no-repeat right top;}
.form1.blue_lite a {Color:#ffffff; font-weight:bold;}
.form1.blue_lite h4 span {color:#ff0000;}
.form1.blue_lite h4{ font-weight:normal;}

.form1.gray {max-width:652px; color:#ffffff; background:url(img/gray.jpg) repeat-y right top;}
.form1.gray a {Color:#123cef; font-weight:bold;}
.form1.gray h4 span {color:#ff0000;}
.form1.gray h4 {color:#000000; font-weight:normal; padding-bottom:4px;}
.form1.gray h5 { border-color:#000000;}
.form1.gray h5 a {color:#123cef; font-weight:bold;}
.form1.gray div {}
.form1.gray .button a {color:#000000;}
.form1.gray p {color:#ffffff;}

.form1 .highlight {background-color:lemonchiffon}




/* form1 */
.formx {width:460px; padding:15px; line-height:18px;}
.formx li { padding:0 15px 10px 70px; list-style:none;}
.formx input {width:294px;}
.formx select {width:300px;}
.formx h4 {margin:0; padding:0; font-size:14px; line-height:18px;}
.formx h5 {margin:0 0 15px; padding:0 2px; border-bottom:solid 1px; text-align:right; font-size:14px;}
.formx h5 a {font-family:Tahoma; font-weight:bold; }

.formx ._title {width:445px; margin-top:12px; margin-bottom:18px; padding:0; border-bottom:solid 1px #ffffff;}
.formx ._single {width:430px;}
.formx ._expand {width:430px;}
.formx ._expand input {width:424px;}
.formx ._box input {width:auto;}
.formx ._resume {width:430px;}
.formx ._resume  textarea {width:300px;height:120px;}

.formx ._button {width:auto; padding:24px 16px 12px 0; text-align:right; clear:both; float:none;}
.formx ._button a, .form .button a:hover { color:#ffffff; font-weight:bold; font-size:14px; font-family:Arial;  text-transform:uppercase;}
.formx ._button img {width:16px; height:1px;}

.formx span {color:Red;}
.formx ._vSummary {width:430px;}

.formx.narrow {width:230px;}
.formx.wide {width:600px;}
.formx.wide textarea {width:594px; height:180px;}

.formx.blue {max-width:689px; color:#ffffff; background:url(img/blue.jpg) repeat-y;}
.formx.blue a {Color:#ffffff; font-weight:bold;}
.formx.blue h4 span {color:#ff0000;}
.formx.blue h4{ font-weight:normal;}

.formx.blue_lite {max-width:670px; max-height:490px; color:#ffffff; background:url(img/blue_lite.jpg) no-repeat right top;}
.formx.blue_lite a {Color:#ffffff; font-weight:bold;}
.formx.blue_lite h4 span {color:#ff0000;}
.formx.blue_lite h4{ font-weight:normal;}

.formx.gray {max-width:652px; color:#ffffff; background:url(img/gray.jpg) repeat-y right top;}
.formx.gray a {Color:#123cef; font-weight:bold;}
.formx.gray h4 span {color:#ff0000;}
.formx.gray h4 {color:#000000; font-weight:normal; padding-bottom:4px;}
.formx.gray h5 {width:300px; border-color:#333333; font-size:12px;}
.formx.gray h5 a {color:#333333; font-weight:bold; text-decoration:none; font-style:italic;}
.formx.gray div {}
.formx.gray .button a {color:#000000;}
.formx.gray p {color:#ffffff;}

.formx .highlight {background-color:lemonchiffon}


.textbox {width:640px; padding:20px; line-height:18px;}
.textbox li {width:600px; padding:0 0 10px; list-style:none;}
.textbox textarea {width:600px; height:600px; background-color:#ffffff}
.textbox h4 {margin:0; padding:0; font-size:14px; line-height:18px;}

.textbox ._button {_width:auto; padding:24px 16px 30px 0; text-align:right; clear:both; float:none;}
.textbox ._button a, .form .button a:hover { color:#ffffff; font-weight:bold; font-size:14px; font-family:Arial;  text-transform:uppercase;}
.textbox ._button img {width:16px; height:1px;}

.textbox.blue {max-width:689px; color:#ffffff; background:green url(img/blue.jpg) repeat-y;}
.textbox.blue a {Color:#ffffff; font-weight:bold;}
.textbox.blue h4 span {color:#ff0000;}
.textbox.blue h4{ font-weight:normal;}

.textbox.blue_lite {max-width:670px; max-height:490px; color:#ffffff; background:url(img/blue_lite.jpg) no-repeat right top;}
.textbox.blue_lite a {Color:#ffffff; font-weight:bold;}
.textbox.blue_lite h4 span {color:#ff0000;}
.textbox.blue_lite h4{ font-weight:normal;}