﻿/*/*=========================================*/
/*         general css for fmc.com           */
/*===========================================*/
/**/
/*  1. Universal css*/
/**/
html {height:100%;}
#body {height:100%;margin:0;background-color:#fff;}
div{margin:0px; padding:0px;}
table, tr, td, p {color: #333;font-family: verdana, arial, helvetica, sans-serif;font-size: 12px;line-height: 18px;}
#clear{clear:both; margin:0; padding:0;font-size:0px;}
a:link, a:visited, a:active {color: #333;font-family: verdana, arial, helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: underline;}
a:hover {color: #111;font-family: verdana, arial, helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: underline;}
/*  2. layout css*/

/*outside of content layout css*/
#wrapper{background: url(images/background.gif) repeat-x top left transparent;text-align: center;padding: 0px;border:0; height:100%;}
#wrapper2{background: url(images/background2.jpg) repeat-x top left transparent;text-align: center;padding: 0px;border:0; height:100%;}
#maincontent{width: 952px;text-align:center;margin:0px auto;border-left: 1px solid #cdcEc8;border-right: 1px solid #cdcEc8;}
* html #maincontent{width:956px;}
/* top row css */
#toprow{height: 21px; width: 100%; padding:0; vertical-align:top;font-size:0px; background:#465757;}
/* logo row css */
#header{vertical-align:top;height:75px;background:#fff;padding-top:5px; border-right:1px solid #ccc; border-left:1px solid #ccc;}
* html #header{padding-bottom:10px;}
#headerleft{width: 100%;height:76px;background: url(images/l.jpg) repeat-y top left;}
#headerright{width: 100%;height:76px;background: url(images/r.jpg) repeat-y top right;}
#logodiv{float:left;width:300px;padding:12px 0 0 25px;text-align:left;}

/* fmc top row css */
#fmctoprowright {float:right; width: 600px; margin: 0 22px 0 0; _margin: 0 12px 0 0; padding:0px;background: #fff; vertical-align:top;text-align:right;}
span.fmctoprowright{text-align:right;vertical-align:top;}
.fmctoprowright{font-family: arial, helvetica, sans-serif;font-size: 10px;color: #666666;}
span.fmclogo{border:0px; padding-bottom: 0px; border-color:#fff;vertical-align:middle;}
.fmctoprowright a:link, .fmctoprowright a:visited, .fmctoprowright a:active{font-family: arial, helvetica, sans-serif;font-size: 10px;font-weight: bold;color: #666666;text-decoration:none;text-transform:uppercase;line-height: 13px;vertical-align:top;}
.fmctoprowright a:hover{font-family: arial, helvetica, sans-serif;font-size: 10px;font-weight: bold;color: #111;text-decoration:none;text-transform:uppercase;line-height: 13px;vertical-align:top;}
#fmclinks{text-align:right;padding-bottom: 10px;_padding-bottom: 0px; vertical-align:top;}
#search{text-align:right;padding:0px 10px 0 0;}
* html #search{padding-top:6px;}
/* menu row css */
#menurow{height: 28px; text-align:left;padding: 0; margin:0; vertical-align:top; background:url(images/menu_b.jpg) top left repeat-x;white-space:nowrap;}

#menu{margin:0;height:28px;display:inline-block;text-align:left;}

/* color box row css */
#box1{float:left;height:36px;border-right:1px solid #fff;background:#7b8688;}
#box2{float:left;height:36px;border-right:1px solid #fff;background:#7b8688;}
#box3{float:left;height:36px;border-right:1px solid #fff;background:#7b8688;}
#box4{float:left;height:36px;width:175px;background:#050134;}
.boxwidth{width:258px;}
* html .boxwidth{width:259px;}

/* flash row css */
.flashtable{padding:0px;margin:0px;border:0; }
#flash1{float:left;height:300px;width:258px;border-right:1px solid #fff;}
#flash2{float:left;height:300px;width:258px;border-right:1px solid #fff;}
#flash3{float:left;height:300px;width:258px;border-right:1px solid #fff;}

#flash4{float:left;width:175px; background:#656f8b; }
.topnews{height:294px;padding:0 10px;vertical-align:top;}

/* inner page */
#innerbox1{float:left;width:256px;background:#050134;}
#innerbox2{float:left;width:695px;background: #7b8688;}
.innerboxheight{height:36px;}
* html .innerboxheight{height:37px;}

.nav{float:left;text-align:left;height:225px;width:226px;background:#66708c;padding:20px 0 0 30px;border-right: 1px solid #cdcEc8;}
* html .nav{height:245px;width:246px;}
.image1{float:left;height:245px;width:324px;background: #7b8688;border-right: 1px solid #cdcEc8;overflow:hidden;}
.image2{float:left;height:245px;width:324px;background: #7b8688;border-right: 1px solid #cdcEc8;overflow:hidden;}
#navbkg{height:245px; width:100%;background:#aE1822;font-size:0;}
* html #navright{width:50px;}

#colorbar{height:37px;width:100%;background:#9da9aE;border-top: 1px solid #cdcEc8;}
* html #colorbar{height:38px;}
/* content row css */
#contentarea{min-height:500px;width:100%;background: #fff; margin:0;vertical-align:top;}
* html #contentarea{height:500px;}
.contenttable{width:100%;padding: 0 20px;overflow:auto;clear:both;}
* html .contenttable{width:96%;}

span.topnewstitle{font-size:16px;font-weight:bold;color:#fff;}
span.topnewstext{color:#fff;}
span.topnewstext a, span.topnewstext a:link, span.topnewstext a:visited{color:#fff;}

span.newstitle{font-size:11px; font-weight: bold;}
span.newstitle a, span.newstitle a:link, span.newstitle a:visited{font-size:11px; text-decoration:none;}
span.newstext{font-size:11px;}
/* content area / panes */
.contenttd{overflow:auto;}
.contentinnertable{width:100%;overflow:auto;clear:both;}

.paneheader{width: 100%;padding: 7px 0 0 0;}
.panetop, .panebottom, .panebottom2, .paneadmin{width: 100%;padding: 0;}
.paneleft {width: 25%;padding: 0 7px 0 0;vertical-align:top;}
.paneright {width: 25%;padding: 0 0 0 7px;vertical-align:top;}
.panetopleft{padding:0 7px 0 0;width: 50%; vertical-align:top;}
.panetopright{padding:0;width: 50%; vertical-align:top;}
.panecenter {width:50%;vertical-align:top;}
.panecontent2{width: 55%;}
.paneright2{width: 45%;padding: 0 0 0 7px;}
.panelower{width:33%;vertical-align:top;padding:0;}
.panelowerright {width: 33%;vertical-align:top;padding: 0 0 0 7px;}
.panelowerleft {width: 33%;vertical-align:top;padding: 0 7px 0 0;}
.paneright3 {width: 66%;padding: 0 0 0 7px;}
.dnnemptypane{width:0; padding:0;margin:0; line-height:0;}
/* content area / panes 02 skin*/
.leftpane02{border-right: 1px solid #d4d0c8;padding: 10px; width:25%;}
.contentpanelefttop{padding: 10px; background:#f9f9f9;border-bottom: 1px solid #d4d0c8; border-right: 1px solid #d4d0c8;width:50%;}
.contentpanerighttop{padding: 10px; border-bottom: 1px solid #d4d0c8;width:50%;}
.panecenter02 {vertical-align:top; padding: 20px 10px 5px 10px; height:100%;border-bottom: 1px solid #d4d0c8; width:45%;}
.topleftcontentpane{vertical-align:top; padding: 5px 5px 5px 10px; width:45%;}
.toprightcontentpane{vertical-align:top; padding: 5px 5px 5px 5px; width:45%;}
.panetopcenter02{vertical-align:top; padding: 10px 10px 5px 10px; }

/* content area / panes 03 skin*/
.panecenter03 {width:650px;vertical-align:top; padding: 20px 10px 5px 10px; height:100%;border-bottom: 1px solid #d4d0c8; }
.rightpane03{border-left: 1px solid #d4d0c8;border-bottom: 1px solid #d4d0c8;padding: 60px 10px 10px 10px;width:300px;}

/* footer row css */
#footer{height:64px;width:100%;border-top:1px solid #ddd;border-right:1px solid #ddd; border-left:1px solid #ddd; padding:10px 0;}
#footerline{clear:both;height:12px; width:100%;padding: 0; background: #465757; vertical-align:top; text-align:right; position:relative; bottom:0px;left:0px;}
#footerline3{z-index:100;height:12px; width:100%;padding: 0; background: #465757; vertical-align:top; text-align:right; position:relative;bottom:0px;left:0px;}
#footerleft{text-align:left; float:left; width:60%; padding-left:20px;}
#footerlinks{}
#footerright{text-align:right; vertical-align:top;float:right; width: 332px; padding-right:10px;}
/*  footer */
/* footer links css */
span.footerlinks{text-align:right;}
.footerlinks{font-family: arial, helvetica, sans-serif;font-size: 9px;font-weight: bold;color: #666;line-height: 12px;}

/*footer text*/
.footer {color: #fff;font-size: 11px; white-space:nowrap;}
#footerlinks{padding-bottom:5px;}
.footerlinks a:link, .footerlinks a:visited, .footerlinks a:active{font-family: arial, helvetica, sans-serif;font-size: 9px;font-weight: bold;color: #666;text-decoration:none;text-transform:uppercase;line-height: 12px;}
.footerlinks a:hover{font-family: arial, helvetica, sans-serif;font-size: 9px;font-weight: bold;color: #111;text-decoration:none;text-transform:uppercase;line-height: 12px;}
span.copyrighttext{text-align:left;}
.fmcfooter{font-family: tahoma, arial, helvetica, sans-serif;font-size: 11px;color:#ccc;width:600px;}

/* copyright css */
.copyrightdiv{padding-top:10px;}
span.copyrighttext{text-align:left;}
.copyrighttext{color: #777;font-family: arial, helvetica, sans-serif;font-size: 10px;line-height: 12px;}

/*   links / text */
h1{font-family: arial, helvetica, sans-serif; font-size: 22px; color: #111;line-height:30px;}
h2{font-family: arial, helvetica, sans-serif;font-weight: bold; font-size:18px; color: #111;line-height:25px;}
h3{font-family: arial, helvetica, sans-serif; font-size:16px; color: #111; line-height:24px; margin-bottom:10px;}

/*hyperlink style for the unselected tabs */
.othertabs {font-size: 12px;color: #333;font-family: tahoma, arial, helvetica, sans-serif;text-decoration: none;}
a.othertabs:link, a.othertabs:visited, a.othertabs:active {text-decoration: none;color: #333;background-color: transparent;border: 0;font-weight: bold;}
a.othertabs:hover {text-decoration: underline;color: #333;background-color: transparent;border: 0;font-weight: bold;}
/*head*/
.head {font-size: 14px;color: #333;font-weight: bold;}
/*subhead text*/
a.subhead:link, a.subhead:visited, a.subhead:active {color: #6E8E05;text-decoration: none;font-family: tahoma, arial, helvetica, sans-serif;font-size: 12px;font-weight: normal;}
a.subhead:hover {color: #2c2c2c;text-decoration: none;font-family: tahoma, arial, helvetica, sans-serif;font-size: 12px;font-weight: normal;}
/*normal text*/
.normal {color: #333;font-family: verdana, arial, helvetica, sans-serif;font-size: 12px;line-height: 22px;}
a.normal:link, a.normal:visited {color: #333333;font-family: verdana, arial, helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: none;}
a.normal:hover {color: #222;font-family: verdana, arial, helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: none;}
.normalred {color: #900;font-family: verdana, arial, helvetica, sans-serif;font-weight: bold;font-size: 12px;}
.normalbold {font-family: verdana, arial, helvetica, sans-serif;font-size: 12px;font-weight: bold;}
/*links for entire site*/
select, input {font-family: verdana, arial, helvetica, sans-serif;font-size: 12px;color: #333;text-align:left;}
/*applied to invisible objects*/
.invisible {visibility: hidden;}
hr{color:#6caccf;}
/*-- bullet css --*/
ul {}
Ul li{ font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; color:#333;line-height:16px; }
Ul li li{list-style-image:url('images/bullet2.gif');font-family: verdana, arial, helvetica, sans-serif; font-size: 12pt; line-height:16px; color:#333;}
Ul li Ul li{ font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color:#333;line-height:16px; text-decoration:underline;}
/*-- left navigatin flexplex css --*/
.innernav{font-size: 12px; font-family: verdana, arial, helvetica, sans-serif;}
a.innernavparent, a.innernavparent:visited, a.innernavparent:link, a.innernavparent:active{font: bold 14px arial, helvetica, sans-serif; color:#fff; line-height: 14px; text-decoration:none;padding: 2px 0 0 20px;}
a.innernavparent:hover{font: bold 14px arial, helvetica, sans-serif; color:#ddd; line-height: 14px; text-decoration:none;}
a.innernavparentsel, a.innernavparentsel:visited, a.innernavparentsel:link, a.innernavparentsel:active{font: bold 14px arial, helvetica, sans-serif; color:#ccc; line-height: 14px; text-decoration:none; padding: 2px 0 0 20px;}
a.innernavparentsel:hover{font: bold 14px arial, helvetica, sans-serif; color:#ddd; line-height: 14px; text-decoration:none;}

td a.innernavparent{background: url(images/navarrow.jpg) left no-repeat; padding-left:20px;line-height: 14px;}
td a.innernavparentsel{background: url(images/navarrowsel.jpg) left no-repeat; padding-left:20px;line-height: 14px;}

.leftnav{font-size: 14px; font-family: verdana, arial, helvetica, sans-serif;width:200px;color:#5b759a;}
a.leftnavparent, a.leftnavparent:link, a.leftnavparent:active, a.leftnavparent:visited{font: bold 14px arial, helvetica, sans-serif; color:#5b759a; line-height: 1.5em; text-decoration:none;}
a.leftnavparent:hover, .leftnavparent a:hover{font: bold 14px arial, helvetica, sans-serif; color:red; line-height: 1.5em; text-decoration:none;}
a.leftnavparentsel, a.leftnavparentsel:visited, a.leftnavparentsel:link, a.leftnavparentsel:active{font: bold 14px arial, helvetica, sans-serif; color:red; line-height: 1.5em; text-decoration:none;}
a.leftnavparentsel:hover{font: bold 14px arial, helvetica, sans-serif; color:red; line-height: 1.5em; text-decoration:none;}

/*-- module menu css --*/

.moduletitle_submenu {background: #fff; padding: 4px 0 0 0; border: 1px solid #111111;z-index: 1;  cursor: pointer;  cursor: hand; font-weight: normal; filter: none;}
/*submenu idle*/ 
.moduletitle_menuitem { color: #333333; font-family: tahoma; font-size: 11px; font-weight: bold; font-style: normal; padding: 0px 30px 0px 16px; height: 20px; background: transparent; }
.mainmenu_menuitemsel{background: transparent;}
.moduletitle_menuitemsel{color: #fff; font-family: tahoma; font-size: 11px; font-weight: bold; cursor: pointer; cursor: hand; height: 20px; border-top: 1px solid #999999;border-bottom: 1px solid #999999;background-color: #62a6cb; padding: 0px 30px 0px 16px;}
/*module menu continer*/
.moduletitle_menucontainer{color: #2c2c2c;}
/*module menu bar*/
.moduletitle_menubar{cursor: hand;background: transparent;}
/*not needed*/
.mainmenuseperator, .moduletitle_menuarrow, .mainmenu_menuarrow, .mainmenu_menuicon, .moduletitle_menuicon {display: none;}
.moduletitle_rootmenuarrow{display: none;}

/*--rss css --*/
#rss{float:right; padding-right:10px;font-size: 10px; }
#rss a{text-decoration: none;}
#rss a:hover{text-decoration: underline;}


td.cuq{width:200px;}
input.cutb, select.cutb{width:275px;}
textarea.cumb{width:400px; height:100px;}
input, select{font-family: arial, helvetica, sans-serif; font-size: 12px; }

/*--Location XMOD Css --*/
.locationstable{ width:800px;background:#fff;overflow:visible;}
.locationstable td,.locationstable tr{vertical-align:top;}
div.innertable{border:1px solid #ccc;width:300px;height:235px !important;background:#fff; padding:5px;}
.innertable td{vertical-align:top;}
.innertable div{padding-left:10px;}
#locationsglobalmap{float:left;width:500px;}
#locationsbybusinesslist{font-size:12px;margin-top:5px;}
#locationsbybusiness{font-weight:bold;font-size:18px;float:left; color:#060335; margin: 20px 50px 0 0; vertical-align:top;}

#locationsresult{clear:both;height:100%}

div.locationresult{float:left;width:800px;height:100%;overflow:visible;}
* html div.locationresult{height:auto;}
div.innertable{float:left;border:1px solid #ccc;width:250px;height:175px;background:#fff; padding:5px;}

/* location xmod form */
.locationtd{width:200px;font-weight:bold;}
.locationtd input{width:250px;}

#howto{display:block; background:url('Images/howtoapply.jpg'); width:203px; height:45px;}
#howto:hover{background:url('Images/howtoapply_over.jpg');}
#Current{display:block; background:url('Images/currentopenings.jpg'); width:203px; height:45px;}
#Current:hover{background:url('Images/currentopenings_over.jpg');}
/*-- End css --*/