html,body {
color: #282925;
margin: 0;
padding:0;
font-family: Arial, sans-serif;
font-weight: normal;
font-size: 13px;
/*background-color:#fff;*/

z-index:1;
height:100%;
text-align:center;
background-image:url('Images/mclaren-bg1.jpg');
background-repeat:repeat-x
}

#top {
left:50%;
height:15px;
width:800px;
/*background:transparent url(design_images/bg_top.jpg) no-repeat;*/
z-index:2;
margin:0 auto;
padding:10;
background-color: #CCFF33;
/*background-color: #ffffff;*/
}
#top1 
{
    left:50%;
height:75px;
width:800px;
/*background:transparent url(design_images/bg_top.jpg) no-repeat;*/
z-index:2;
margin:0 auto;
padding:10;
background-color: #CCFF33;
text-align: left;
/*background-color: #ffffff;*/
}

#middle,
#popmiddle {
left:50%;
width:800px;
/*background:transparent url(Images/mclaren_bg.jpg) repeat-y;*/
z-index:2;
margin:0 auto;
padding:0;
/*background-color: #CCFF33;*/
background-color: #ffffff;

}


#wrapper,
#popwrapper {
left:50%;
width:800px;
z-index:2;
margin: 0 auto;
padding:0;
}

a {
color:#990166;
text-decoration:none;
outline:none
}

a:hover,a:active {
color:#990166;
text-decoration:underline
}

img {
border:0
}


#header {
width:800px;
z-index:1;
position:relative;
text-align:left;
margin:0;
padding: 0px 0 0 0;
}

#s {
float:left;
width:90px;
height:18px;
border:none;
background:url(design_images/searchField_01b.gif) no-repeat left top;
margin:20px 5px 0 20px;
padding: 0px 0 0 0;
}

#searchsubmit {
width:60px;
height:18px;
border:none;
background-image:url(design_images/searchField_02.gif);
background-position:top left;
background-repeat:no-repeat
}

input {
margin: 0px;
padding: 0px;
}

#header .logo {
margin: 0 0 0px 0px;
}

#header .microsoft-gold {
position: absolute;
top: 0px;
right: 0px;
}

#header .contact {
position:absolute;
top:-15px;
right:55px;
color:#666;
z-index:999
}

#header .contact a {
background-image:url(design_images/envelope-icon2.png);
background-position:left top;
background-repeat:no-repeat;
color:#00B3FE;
padding-left:20px
}

/*-----------------------------tables--------------------------------*/
table.overview {
	border-width: 0px;
	border-spacing: 3px ;
	border-padding: 3px ;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	background-color: white;	
	border-right:1px solid gray;
	border-left:1px solid gray;
	border-top:1px solid gray;
	border-bottom:1px solid gray;
	text-align:left;
	width: 100%;
}
tr#row1 { border: 3px solid blue }

table.overview th {
	border-width: 1px;
	padding: 1px;
	border-color: #91055C;
	background-color: #91055C;
	color: white;
	-moz-border-radius: ;
	
}

table.overview td {
	border-left:0px; 
	border-top:0px; 
	padding:1px; 
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	align: vertical;

}

table.overview1 {
	border-width: 0px;
	border-spacing: 3px ;
	border-padding: 3px ;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	background-color: white;	
	border-right:1px solid gray;
	border-left:1px solid gray;
	border-top:1px solid gray;
	border-bottom:1px solid gray;
	text-align:left;
	width: 100%;
}
table.overview1 th {
	border-width: 1px;
	padding: 1px;
	border-color: #91055C;
	background-color: #91055C;
	color: white;
	-moz-border-radius: ;
	
}
table.overview1 td {
	border-left:0px; 
	border-top:0px; 
	padding:1px; 
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	align: vertical;

}


* NAVIGATION
********************************************************/
#navContainer {
width:800px;
clear:both;
position:relative
}

#navContainer a {
text-decoration: none;
font-weight: bold;

}

.main_nav {
height: 25px;
width:799px;
background-image:url('Images/nvbg.jpg'); 
background-repeat:repeat-x;
border-top: 1px solid grey;
border-bottom: 1px solid grey;
border-right: 1px solid grey;
text-transform:uppercase
}

.main_nav ul, 
.sub_nav ul {
padding: 0px;
margin: 0px
}

.sub_nav {
height: 25px;
width:800px;
background-image:url(design_images/nvbg.jpg); 
background-repeat:repeat-x;
border-top: 1px solid grey;
border-bottom: 1px solid grey;
text-transform:uppercase;
}

.sub_nav_2 {
height: 25px;
width:800px;
background-image:url(design_images/nvbg.jpg); 
background-repeat:repeat-x;
border-top: 1px solid grey;
border-bottom: 1px solid grey;
text-transform:uppercase;
}

.main_nav li,
.sub_nav li,
.sub_nav_2 li {
list-style:none;
float:left;
}

.main_nav a,
.sub_nav a,
#navbar li a{
color:black;
display:block;
outline:none;
text-decoration:none;
float:left;
font-size:11px;
margin: 0 1px 0 0;
padding: 6px 15px;
height: 13px;
border-left: 1px solid #9D9D9D;
border-right: 1px solid #9D9D9D;
}

/* Dropdown navigation */ 
#navbar {
margin: 0;
padding: 0;
height: 1em; 
z-index: 850;
display:block;
position: absolute;
left: 0px;
}

.navbarspacer {
padding: 10px
}

#navbar li,
#navbar li ul li {
list-style: none;
float: left;
}

#navbar li ul {
display: none;
width: 14em; /* Width to help Opera out */
background-color: #333;
text-align: left
}

#navbar li a {
float: none;
}

#navbar li:hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
}

#navbar li:hover li {
float: none;
}

#navbar li:hover li a {
background:none;
text-transform:none;
font-size: 11px;
background-color: #333;
margin:1px 0;
border-bottom: 1px solid #111;
border-left: none;
border-right: none;
color: #990166;
}

#navbar li li a:hover {
background-color: #444
}

.main_nav li.current_page_ancestor,
.main_nav li.current_page_ancestor a,
.main_nav li.current_page_item,
.main_nav li.current_page_item a,
.main_nav li:hover,
.main_nav a:hover,
.sub_nav li.current_page_ancestor,
.sub_nav li.current_page_ancestor a,
.sub_nav li.current_page_item,
.sub_nav li.current_page_item a,
.sub_nav li:hover,
.sub_nav a:hover,
.sub_nav_2 li.current_page_ancestor,
.sub_nav_2 li.current_page_ancestor a,
.sub_nav_2 li.current_page_item,
.sub_nav_2 li.current_page_item a,
.sub_nav_2 li:hover,
.sub_nav_2 a:hover,
#navbar li.current_page_item,
#navbar li.current_page_item a,
#navbar li.current_page_parent,
#navbar li.current_page_parent a,
#navbar li:hover,
#navbar li a:hover {
background-image:url('Images/nvbg.jpg');
background-repeat:repeat-x;
color: #990166
}

.sub_nav_2 ul#navbar li.page_item ul li.page_item a,
.sub_nav_2 #navbar li li,
.sub_nav_2 #navbar li li a
.sub_nav_2 #navbar li li:hover,
.sub_nav_2 #navbar li li:hover a{
color: #ffffff;
background-image: none;
}


/**
* CONTENT
* #Left is for page layout and #content is for index, category, archive etc
***************************************************************************/
#contentWrapper,
#popcontentWrapper {
width:798px;
overflow:hidden;
margin: 0;
padding: 10px 0;
position: static;
text-align: left;
border-right:1px solid gray;
border-left:1px solid gray;
}

.relative {
position: relative;
}

h1,h2,h2.pagetitle,h3 {
font-family:'Trebuchet MS', 'Lucida Grande', Geneva, Arial, Verdana, Sans-Serif;
font-weight:700;
color:#990166; /*#000;*/
font-size:1.7em
}

h2,h3 {
font-size:1.1em;
padding:0
}

h1,h2,h3 {
margin:10px 0 0
}

h1.pagetitle {
margin-top:30px;
text-align:left
}

h2.pagetitle {
margin-top:0;
border-bottom:1px solid #eee;
padding:0 0 5px
}

h3.comments {
margin:40px auto 20px;
padding:0
}

h1 a,h1 a:visited,h2 a,h2 a:visited,h3 a,h3 a:visited {
text-decoration:none;
color:#02407F; /*#000;*/
outline:none
}

h1 a:hover,h2 a:hover,h3 a:hover {
color:#0373BD;
text-decoration:none
}

p {
color: #434244;
margin: 5px 2px 0 0;
font-family: Arial, sans-serif;
font-weight: normal;
font-size: 12px;
padding: 0;
}


.clear {
clear: both;
}

#left {
width: 100%;
float:left;
background-color:#fff;
/*background-color: #CCFF33;*/
text-align:left;
margin: 0 10px 0 0;
z-index: 0;
}

#left #noposts {
width:100%;
height:20px;
border:1px solid #eee;
margin-bottom:10px;
padding-top:5px;
text-align:center;
clear:both;
background-color:#F03;
color:#FFF
}

#left .post #heading h1 a {
line-height:24px;
margin-bottom:5px;
display:block;
border: 1px solid red;
}

#left .post #heading h1 a:hover {
color:#3d3d3d
}

#left span.date {
font-weight:700;
color:#0373BD;
float:left;
margin-right:4px;
padding:0 1px
}

#left hr {
margin:auto
}

#left .entry,
#left hr {
font-family:Verdana, Arial, sans serif;
font-size:13.5px;
color:#000;
text-align:left;
margin-bottom:10px;
padding-bottom: 10px;
}

#left h1 {
display:block;
text-align:left;
margin:0
}

#left .post {
float:left;
margin-bottom:10px;
padding: 10px;
clear: both;
}

#left .post #heading,
#left .post #blue-box,#blue-box {
float:left;
margin-bottom:5px;
position:relative;
clear:both;
width: 100%;
}

#left .post #blue-box,#blue-box {
font-size:13px;
text-align:left;
margin:10px 0
}

#content {
font-size:1.1em;
width: 75%;
float: right;
}

#content .entry {
font-family:Verdana, Arial, sans serif;
font-size:13.5px;
color:#000;
text-align:left;
margin-bottom:10px;
padding-bottom: 10px;
}

#sidebar {
float: left;
width: 23%;
padding: 0;
margin: 0;
}

#sidebar ul {
list-style:none;
margin: 0 0 10px 0;
padding: 0;
line-height: 20px;
}

#sidebar h2 {
margin: 0;
padding: 2px 2px;
}

#sidebar ul li {
background-color:#f8f8f8;
border: 1px solid #eee;
}

#sidebar ul li li {
padding-left: 10px;
background-color:#fdfdfd;
}


#sidebar h2,
#sidebarleft h2,#wp-calendar caption,cite {
text-decoration:none
}

a.more-link {
float:right;
background-image:url(design_images/ReadMore_button_N.png);
background-repeat:no-repeat;
background-position:top left;
width:77px;
height:21px;
margin:0;
padding:0
}

a.more-link:hover {
background-image:url(design_images/ReadMore_button_R.png);
background-repeat:no-repeat;
background-position:top left;
width:77px;
height:21px;
margin:0;
padding:0
}

a.more-link i {
display:none
}

#storyheading {
border-top: 1px solid #f8f8f8; /*#D2F1FD;*/
border-bottom: 1px solid #f8f8f8;
background-color: #fcfcfc; /*#F8FDFF;*/
position: relative;
width: 100%;
}

#storyheading h2,
#storyheading h2 a,
#storyheading h1,
#storyheading h1 a {
margin-top: 0px;
}

#storyheading .comments {
position: absolute;
right: 10px;
top: 10px;
}

/* Index Page */
.home-offer {
position: absolute;
top: 68px;
left: 260px;
color: #fff;
width: 300px;
font-size: 10px;
}

.home-offer a {
color: #fff;
text-decoration:none;
}

.indexstory{
padding-left: 10px;
align: left;
text-align: left;
}

p.free {
color: #fff;
display: block;
margin: 10px 0 0 0;
padding: 0;
font-weight: bold;
font-size: 126px;
line-height: 96px;
}

p.hr-software {
color: #fff;
display: block;
margin: 0;
padding: 0;
font-weight: bold;
font-size: 40px;
}

.index-box {
margin: 5px 5px 5px 5px;
max-width: 384px;
float: left; 
width: 790px;
height: 260px;
float: left;
}

.index-box1 {
background-image:url('images/greyback.jpg');
background-repeat:no-repeat;
margin: 5px;
width: 250px;
height: 150px;
float: left; padding-left:0px; padding-right:0; padding-top:0px; padding-bottom:0 
}

.index-box1 p {
font-size: 9px
}

.index-box1 h2 {
font-family: arial;
font-size: 12px;
margin-top: 0px;
color: #000;
}

.index-box2 h2 {
font-family: arial;
font-size: 10px;
margin-top: 0px;
color: #666666;
}

.index-box2 {
background-image:url('images/greyback.jpg');
background-repeat:no-repeat;
width: 250px;
height: 150px;
float: left; 
clear: right; margin-left:150px; margin-right:10px; margin-top:5px; margin-bottom:5px; padding-left:10px; padding-right:0; padding-top:10px; padding-bottom:0
}
.index-box3 {
background-image:url('images/greyback.jpg');
background-repeat:no-repeat;
width: 270px;
height: 150px;
float: left; 
clear: right; margin-left:0px; margin-right:10px; margin-top:5px; margin-bottom:0px; padding-left:10px; padding-right:0; padding-top:10px; padding-bottom:0
}

p.online-demo-btn {
display: block;
background-image:url(design_images/online_demo_btn.png);
background-repeat:no-repeat;
color: #fff;
text-decoration: none;
width: 135px;
height: 94px;
padding: 20px 0 0 15px;
margin-top: 20px;
}

p.online-demo-btn a {
color: #fff;
text-decoration:none;
text-align: center;
}

ul.index-news {
margin: 5px 0; padding: 0px;
}

ul.index-news li {
font-size: 10px;
list-style:none;
margin: 6px 0;
font-family: arial;
}

.index-news a {
color: #000099;
font-weight: bold;
text-decoration: underline;
}

/*
* Templating
* Click buttons on HR.net Enterprise panels
********************************************************************************************/
ul.clickhere {
list-style:none;
padding: 0 10px 0 10px;
margin: 0;
}

ul.clickhere li {
padding: 5px 0 0 0;
margin: 5px 0;
line-height: 24px;
clear: right;
list-style: url(design_images/list-arr.gif);
}

/*clickhere used in tables, std links - clickhere-blue used in left and right bottom panels*/
a.clickhere {

background-image: url(design_images/corp_click_here.png);
background-repeat:no-repeat;
background-position: bottom left;
display: block;
width: 95px;
height: 24px;
float: right;
margin-top: 0;
}

a.clickhere-blue {

background-image: url(design_images/corp_click_here.png);
background-repeat:no-repeat;
background-position: bottom left;
display: block;
width: 95px;
height: 24px;
float: right;
margin-top: 0;
}

a.clickhere-blue i,
a.clickhere i {
display: none;
}

/* TEMPLATES THEMSELVES */

#tour{
padding-left: 18px;
z-index: 1;
background-color:transparent;
}

#flash{
z-index: 1;
background-color:transparent;
}

object {
margin-top: 10px;
position:relative;
width: 780px; 
left: 50%; 
margin-left: -400px;
z-index: 1;
}

#tour-refresh {
font-size: 8px; 
color: #666666; 
font-weight: normal; 
padding: 10px 10px 0 0;
float: right;
}

.toppanel {
padding: 10px 0 0 20px;
display: block;
width: 450px;
min-height: 240px;
}

#threePanelH1{
padding: 20px 0 0 20px; 
height: 36px; 
width: 450px;
}

#threePanelH1 h1,
#threePanelH1 h1.badge {
padding-top: 3px;
float: left;
}

#threePanelH1 h1.badge {
width: 360px;
}

img.prod-badge{
float: right;
margin: 0;
padding: 0px;
}

.toppanel h2 {
margin-top: 0px;
padding-top: 0px;
font-size: 13px;
}

a.tat-bttn{
margin-top: 15px;
display: block;
}

.toppanel-380 {
padding: 10px 0 0 20px;
display: block;
width: 380px;
min-height: 240px;
}

.singlepanel-large {
padding: 20px 0 0 30px; 
min-height: 450px;
width: 780px;
margin: 0 auto;
}

.toppanel p,
.toppanel-380 p {
padding-top: 5px;
}

.leftcol {
padding: 10px 0;
width: 45%;
margin-right: 20px;
float: left;
text-align: left;
}

.rightcol {
padding: 10px 0;
float: left;
width: 47%;
text-align: left;
}
.midcol {
padding: 10px 0;
float: left;
width: 95%;
text-align: left;
}

.rightcol h2.downloads{
font-family:'Trebuchet MS', 'Lucida Grande', Geneva, Arial, Verdana, Sans-Serif;
font-weight:700;
color:#02407F;
font-size:1.7em;
margin: 0;
padding: 0;
position: relative;
top: -45px;
}

table#downloads{
margin: 0;
padding: 0;
position:relative;
top: -50px;
}

table#downloads img {
border: 1px solid #000;
margin-left: 60px; 
}

.leftpanel {
float: left;
margin-top: 10px;
padding: 10px 10px 0 10px;
clear: left;
display: block;
width: 380px;
min-height: 162px;
background-image: url(design_images/pagepanel_left.jpg);
background-repeat:no-repeat;
}

.leftpanel ul {
padding: 0px;
margin-left: 15px;
}

.leftpanel ul.small-font li {
font-size: 11px;
}

.leftpanel ul li,
.leftpanel ul.small-font li {
margin: 3px auto;
}


.rightpanel {
float: left;
margin: 10px 0 0 10px;
padding: 10px 10px 0 10px;
display: block;
width: 380px;
min-height: 162px;
background-image: url(design_images/pagepanel_right.jpg);
background-repeat:no-repeat;
}

.bottompanel {
float: left;
margin-top: 10px;
padding: 10px 10px 0 10px;
clear: left;
display: block;
width: 790px;
min-height: 162px;
}

.bottompanelimg {
float: left;
margin-top: 10px;
padding-top: 10px;
clear: left;
display: block;
width: 810px;
min-height: 162px;
}

/*Professional Order Page*/
#keynote {
padding: 20px 0 0 60px;
}

.leftpanel h2,
.rightpanel h2,
.bottompanel h2 {
margin-top: 0px;
}

.search-results, .search-results .post {
margin: 0 0 0 10px;
padding: 0 0 0 10px;
}

#map {
position:absolute;
left:494px;
top:-27px;
width:300x;
height:280px;
}

#map_canvas {
width: 300px;
float:left margin:0 0 5px 0;
height:260px;
}

#map a {
color: #fff;
}

.page-navi ul,
.page-navi ul li,
.page-navi ul li ul,
.page-navi ul li ul li,
.page-navi ul li ul li ul li {

list-style:none;
float:left;
font-size:12px;
margin:3px 5px;
border: 1px solid blue;
text-align: left;
}


.cat-item,
#recent-posts ul li a,
#pages .page_item {
text-decoration:none;
color:#666
}

#recent-posts ul li a:hover {
color:#333
}

.postmetadata {
font-size:.8em;
clear:both
}

.thread-alt {
background-color:#f8f8f8
}

.thread-even {
background-color:#FFF
}

.even,.alt {
border-left:1px solid #eee
}

small {
font-family:Arial, Helvetica, Sans-Serif;
font-size:0.9em;
line-height:1.5em;
color:#777
}

.commentlist li,#commentform input,#commentform textarea {
font:0.9em 'Lucida Grande', Geneva, Arial, Verdana, Sans-Serif
}

.commentlist li ul li {
font-size:1em;
margin-right:-5px;
margin-left:10px;
background-color:#f8f8f8
}

.commentlist li {
font-weight:700;
list-style:none;
background-color:#f8f8f8;
margin:15px 0 10px;
padding:5px 5px 10px 10px
}

.commentlist li .avatar {
float:right;
border:1px solid #f8f8f8;
background:#fff;
padding:2px
}

.commentlist cite,.commentlist cite a {
font-weight:700;
font-style:normal;
font-size:1.1em
}

.commentlist p {
font-weight:400;
line-height:1.5em;
text-transform:none;
background-color:#f8f8f8;
margin:10px 5px 10px 0
}

#commentform p {
font-family:'Lucida Grande', Geneva, Arial, Verdana, Sans-Serif;
margin:5px 0
}

.commentmetadata {
font-weight:400;
display:block;
margin:0
}

code {
font:1.1em 'Courier New', Courier, Fixed
}

acronym,abbr,span.caps {
font-size:0.9em;
letter-spacing:.07em;
cursor:help
}

.post {
text-align:justify;
margin:0 0 20px
}

.post hr,.page hr {
display:block
}

#screen-links a {
margin: 0;
padding: 1px;
line-height: 18px;
}

.narrowcolumn .postmetadata {
padding-top:5px
}

p img {
max-width:100%;
padding:0
}

img.alignright {
display:inline;
margin:0 0 2px 7px;
padding:0 0 4px 4px;
}

img.alignleft {
display:inline;
margin:0 7px 2px 0;
padding:4px
}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

select {
width:130px
}

#commentform input {
width:170px;
margin:5px 5px 1px 0;
padding:2px
}

#commentform {
width:576px;
margin:0
}

#commentform textarea {
width:576px;
height:80px;
border:1px solid #A1CBDB;
padding:2px
}

#commentform #submit {
border:1px solid #eee;
background-color:#f8f8f8;
outline:none;
float:right;
margin:0 0 5px auto
}

#respond:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}

.alt {
margin:0;
padding:10px
}

.commentlist {
text-align:justify;
padding:0
}

.children {
padding:0
}

.nocomments {
text-align:center;
margin:0;
padding:0
}

acronym,abbr {
border-bottom:1px dashed #999
}

blockquote {
padding-left:20px;
border-left:5px solid #eee;
margin:15px 30px 0 10px
}

blockquote cite {
display:block;
margin:5px 0 0
}

hr {
display:none;
clear:both
}

.navigation {
display:block;
text-align:center;
margin-top:10px;
margin-bottom:60px
}

.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding-top:4px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:10px
}

.wp-caption img {
border:0 none;
margin:0;
padding:0
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px
}

#stories {
width:976px;
border:1px solid #eee;
margin:10px;
padding:2px
}

#stories h1 {
margin-top:5px
}


#heading .date-byline span.author {
font-style:italic
}

#heading .comments {
position:absolute;
right:260px;
top:10px;
display:block;
width:194px;
height:21px;
text-align:right;
}

.post .cat-tags {
float:left;
clear:left;
font-size:12px;
margin:2px 0;
}

#bottom 
{
left:50%;
height:75px;
width:800px;
/*background:transparent url(design_images/bg_top.jpg) no-repeat;*/
z-index:2;
margin:0 auto;
padding:10;
background-color: #F2FFC9;
text-align: left;
/*background-color: #ffffff;*/
}

#bottom p {
text-align: right;
font-size: 10.5px;
font-family: Arial, Helvetica, sans-serif;
color: #666666; 
}

#bottom p a {
color: #666666; 
}


#footerTop {
height:43px;
}

#bottom a {
color:#333;
}

#search,
#heading .date-byline {
float:left;
padding:0
}

.search-excerpt,.widecolumn .post {
margin:0
}

.depth-1,#commentform #author,#commentform #email,#commentform #url {
border:1px solid #eee
}

.entry p a:visited,#left .review-entry h1 a:hover,#left .more-reviews a:hover {
color:#0373BD
}

.entry p a,#related-extra a:hover {
text-decoration:underline
}

img.centered,.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto
}

.alignleft{
float:left
}

.textcenter,
.aligncenter{
text-align:center;
}

.entry form,.center {
text-align:center
}

#sitemap-wrapper {
width: 100%;
text-align: left;
}

#sitemap-wrapper a {
color: #336699;
font-size: 11px;
}

.sitemap-content {
width: 800px; 
margin: 0 auto;
padding-left: 20px;
border: 1px dotted #f8f8f8;
}

ul#sitemap,
ul#sitemap-c {
margin: 0;
padding: 0;
list-style: none;
float: left;
}

ul#sitemap ul {
padding: 0;
margin: 0;
list-style:none;
}

ul#sitemap li,
ul#sitemap-c li {
float: left;
width: 202px;
margin: 1px auto;
padding: 0;
font-weight: bold;
}

ul#sitemap li li a,
ul#sitemap li li li a,
ul#sitemap li li li li a {
font-weight: normal;
color: #666;
}

#sm-c {
padding-left: 20px;
}

ul#sitemap-c li {
width: auto;
padding: 0;
}

/** Support Mgmt Page & Common Tasks Javascript **/
ul#board {
padding: 0;
margin: 20px 0;
}
ul#board li {
float:left; 
width: 245px;
height: 20px;
display: block;
background-color: #f8f8f8;
padding: 10px 3px;
margin: 4px;
text-align: center;
}

ul#common_tasks_ul {
margin: 0;
padding: 0;
list-style:none;
float: left;
}

ul#common_tasks_ul li {
float: left;
width: 250px;
margin: 3px auto;
}

ul#common_tasks_ul li a{
text-decoration: none;
color: #000;
}

#member1,
#task1{
width: 98%
}
#member2,#member3,#member4,#member5,#member6,
#task2,#task3,#task4,#task5,#task6,#task7,#task8,#task9,#task10,#task11,#task12,#task13,#task14,
#task15,#task16,#task17,#task18,#task19,#task20,#task21,#task22,#task23,#task24,#task25 {
display: none;
width: 98%
}

/** POP Content **/
#popmiddle {
width: 100%;
background-image:url(design_images/popgradient.jpg);
background-repeat:repeat-x;
background-color:#E8E8EA;
}

#popwrapper {
width: 100%;
}

#popcontentWrapper {
width:100%;
padding: 0;
}

#popcontentWrapper #left {
background: none;
margin: 0;
padding: 0;
}
.popleft,
.popleft-30,
.popleft-40,
.popleft-45,
.popleft-50,
.popleft-55,
.popleft-60,
.popleft-70 {
padding: 10px 0 0 0;
width: 62%;
margin-right: 15px;
float: left;
}

.popright,
.popright-30,
.popright-40,
.popright-45,
.popright-50,
.popright-55,
.popright-60,
.popright-70 {
padding: 10px 0 0 0;
float: left;
width: 35%;
}

.popleft img,
.popleft-30 img,
.popleft-40 img,
.popleft-45 img,
.popleft-50 img,
.popleft-55 img,
.popleft-60 img,
.popleft-70 img {
border: 1px solid #000000;
}

.popleft-30 {width: 29%;}
.popleft-40 {width: 39%;}
.popleft-45 {width: 43%;}
.popleft-50 {width: 49%;}
.popleft-55 {width: 53%;}
.popleft-60 {width: 59%;}
.popleft-70 {width: 69%;}

.popright-30 {width: 28%;}
.popright-40 {width: 38%;}
.popright-45 {width: 43%;}
.popright-50 {width: 48%;}
.popright-55 {width: 53%;}
.popright-60 {width: 58%;}
.popright-70 {width: 58%;}

.popright li,
.popright-30 li,
.popright-40 li,
.popright-45 li,
.popright-50 li,
.popright-55 li,
.popright-60 li,
.popright-70 li {
margin-bottom: 5px;
}

/*
<div id="s3slider">
   <ul id="s3sliderContent">
      <li class="s3sliderImage">
          <img src="/wp-content/uploads/2009/08/pagebg1.jpg" />
          <span>HR.net Enterprise</span>
      </li>
      <li class="s3sliderImage">
          <img src="#" />
          <span>Your text comes here</span>
      </li>
      <div class="clear s3sliderImage"></div>
   </ul>
</div> 
*/

#s3slider {
   width: 810px; /* important to be same as image width */
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin-left: 0px;
   padding-bottom: 14px;
}

#s3sliderContent {
   width: 810px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0px; /* important */
   padding: 0;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage img.banner {
width: 808px;
height: 300px;
border: 1px solid #1d1d1d;
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 60px;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 20px 13px 10px 13px;
   width: 340px;
   height: 300px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}


.s3sliderImage span h1 a {
color: #fefefe;
}

.s3sliderImage span h1 a.ent:hover { color: #0066CC;}
.s3sliderImage span h1 a.pro:hover { color: #FF3333;}
.s3sliderImage span h1 a.exp:hover { color: #33FF66;}
.s3sliderImage span h1 a.lit:hover { color: #00CCFF;}

.s3sliderImage span h2 {
color: #f8f8f8;
}

.s3sliderImage span p {
color: #ccc;
}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { background: #ddd; border: 1px solid #aaa; padding: 5px;}

/* LOADING BOX */
.loader { background: url(loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}