

p,h1,h2,h3,h4
{
margin:0px;
padding:0px;

}
body
{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:11px;
line-height: 140%;
}
a
{
color:#2C79BE;
text-decoration:none;
}
a:hover
{
text-decoration:underline;
}
h1
{
color:#333333;
font-size:15px;
margin-bottom:5px;
line-height: 135%;
}
h1 a
{
color:#333333;
}
h2
{
color:#2C79BE;
font-size:15px;
margin-bottom:3px;
line-height: 135%;
}
h2 a
{
color:#2C79BE;
}

h3
{
font-size:12px;
color:#000;
font-weight:bold;
}
h3 a
{
color:#000;
}
h4
{
color:#333333;
font-size:11px;
margin-bottom:5px;
line-height: 135%;
}
#layout
{
    width:970px;
	margin: 0px auto -1px auto;
	overflow: hidden;
}
#banner
{
position:absolute;
height:32px;
margin-top:12px;
width:970px;
}


#logo
{
background-image:url(../images/logo.gif);
background-repeat:no-repeat;
height:32px;
width:204px;
float:left;


}
#upper-links
{

float:right;
margin-top:15px;
margin-right:5px;
}
#upper-links a
{
color:#000000;
text-decoration:none;
text-transform:uppercase;
font-size:11px;
}
#nav-menu
{

position:absolute;
height:48px;
background-image:url(../images/menu-pix.gif);
 width:970px;
margin-top:49px;
}
#nav-menu ul
{
list-style:none;
margin:0px;
padding:0px;
}
#nav-menu ul li
{
float:left;
margin:0px;
padding:0px;
}
#nav-menu ul  .border
{
background-image:url(../images/menu-border.gif);
height:45px;
width:5px;
}
#nav-menu ul a
{
color:#FFF;
font-size:13px;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
line-height:48px;
margin-left:10px;
margin-right:10px;
}
#nav-menu ul a:hover
{
color:#0e3f6b
}
#nav-menu .left-edge
{
height:48px;
width:14px;
background-image:url(../images/menu-left.gif);
}
#nav-menu .right-edge
{
height:48px;
width:14px;
float:right;
background-image:url(../images/menu-right.gif);
}
#nav-menu .number
{
float:right;

}
#nav-menu .number p
{
color:#FFFFFF;
font-size:13px;
font-weight:bold;
margin-top:15px;
}
#content
{

}
#black-div
{
background-image:url(../images/withline.png);
width:680px;
height:84px;
}
#black-div p
{
color:white;
font-size:14px;
margin-bottom:5px;
}
#black-div-right
{
margin-top:20px;
margin-right:20px;
text-align:right;
float:right;
}
#black-div-left
{
float:left;
width:190px;
margin-top:20px;
margin-left:20px;
height:64px
}
#black-div-left h1
{
color:white;
}
#black-div a
{
color:white;
font-size:18px;
font-weight:bold;
line-height:22px;
}
#black-div a:hover
{

}
.blue
{
    color:#4A92CC;
}
#flash
{
    position:absolute;
    margin-top:105px;
}
.content-list 
{
margin:0px;
padding:0px;
margin-left:20px;
list-style:outside;
list-style-image:url(../images/bullet.gif);
line-height:16px;
}
#content-list  li
{

}
#content-left
{
position:absolute;
width:690px;
margin-top:105px;

}
#content-right
{
position:absolute;
margin-left:713px;
width:257px;
margin-top:105px;

}
#content-upper
{
margin-bottom:10px;
}
#content-bottom
{
clear:both;

}

#content-bottom-left
{
width:340px;
float:left;
margin-right:0px;
}
#content-bottom-right
{
width:320px;
float:left;
margin-left:20px;
}

.content-bottom-left-sec
{
width:340px;
float:left;
margin-right:0px;
}

.content-bottom-right-sec
{
width:320px;
float:left;
margin-left:20px;
}

.content-bottom-sec
{
clear:both;
}

#footer
{
height:34px;
background-image:url(../images/footer-pix.gif);
width:100%;
clear:both;
margin-bottom:15px;
width:970px
}
#bottom-area
{
    margin-top:90%;
   
    /*position:absolute;*/
}
#footer-logo
{
background-image:url(../images/footer-logo.gif);
width:142px;
height:34px;
float:left;
}
#footer-end
{
background-image:url(../images/footer-right.gif);
width:11px;
height:34px;
float:right;
}
#footer-copy
{
float:right;
color:#006699;
line-height:32px;
}
#under-footer
{
margin-bottom::10px;
text-align:center;
width:100%;
}

a.btn-more
{
display:block;
width:104px;
height:35px;
line-height:33px;
text-align:center;
font-size:14px;
text-decoration:none;
color:#FFFFFF;
background-image:url(../images/btn-more.gif);
margin-bottom:5px;
margin-top:5px;
}
a.btn-more:hover
{
color:#176ebd
}
#under-footer-inner
{
margin-left:70px;
margin-right:20px;
}
.links
{
width:200px;
text-align:left;
float:left;
margin-left:10px;
margin-right:10px;
color: #cccccc;
}
.links ul
{
list-style:none;
padding:0px;
margin:0px;
}
.links ul li a
{
font-size:11px;
color:#666666;
text-decoration:none;
}
.links ul li a:hover
{
color:#2C79BE;
text-decoration:underline;
}
/* boxes */

/* set the image to use and establish the lower-right position */ 
/* set the image to use and establish the lower-right position */ 
.cssbox-small, .cssbox-large, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(../images/box.png) no-repeat bottom right; 
} 
.cssbox-large { 
clear:both;
   width: 680px !important; /* intended total box width - padding-right(next) */
    width: 680px; /* IE Win = width - padding */
    padding-right:15px; /* the gap on the right edge of the image (not content padding) */
    margin: 0px; /* use to position the box */
 
} 
.cssbox-small { 
   width: 240px !important; /* intended total box width - padding-right(next) */
    width: 240px; /* IE Win = width - padding */
    padding-right:15px; /* the gap on the right edge of the image (not content padding) */
    margin: 0px; /* use to position the box */
 
} 
/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 { 
    /* reset main site styles*/ 
    /* ditto */ 
    /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important;     border-style: none;
        border-color: inherit;
        border-width: 0;
        background-position: left top;
        color:White;
        margin: 0;
        padding: 14px 0 0px 0px;
      height: 1px !important; /* IE Holly Hack */
  
        font-size:11px;
    } 

/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 0px; /* interior-padding right */ 
    padding: 6px 0px 20px 20px; /* mirror .cssbox_head right/left */ 
    margin-top:-3px;
    
}
/*----------------------box with title ----------------------*/
.cssbox-title-med,.cssbox-title-small, .cssbox_body-title, .cssbox_head-title, .cssbox_head-title h2 {
    background: transparent url(../images/box-title.png) no-repeat bottom right; 

} 

.cssbox-title-small { 

 
    width: 240px !important; /* intended total box width - padding-right(next) */
    width: 240px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 0px ; /* use to position the box */
 
} 
.cssbox-title-med { 

 
    width: 315px !important; /* intended total box width - padding-right(next) */
    width: 315px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 0px ; /* use to position the box */
 
} 
/* set the top-right image */ 
.cssbox_head-title { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head-title h2 { 
    /* reset main site styles*/ 
    /* ditto */ 
    /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important;     border-style: none;
        border-color: inherit;
        border-width: 0;
        background-position: left top;
        color:White;
        margin: 0;
        padding: 12px 0 15px 15px;
		color:#FFFFFF;
font-size:17px;
font-weight:normal;
height: 35px !important; /* IE Holly Hack */ 
    } 

/* set the lower-left corner image */ 
.cssbox_body-title { 
    background-position: bottom left; 
    margin-right: 0px; /* interior-padding right */ 
    padding: 0px 0px 10px 10px; /* mirror .cssbox_head right/left */ 
    
}

/*--------------------------coloumns Nifty----------------------------*/
.nifty-longsmall-left
{
    float:left;
    width:55px;
    margin:0px;
    margin-right: 10px;
}
.nifty-longsmall-right
{
    float:right;
    margin:0px;
    width:155px;
}
.nifty-small-left
{
    float:left;
    width:90px;
    margin:0px;
    margin-right: 10px;
}
.nifty-small-right
{
    float:right;
    margin:0px;
    width:120px;
}


.nifty-med-left
{
    float:left;
    width:120px;
    margin:0px;
    margin-right:15px;
}
.nifty-med-right
{
    float:right;
    margin:0px;
    width:170px;
}


.nifty-large-left
{
    float:left;
    width:310px;
    margin:0px;
margin-right:20px;
}
.nifty-large-right
{
    float:right;
    margin:0px;
    width:310px;
}

/*------------------------------------------------------------------------*/
.small-head
{
background-image:url('../images/small-head.gif');
width:254px;
height:39px;
line-height:39px;
margin-bottom:7px;

}
.small-head p
{
color:#FFF;
font-size:17px;
margin-left:13px;
}
#over_comm,#over_search,#over_input,#over_manage
{
display:none;
}

#inner-menu ul
{
margin:0px;
padding:0px;
list-style:none;
margin-bottom:5px;
}
#inner-menu ul li a
{
width:253px;
height:28px;
display:block;
background-image:url(../images/inner-menu-btn.gif);
background-repeat:no-repeat;
line-height:26px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
padding-left:20px;
}
#inner-menu ul li a:hover
{
background-position: 0 -28px;
}
.table-icon
{
    width:113px;
}
.table-text
{
    width:220px
}
.active
{
color:red;
}

/*<!-- features and modules -->*/



a.btn-powerful-search
{
width:113px;
height:115px;
display:block;
background-image:url(../images/buttons/powerful_search_btn.jpg);
background-repeat:no-repeat;
}
a.btn-powerful-search:hover
{
background-position: 0 -115px;
}

a.btn-cv-search
{
width:113px;
height:115px;
display:block;
background-image:url(../images/buttons/cv_parsing_btn.jpg);
background-repeat:no-repeat;
}
a.btn-cv-search:hover
{
background-position: 0 -115px;
}


a.btn-tag-management
{
width:113px;
height:115px;
display:block;
background-image:url(../images/buttons/tag_management_btn.jpg);
background-repeat:no-repeat;
}
a.btn-tag-management:hover
{
background-position: 0 -115px;
}

a.btn-diary-alarm
{
width:113px;
height:115px;
display:block;
background-image:url(../images/buttons/diary_alarm_btn.jpg);
background-repeat:no-repeat;
}
a.btn-diary-alarm:hover
{
background-position: 0 -115px;
}

a.btn-simple-navigation
{
width:113px;
height:115px;
display:block;
background-image:url(../images/buttons/simple_navigation_btn.jpg);
background-repeat:no-repeat;
}
a.btn-simple-navigation:hover
{
background-position: 0 -115px;
}

a.btn-workflow-wizards
{
width:113px;
height:115px;
display:block;
background-image:url(../images/buttons/workflow_wizards_btn.jpg);
background-repeat:no-repeat;
}
a.btn-workflow-wizards:hover
{
background-position: 0 -115px;
}

a.btn-baskets
{
width:113px;
height:115px;
display:block;
background-image:url(../images/buttons/baskets_btn.jpg);
background-repeat:no-repeat;
}
a.btn-baskets:hover
{
background-position: 0 -115px;
}

a.btn-customer-support
{
width:113px;
height:115px;
display:block;
background-image:url(../images/buttons/customer_support_btn.jpg);
background-repeat:no-repeat;
}
a.btn-customer-support:hover
{
background-position: 0 -115px;
}

a.btn-database-reporting
{
width:113px;
height:115px;
display:block;
background-image:url(../images/buttons/database_reporting_btn.jpg);
background-repeat:no-repeat;
}
a.btn-database-reporting:hover
{
background-position: 0 -115px;
}

a.btn-bulk-email-sms
{
width:113px;
height:115px;
display:block;
background-image:url(../images/buttons/bulk_email_sms_btn.jpg);
background-repeat:no-repeat;
}
a.btn-bulk-email-sms:hover
{
background-position: 0 -115px;
}

a.btn-user-licenses
{
width:113px;
height:115px;
display:block;
background-image:url(../images/buttons/user_licenses_btn.jpg);
background-repeat:no-repeat;
}
a.btn-user-licenses:hover
{
background-position: 0 -115px;
}

a.btn-timesheets-invoices
{
width:113px;
height:115px;
display:block;
background-image:url(../images/buttons/timesheets_invoices_btn.jpg);
background-repeat:no-repeat;
}
a.btn-timesheets-invoices:hover
{
background-position: 0 -115px;
}

a.btn-branded-portal
{
width:113px;
height:115px;
display:block;
background-image:url(../images/buttons/branded_portal_btn.jpg);
background-repeat:no-repeat;
}
a.btn-branded-portal:hover
{
background-position: 0 -115px;
}

a.btn-text-messaging
{
width:113px;
height:115px;
display:block;
background-image:url(../images/buttons/text_messaging_btn.jpg);
background-repeat:no-repeat;
}
a.btn-text-messaging:hover
{
background-position: 0 -115px;
}

a.btn-broadbean-feed
{
width:113px;
height:115px;
display:block;
background-image:url(../images/buttons/broadbean_feed_btn.jpg);
background-repeat:no-repeat;
}
a.btn-broadbean-feed:hover
{
background-position: 0 -115px;
}

a.btn-wnw-job-board
{
width:113px;
height:115px;
display:block;
background-image:url(../images/buttons/wnw_job_board_btn.jpg);
background-repeat:no-repeat;
}
a.btn-wnw-job-board:hover
{
background-position: 0 -115px;
}

a.btn-jbe
{
width:113px;
height:115px;
display:block;
background-image:url(../images/buttons/jbe_btn.jpg);
background-repeat:no-repeat;
}
a.btn-jbe:hover
{
background-position: 0 -115px;
}

a.btn-ondemand-backups
{
width:113px;
height:115px;
display:block;
background-image:url(../images/buttons/ondemand_backups_btn.jpg);
background-repeat:no-repeat;
}
a.btn-ondemand-backups:hover
{
background-position: 0 -115px;
}

a.btn-data-migration
{
width:113px;
height:115px;
display:block;
background-image:url(../images/buttons/data_migration_btn.jpg);
background-repeat:no-repeat;
}
a.btn-data-migration:hover
{
background-position: 0 -115px;
}

/*  Jane's additions */

.table-text-sm p {
    margin-left: 8px;
}

.table-icon-sm {
    width:60px;
}
.table-text-sm {
    width:273px
}

.table-text-web p {
    color: #2C79BE; 
}

.table-icon-web {
    width:220px;
}
.table-text-web {
    width:460px
}

a.intext:link {
color: #000000;
font-size: 11px;
line-height: 140%;
text-decoration: underline;
}

a.intext:visited {
color: #000000;
font-size: 11px;
line-height: 140%;
text-decoration: underline;
}

a.intext:hover {
color: #2C79BE;
font-size: 11px;
line-height: 140%;
text-decoration: none;
}

a.intext:active {
color: #333333;
font-size: 11px;
line-height: 140%;
text-decoration: underline;
}

a.sidenav:link {
color: #000000;
font-size: 11px;
line-height: 140%;
text-decoration: none;
}

a.sidenav:visited {
color: #000000;
font-size: 11px;
line-height: 140%;
text-decoration: none;
}

a.sidenav:hover {
color: #000000;
font-size: 11px;
line-height: 140%;
text-decoration: underline;
}

a.sidenav:active {
color: #333333;
font-size: 11px;
line-height: 140%;
text-decoration: none;
}

.table-text a {
color: #2C79BE;
font-size: 15px;
font-weight: bold;
line-height: 140%;
text-decoration: none;
}

#imap {
  display:block; 
  width:337px; 
  height:600px; 
  background:url(../images/overview_recruitment_software.png) no-repeat; 
  position:relative;
 }

#imap a#overview_title {
  display:block; 
  width:337px; 
  height:0; 
  padding-top:240px; 
  overflow:hidden; 
  position:absolute; 
  left:0; 
  top:0; 
  background:transparent url(../images/overview_recruitment_software.png) no-repeat 337px 337px; 
  cursor:default;
  }
  
/* the hack for IE pre IE6 */
* html #imap a#overview_title {
  height:240px;
  he\ight:0;
  }

#imap a#overview_title:hover {
  background-position: 0 0; 
  z-index:10;
  }

#imap dd {
  position:absolute; 
  padding:0; 
  margin:0;
  }
#imap #pic_overview {
  left:-4px; 
  top:0px; 
  z-index:20;
  }
#imap #pic_input {
  left:130px; 
  top:0px; 
  z-index:20;
  }
#imap #pic_communicate {
  left:204px; 
  top:125px; 
  z-index:20;
  }
    }
#imap #pic_search {
  left:131px; 
  top:200px; 
  z-index:20;
  }
#imap #pic_manage {
  left:11px; 
  top:123px; 
  z-index:20;
  }

#imap a#input {
  display:block; 
  width:85px; 
  height:85px; 
  background:transparent url(../images/overview_input.png) -4px 0px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }

#imap a#communicate {
  display:block; 
  width:85px; 
  height:85px; 
  background:transparent url(../images/overview_communicate.png) -4px 0px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }

#imap a#search {
  display:block; 
  width:85px; 
  height:85px; 
  background:transparent url(../images/overview_search.png) -4px 0px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }
  
#imap a#manage {
  display:block; 
  width:85px; 
  height:85px; 
  background:transparent url(../images/overview_manage.png) -4px 0px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }
  /*-----------------------Forms Styles-------------------------*/

.DataLabel
{
width:250px;    
}
.DataField
{
  
}
.tbl_space
{
    width:50px;
}
.DataField,.DataText input,.DataText select,.DataText textarea
{
    width:170px;
    border:solid 1px  #569AD1;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:11px;
}
.form-table
{
    width:650px;
}
.DataLabel-med
{
 width:300px;   
}
.news-title-main a
{
    font-weight:bold;
    color:#2c79be;
    text-decoration:none
}
.news-title-main a:hover
{
    text-decoration:underline
}
.news-desc-main
{
    color:#000;
}
.news-date-main
{
    font-weight:bold;
}
.news-title a
{
    text-decoration:none;
    font-weight:bold;
}
.news-title a:hover
{
    text-decoration:underline;
    font-weight:bold;
}
/*------------------------------------------------------------*/