@import "css/reset.css";
@import "css/text.css";

/* ControlPanel style */
.ControlPanel{border:none;padding:0;padding-bottom: 10px;margin:0;border-bottom: solid 5px #272727;}
.ControlPanel table{margin:auto;margin-bottom: 5px}
.ControlPanel td{text-align:center}
.cpanel_left {padding-left:21px;}
.cpanel_right {padding-right:33px;}

/* ModuleTitle_SubMenu */
#body_ba table.ModuleTitle_SubMenu {width: 170px}


body {
    color:#000;
    background:#4B4B4B;
    text-align: center;
    font-family: Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif
}

body#Editor {
    color:#000;
    background:#FFF;
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Century Gothic',Tahoma,Arial,Helvetica
}


a:focus,
a:hover {
    color:#000
}

a{
    color:#2273CF;
    text-decoration:underline
}

div.container {
    width: 935px;
    text-align: left;
    margin:auto
}

div.Admincontainer {
    width: 935px;
    text-align: left;
    margin:auto
}

/*_HEAD*/
#head {
    background: #4B639E;
    color: #FFF;
    border-bottom: solid 5px #272727;
    height: 90px;
    float: left;
    width: 100%
}

#head .container {
    position: relative;
    height: 90px;
}

#head #logo h1 span, 
#head #logo p {
    position: absolute;
    left: -9999em
}

/* Logo Position */
#head #logo img {
    position: relative;
    top: 14px;
    left: 6px
}

/*_BODY*/
#body_ba {
    background: #353535 url(images/bg/bg-body.jpg) repeat-x;
    border-bottom: solid 5px #434343;
    float: left;
    width: 100%
}

#body_ba #shadows {
    background: url(images/bg/shadows.png) no-repeat center top;
    float: left;
    width: 100%
}

#body_ba #content {
    float: left;
    width: 660px
}

/*_SIDEBAR*/

#body_ba #sidebar {
    float: right;
    width: 270px;
    background: #272727;
    font-size: .90em;
}

#body_ba #sidebar h2 {
    font-size: 12px;
    font-weight: normal;
    margin-top: 0px 
}

/* secondary sidebar border */
#body_ba .ib {
    background: #FFF;
    padding: 0px;
}

/* secondary sidebar width */
#body_ba #sidebar .ibt {
    /*background: #73A552;*/
	background: #272727;
    padding-right: 0px;
    padding-bottom: 5px;
    position: relative
}

/* sidebar color */
#body_ba #sidebar .ibt-content {
    border: solid 1px #686868;
    border-top: none;
    background: #1B1B1B;
    color: #FFF;
    padding: 15px
}

/* sidebar "in this section" color */
#body_ba #sidebar .ibt-content h2 {
    position: absolute;
    top: 0;
    left: 1px;
    padding: 5px 0 5px 15px;
    color: #898989;
    background: url('images/bg/sidebar-ibt-bg.png') no-repeat;
    width: 250px;
    font-size: 11px
}

#body_ba #sidebar .ibt-content p,
#body_ba #sidebar .ibt-content ul {
    margin:0;
    padding: 20px 0 0 0;
}

#body_ba #sidebar .ib-content-t {
    border-top: solid 1px #e5e5e5;
    background: #e9e9e9 url('images/bg/white-4.gif') repeat-x left top;
    padding: 10px;
}

#body_ba #sidebar .ib-content-t p a img {
    margin: auto
}

#body_ba #sidebar .ib .ib-content-t h2 {
    position: static;
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: dashed 1px #707070;
    text-transform: uppercase
}

#body_ba #sidebar .ib-content-t ul {
    margin-bottom: 10px;
    padding-left: 15px
}

#body_ba #sidebar .ib-content-t ul li {
    margin-left: 0;
    margin-top: 8px;
    padding-left: 17px;
    list-style: none;
    background: url('images/bg/sidebar-li-bg-gray.png') no-repeat 5px 5px
}

#body_ba #sidebar .ib-content-t ul li a {
    display: block
}

#body_ba #sidebar .ib-content-l {
    border-top: solid 1px #e5e5e5;
    margin-top: 10px;
    padding-top: 5px
}

#body_ba #sidebar .ib-content-l #clientlogin {
    position: relative;
    top: -12px;
    padding-top: 8px;
    background: url('images/bg/sidebar-form-bg.png') no-repeat left top
}

#body_ba #sidebar .ib-content-l fieldset {
    border: none;
    background: #3D3D3D;
    padding-top: 0;
    padding-left: 8px;
    float: left;
    width: 100%
}

#body_ba #sidebar .ib-content-l legend {
    color: #FFF;
    font-size: 12px;
    font-weight: normal;
    padding: 0
}

#body_ba #sidebar .ib-content-l input {
    float: left;
    border: solid 1px #545454;
    background: #212121;
    color: #909090
}

#body_ba #sidebar .ib-content-l #username,
#body_ba #sidebar .ib-content-l #password {
    width: 87px;
    margin-right: 2px;
    padding: 2px
}

#body_ba #sidebar .ib-content-l #submit {
    color: #FFF;
    height: 22px
}


/*_FOOTER*/
#footer {
    clear: both;
    float: left;
    width: 100%;
    padding: 0;
    padding-top: 6px;
    font-size: .95em
}

#footer p {
    clear: left
}

#footer span.SkinObject {
    color: #000;
    font-weight: normal
}

/*_NAV (header and footer)*/

#head ul#HMMainMenu {
   position: absolute;
   right: 0;
   top: 34px;
   font-size: .95em
}

#footer ul {
   float: left;
   width: 100%;
   margin-bottom: 0;
   padding-left: 0px;
}

/* menu link color */
#footer ul a,
ul#HMMainMenu li a {
    color: #FFFFFF;
    text-decoration: none
}

#footer ul a:hover,
ul#HMMainMenu li a:hover {
    text-decoration: none
}

/* menu seperator */
#footer ul li,
ul#HMMainMenu li {
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
   padding-right: 3px;
   background: url('images/bg/sprites.png') no-repeat -2px -39px
}

ul#HMMainMenu li {
   display: block
}

ul#HMMainMenu li.first {
   background-image: none
}

#footer ul li {
   padding-right: 4px
}

#footer ul li a,
ul#HMMainMenu li a {
   display: block;
   padding: 0 6px 0 6px;
   margin-left: 6px
}

#footer ul li a {
   margin-left: 4px
}

/* Remove border on menu items */
ul#HMMainMenu li a {
   border: solid 0px #000
}

#footer ul li.first {
   margin-left: 0
}

#footer ul li.first a {
   margin-left: 0;
   padding-left: 0
}

#footer ul li a {
   border: solid 1px #4A4A4A
}

/* Remove menu hover border */
ul#HMMainMenu li a:hover,
ul#HMMainMenu li a#HMMainMenuCurrentLink,
ul#HMMainMenu li.active a {
   background: #1B1B1B;
   border: solid 0px #393939;
   color: #FFF;
}

#footer ul li a:hover {
   text-decoration: underline;
   color: #FFF
}

/**
 * Navigation Dropdown
 */

ul#HMMainMenu {
    z-index: 9999;
} 

ul#HMMainMenu li {
    position: relative;
    z-index: 9999;
} 

ul#HMMainMenu ul {
    position: absolute;
    left: -999em;
    text-align: left;
    width: 200px;
    background: #333;
    z-index: 9999;
    float: none
} 

ul#HMMainMenu ul a {
    color: #FFF
} 

ul#HMMainMenu li:hover ul, 
ul#HMMainMenu li.sfHover ul {
    left: 7px;
    top: 100%;
    z-index: 9999;
} 

ul#HMMainMenu li ul li ul {
    position: absolute;
    left: -999em !important;
    margin: 0 !important;
    padding: 0 !important
} 

ul#HMMainMenu li ul li:hover ul,
ul#HMMainMenu li ul li.sfHover ul {
    left: 200px !important;
    top: 0 !important;
    z-index: 9999;
} 

ul#HMMainMenu li ul li {
    float: none;
    line-height: 1.6em;
    padding: 0;
    margin: 0;
    z-index: 9999;
    background-image: none !important;
    background: transparent !important;
    border: none !important;
} 

ul#HMMainMenu li ul li a {
    text-decoration: none;
    display: block;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #CCC !important;
    padding: 0 0 0 10px;
    margin: 0;
    z-index: 9999;
    float: none;
    line-height: 1.6em
} 

ul#HMMainMenu li.active ul li a {
    background-image: none
} 

ul#HMMainMenu li ul li a:hover {
    text-decoration: none;
    background-image: none;
    background: #666 !important
}

/*_DEFAULTS*/
strong{font-weight:bold}dfn{font-style:italic;font-weight:bold}sup,sub{line-height:0}abbr,acronym{border-bottom:1px dotted #666}address{margin:0 0 1.5em;font-style:italic}
del{color:#666}pre,code{margin:1.5em 0;white-space:pre}
#body_ba table{margin-bottom:1.4em;width:95%}#body_ba th{font-weight:bold;background:#C3D9FF}#body_ba th,#body_ba td{padding:4px 10px 4px 5px}#body_ba tr.even #body_ba td{background:#E5ECF9}#body_ba tfoot{font-style:italic}#body_ba caption{background:#eee}
label{font-weight:bold}fieldset{padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc}legend{font-weight:bold;font-size:1.2em}input.text,input.title,textarea,select{margin:0.5em 0;border:1px solid #bbb}
input.text:focus,input.title:focus,textarea:focus,select:focus{border:1px solid #666}
input.text,input.title{width:300px;padding:5px}input.title{font-size:1.5em}textarea{width:390px;height:250px;padding:5px}div.pad{padding:0px;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}

/*_CUSTOM*/
p img {
    float:left;
    margin:1.5em 1.5em 1.5em 0;
    padding:0
}
    
p img.right {
    float:right;
    margin:1.5em 0 1.5em 1.5em
}
.clear{clear:both;}
.error, .notice, .success, .highlight{padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.small {font-size:85%;margin-bottom:1.875em}
.large {font-size:116%;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0; border:0;}
.more {padding:0; margin:0}
.sidebar-highlight-light {color: #FFF}
h2 span.sidebar-highlight-light {display:none}


/* Default styles for secondary pages */

#secondary #body_ba .ignore-me {
    margin-bottom: 10px;
    color: #333
}

#secondary #body_ba div.container {
    background: url('images/bg/secondary-body-bg.gif') repeat-y;
    overflow: hidden;
}

#secondary #body_ba div.Admincontainer {
    background: url('images/bg/secondary-body-bg-admin.gif') repeat-y;
    overflow: hidden;
}

#secondary #body_ba #content div.content-inner {
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 5px 5px 5px;
    border: solid 1px #CCC;
    border-top: none;
    height: auto!important;
    float: left;
    width: 589px;
    overflow-x: hidden
}

#secondary #body_ba #content div.Admincontent-inner {
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 5px 5px 5px;
    border: solid 1px #CCC;
    border-top: none;
    height: auto!important;
    width: 862px;
}

#secondary #body_ba #content div.content-inner .Normal {
    font: 13px/1.6em Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif !important;
    color: #000 !important
}

#secondary #body_ba #content div.content-header {
    height: 180px;
    position: relative
}

#secondary #body_ba #content div.content-header div.cookie-crumbs {
    position: absolute;
    bottom: 3px;
    left: 30px;
    background: #FFF;
    padding: 3px 6px 3px 0
}

#secondary #body_ba #content h2 {
    color: #F15628;
    margin-bottom: 20px;
    line-height: 1.3em
}

#secondary #body_ba #content h3 {
    margin-bottom: 15px;
    line-height: 1.3em;
    font-size: 1.4em
}

#secondary #body_ba #content table {
    margin-bottom: 20px;
    padding-bottom: 20px;
    /*border-bottom: dotted 1px #CCC*/
}


#secondary #body_ba #content table td {
    vertical-align: top
}

#secondary #body_ba #content table td.img-td-container {
    padding: 0 10px 0 0;
    margin: 0
}

p.center img,
#secondary #body_ba #content table td.img-td-container img {
    border: solid 2px #f0f0f0;
    padding: 2px;
    background: #f9f9f9
}

p.center a:hover img
#secondary #body_ba #content table td.img-td-container a:hover img {
    border: solid 2px #CCC
}

#secondary #body_ba #sidebar {
    margin-bottom: 5px
}

#secondary #body_ba #sidebar table {
    width: 210px;
}

#secondary #body_ba #sidebar table td{
   vertical-align:middle;
}

#secondary #body_ba #sidebar .ib {
    background: #FFF;
    padding-bottom: 0
}

#secondary #body_ba #sidebar .ibt .ibt-content {
    padding-left: 0;
    margin-left: 0
}

#secondary #body_ba #sidebar .ibt ul li {
    list-style: none;
    margin-left: 0;
    padding-left: 17px;
    line-height: 1.7em
}

#secondary #body_ba #sidebar .ibt ul li a {
    color: #FFF;
    text-decoration: none
}

#secondary #body_ba #sidebar #HMSidebarMenu iframe,
#HMMainMenu iframe {
    display: none
}

#secondary #body_ba #sidebar .ibt ul li a:hover,
#secondary #body_ba #sidebar .ibt ul li#HMSidebarMenuCurrentItem a#HMSidebarMenuCurrentLink {
    color: #F05627
}

#secondary #body_ba #sidebar .ibt ul li:hover,
#secondary #body_ba #sidebar .ibt ul li#HMSidebarMenuCurrentItem {
    background: url('images/bg/sidebar-li-bg-gray.png') no-repeat left 6px
}

#secondary #body_ba #sidebar .ibt ul li:hover,
#secondary #body_ba #sidebar .ibt ul li#HMSidebarMenuCurrentItem,
#secondary #body_ba #sidebar .ibt ul li.subulParent {
    background: url('images/bg/sidebar-li-bg-gray.png') no-repeat left 6px
}

#secondary #body_ba #sidebar .ibt ul li li#HMSidebarMenuCurrentItem {
    background-image: none
}

#secondary #body_ba #sidebar .ibt ul li li:hover  {
    background-image: none
}

#secondary #body_ba #sidebar .ibt-content ul#HMSidebarMenu li ul {
    margin: 0;
    padding: 0
}

#secondary ul#HMSidebarMenu ul {
   display: none
}

#secondary ul#HMSidebarMenu li.subulParent ul,
#secondary ul#HMSidebarMenu li#HMSidebarMenuCurrentItem ul {
   display: block
}

#secondary #body_ba #sidebar .ib-content-l {
    border-bottom: solid 1px #e5e5e5;
    padding-bottom: 0;
    height: 67px
}

#secondary #body_ba #sidebar .ib-content-l #clientlogin {
    height: 66px;
    overflow: hidden
}

#secondary #body_ba #sidebar .ib-content-l a {
    font-size: .96em;
    clear: both;
    display: block;
    margin-top: 5px
}

#secondary #body_ba #sidebar .ib-content-l a:hover {
    color: #FFF
}

/**
 * Content header classes
 */

#secondary #body_ba #content div.header-default {
    background: #FFF url('images/secondary/headers/1.jpg') no-repeat
}

#secondary #body_ba #content div.header-2 {
    background: #FFF url('images/secondary/headers/2.jpg') no-repeat
}

#secondary #body_ba #content div.header-3 {
    background: #FFF url('images/secondary/headers/3.jpg') no-repeat
}

#secondary #body_ba #content div.header-4 {
    background: #FFF url('images/secondary/headers/4.jpg') no-repeat
}

#secondary #body_ba #content div.header-5 {
    background: #FFF url('images/secondary/headers/5.jpg') no-repeat
}

#secondary #body_ba #content div.header-6 {
    background: #FFF url('images/secondary/headers/6.jpg') no-repeat
}

#secondary #body_ba #content div.header-7 {
    background: #FFF url('images/secondary/headers/7.jpg') no-repeat
}

#secondary #body_ba #content div.header-8 {
    background: #FFF url('images/secondary/headers/8.jpg') no-repeat
}

#secondary #body_ba #content div.header-9 {
    background: #FFF url('images/secondary/headers/9.jpg') no-repeat
}

#secondary #body_ba #content div.header-10 {
    background: #FFF url('images/secondary/headers/10.jpg') no-repeat
}

#secondary #body_ba #content div.header-11 {
    background: #FFF url('images/secondary/headers/11.jpg') no-repeat
}

#secondary #body_ba #content div.header-12 {
    background: #FFF url('images/secondary/headers/12.jpg') no-repeat
}


/* Default styles for homepage */

#home #body_ba #content {
    border-right: solid 5px #272727
}

#home div.ib img {
    float: left
}

#home div.ib-exceptional {
    border: solid 1px #686868;
    margin-bottom: 4px;
    padding: 4px;
    float: left
}

#home div.ib-smart-careers {
    float: left;
    position: relative
}

#home div.ib-smart-careers img,
#home div.ib-portfolio img {
    border: solid 1px #BDBDBD
}

#home div.ib-smart-careers img.girl {
    position: absolute;
    bottom: 5px;
    left: 1px;
    border: none;
    z-index: 9999
}

#home div.ib-portfolio {
    float: right;
    position: relative
}

#home div.ib h2 {
    color: #FFF;
    font-size: 1.15em;
    text-transform: uppercase;
    font-weight: bold;
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 10000
}

#home div.ib h2 a {
    color: #FFF;
    text-decoration: none
}

#home div.ib h2 a:hover {
    text-decoration: underline
}

#home div.ib-smart-careers h2 {
    bottom: 14px;
    right: 17px
}

#home div.ib-smart-careers h2 a {
    background: url('images/bg/sprites.png') no-repeat left -10px;
    padding-left: 18px
}

#home div.ib-portfolio h2 {
    top: 14px;
    left: 17px
}

#home div.ib-portfolio h2 a {
    background: url('images/bg/sprites.png') no-repeat right 6px;
    padding-right: 20px
}

#home #body_ba #sidebar .ibt-content {
    height: 273px;
    overflow: hidden
}

#home #body_ba #sidebar .ibt-content div.title_vis {
    display: none
}

#home #body_ba #sidebar .ibt-content p {
    line-height: 1.4em;
    font-size: 1.05em;
    font-family: Arial;
}

#home #body_ba #sidebar h2 {
    color: #F24A1A;
    font-weight:bold;
}

#home #body_ba #sidebar .ib {
    height: 222px;
    overflow: hidden
}

#home #body_ba #sidebar .ib-content-l form {
    height: 46px;
    overflow: hidden
}

#home #body_ba #sidebar .ib-content-t {
    height: 200px
}

/* generic classes */
.center {
    text-align: center
}

span.newscontainer{
   margin-top:4px;
}

div.nDetailsPane{
   margin-top:28px;
}

/* css for module title */
div span.head{
    color: #F15628;
    font-family:'Century Gothic',Tahoma,Arial,Helvetica;
    font-weight:normal;
    font-size:23px;
}

div #ModuleTitle{
  padding:0px 15px 0px 15px;
}

/* Profile styles */
#profile {
    float: left;
    width: 100%;
    font-size: 12px
}

#profile h1,
#secondary #body_ba #content #profile h2 {
    font-size: 13px;
    font-weight: bold;
    color: #064287;
    margin: 0 0 10px 0;
    padding: 0;
    clear: left
}

#secondary #body_ba #content #profile h2 {
    border-top: dotted 1px #ccc;
    border-bottom: dotted 1px #ccc;
    padding: 3px 0 3px 0
}

#profile-main {
    float: left;
    width: 180px;
}

#profile-meta {
    float: right;
    width: 345px;
}

#content-inner #dnn_ContentPane {
    width: 593px;
    overflow-x: hidden
}

/* job listing details css */

#secondary #body_ba #content div.ListDetailsTbl td.lstDetails span{
   font-family:Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif !important; font-size:13px !important; color:#000;
   
}

#secondary #body_ba #content div.JobListingDetails div.ListDetailsTbl h3 {
    margin-bottom: 4px;
    line-height: 1.3em;
    font-size: 1.4em;
    font-size:13px;
    font-weight:bold;
}

#secondary #body_ba #content div.JobListingDetails h2 {
    color: #F15628;
    margin-bottom: 8px;
    line-height: 1.3em;  
}

/* to resolve news module dotted border issue */

span.dlNews_IS {
   border-bottom:1px dotted #CCCCCC;
   display:block;
   width:100%;
   float:left;
   margin-bottom:10px;
   padding-bottom:10px;
}