@charset "utf-8";

* { margin:0; padding:0; }
p { margin:5px 0 10px 0; }

body {
	background-attachment: scroll;
	background-image: url(../../../../images/headBack.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #c0c0c0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}
img {
	border:none;
	}

a {
	color: #e98300;
	text-decoration: none;
}
a:hover{
	color: #007f64;
	}

#search {
	float: right;
	width: 212px;
	background-attachment: scroll;
	background: url(../../../../images/search.gif) no-repeat;
	padding: 0px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#titleBar{
	width:910px;
	margin:0px auto 0px auto;
	padding:20px 0px 0px 0px;
	clear:both;
	}
#sageLogo{
	width:100px;
	Height:42px;
	}
#header{
	width:910px;
	margin:0px auto 0px auto;
	clear:both;
	}
#searchBox label{
	display:none;
}
#mainTitleKCS{
	background-image: url(../../../../images/mainTitle.png);
	float: right;
	height: 52px;
	width: 503px;
	text-indent:-5000px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	}

#Template_searchBox_quickSearch {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #999999;
	border: 1px solid #FFFFFF;
	height: 19px;
	width:180px;
	float: left;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	font-weight: bold;
}

#topMenu {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#topMenu li {
	float:left;
	list-style-type: none;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #FFFFFF;
}

#topMenu li a {
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 12px;
	padding-right: 12px;
	font-size:0.85em;
}

#topMenu li a:hover {
	color: #000000;
	text-decoration: none;
}

#footer{
	margin:0px;
	padding:1px 0px 10px 4px;
	clear:both;
	text-align:right;
	color:#666666;
	background-attachment: scroll;
	background-color: #c0c0c0;
	background-image: url(../../../../images/footerBack.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-size:12px;
	}
	



#mainTabs{
	width:910px;
	margin:31px auto 0px auto;
	padding:0px 0px 0px 4px;
	clear:both;
	}
	
#content{
	clear:both;
	background-color: #ebebeb;	
	}
	
#contentInner{
	width:910px;
	background-attachment: scroll;
	background-image: url(../../../../images/contentBack.png);
	background-repeat: repeat-y;
	background-position: center top;
	margin:0px auto 0px auto;
	clear:both;
	}
#topFlashArea{
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 4px;
	}	
#contentArea{
	padding:0px;
	margin:0px;
	}

#contentFooter{
	background-color: #ebebeb;	
	}	
	
#contentFooterInner {
	background-attachment: scroll;
	background-image: url(../../../../images/contentFooter.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px auto 0px auto;
	height: 20px;
	width: 910px;	
	}

#footerInner {
	width:910px;
	margin:0px auto 0px auto;
	padding:10px;
	}

#footerInner ul {

	}

#footerInner ul li {
	list-style-type: none;	
	display:inline;
	}
	
#footerInner ul li a{
	color:#666666;
}
#footerInner ul li a:hover{
	color:#007f64;
}

#mainTabs ul{

	}
	
#mainTabs ul li {
	float:left;
	list-style-type: none;	
	}
	

div.mainTabLeft {
	background-image: url(../../../../images/TabLeft.png);
	float:left;
	height: 49px;
	width: 16px;	
	}
div.mainTabRight {
	background-image: url(../../../../images/TabRight.png);
	float:left;
	height: 49px;
	width: 16px;	
	}	
	
div.mainTabMid {
	background-image: url(../../../../images/TabMid.png);
	float:left;
	height: 49px;
	font-size:1em;
	font-weight:bold;
}

div.mainTabLeftSelected {
	background-image: url(../../../../images/selectedTabLeft.png);
	float:left;
	height: 49px;
	width: 16px;
	}
	
div.mainTabRightSelected {
	background-image: url(../../../../images/selectedTabRight.png);
	float:left;
	height: 49px;
	width: 16px;	
	}	
	
div.mainTabMidSelected {
	background-image: url(../../../../images/selectedTabMid.png);
	float:left;
	height: 49px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:1.1em;
	font-weight:normal;
	}
	
#mainTabs ul li div.mainTabMid a {
	display:block;
	padding:14px 10px 0px 10px;
	margin:0px 0px 0px 0px;
	font-size:1em;
	font-weight:normal;
	color:#007f64;
	text-decoration:none;
	}
	
#mainTabs ul li div.mainTabMid a:hover {
	color:#e98300;
	}
	
#mainTabs ul li div.mainTabMidSelected a {
	display:block;
	padding:14px 10px 0px 10px;
	margin:0px 0px 0px 0px;
	font-size:1em;
	font-weight:bold;
	color:#007f64;
	text-decoration:none;	
	}	
#contentArea div.col1 {
	float:left;
	margin:10px 0px 10px 0px;
	width:170px;
	}
#contentArea div.col2 {
	float:left;
	margin:10px 0px 10px 0px;
	width:440px;
	}
#contentArea div.col2wide {
	float:left;
	margin:10px 0px 10px 0px;
	width:740px;
	}	
#contentArea div.col3 {
	float:left;
	width:300px;
	margin:10px 0px 10px 0px;
	}
	
#contentArea div.col1main {
	float:left;
	margin:10px 0px 10px 0px;
	width:170px;
	}
#contentArea div.col2main {
	float:left;
	margin:10px 0px 10px 0px;
	width:550px;
	}
#contentArea div.col3main {
	float:left;
	width:190px;
	margin:10px 0px 10px 0px;
	}
	
#sidemenu {
	padding:0px 10px 0px 20px;
	text-align:right;
	}	
#sidemenu ul{
	}
#sidemenu ul li{
	list-style:none;
	padding:5px 0px 5px 0px;
	}	
#sidemenu ul li a{
	text-decoration:none;
	font-weight:bold;
	font-size:0.9em;
	color:#e98300;
	}	
#sidemenu ul li a:hover{
	color:#007f64;
	}		
#sidemenu ul li a.selected{
	color:#675c53;
	}	
#sidemenu ul li a.selected:hover{
	color:#007f64;
	}		
div.topArtical{
	margin:0px 10px 10px 10px;
	padding:0px 10px 10px 10px;
	/*background-attachment: scroll;
	background-image: url(images/solution.jpg);
	background-repeat: no-repeat;
	background-position: center top;*/
	}	
a.findSolution{
	display:block;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	padding:0px 0px 20px 0px;
	}	
a.findSolution:hover{
	color:#e98300;
}
div.topArtical p {
	color:#675c53;
	font-size:0.8em;
	line-height:1.3em;
	}
.topArtical_interested {
	color:#675c53;
	font-size:1.1em;
	font-weight:normal;
	padding-bottom:5px;
	}	
	
div.topArtical	ul{
	color:#675c53;	
	float:left;
	width:185px;
	font-size:0.8em;
	}

div.topArtical	ul li{
	margin:2px 2px 6px 25px;
	}

div.topArtical	ul li a{
	color:#e98300;
	text-decoration:none;
	}
	
div.topArtical	ul li a:hover{
	color:#007f64;
	}
div.col3Box {
	border:#e98300 1px solid;
	margin:0px 20px 10px 10px;
	padding:10px;
	background-attachment: scroll;
	background-image: url(../../../../images/rightBoxBack.gif);
	background-repeat: repeat-x;
	background-position: left top;
	}
a.browseAll {
	float:Right;
	font-size:0.7em;
	color:#e98300;
	}
a.browseAll:hover {
	color:#007f64;
	}
h3.col3BoxTitle{
	font-weight:bold;
	color:#675c53;
	font-size:1em;
	margin:0px 0px 10px 0px;
	}	
h4.col3BoxTitle{
	font-weight:normal;	
	color:#675c53;
	font-size:0.8em;
	margin:0px 0px 5px 0px;
	}		
ul.col3BoxRSSList {
	margin:5px 10px 10px 20px;
	font-size:0.7em;
	}	
ul.col3BoxRSSList li{
	list-style-position: outside;
	list-style-image: url(../../../../images/rssImage.gif);
	list-style-type: circle;
	margin:4px 0px 4px 0px;
}
ul.col3BoxRSSList li a{
	color:#e98300;
	text-decoration:none;
}
ul.col3BoxRSSList li a:hover {
	color:#007f64;
	}
	
ul.col3BoxItemList {
	margin:5px 5px 10px 10px;
	font-size:0.7em;
	}	
ul.col3BoxItemList li{
	list-style-type: none;
	margin:4px 0px 4px 0px;
}




ul.col2BoxList {
	margin:5px 5px 10px 20px;
	color:#675c53;		
	}	
ul.col2BoxList li{
	margin:4px 0px 4px 0px;
}
ul.col2BoxList li a{
	color:#e98300;
	text-decoration:none;
}
ul.col2BoxList li a:hover {
	color:#007f64;
	}








ul.col3BoxItemListBull {
	margin:5px 5px 10px 20px;
	font-size:0.7em;
	color:#675c53;		
	}	
ul.col3BoxItemListBull li{
	margin:4px 0px 4px 0px;
}
ul.col3BoxItemListBull li a{
	color:#e98300;
	text-decoration:none;
}
ul.col3BoxItemListBull li a:hover {
	color:#007f64;
	}


ul.col3BoxItemList li a{
	color:#e98300;
	text-decoration:none;
}
ul.col3BoxItemList li a:hover {
	color:#007f64;
	}


div.col2Box {
	padding:10px;
	background-attachment: scroll;
	background-color: #FFF;
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(../../../../images/midBoxBack.gif);
	border: 1px solid #E4E4E4;
	margin-top: 0px;
	margin-right: 9px;
	margin-bottom: 10px;
	margin-left: 9px;
	}
	
h2.col2BoxTitle{
	color:#675c53;
	font-size:1.2em;
	font-weight:normal;
	margin:0px 0px 10px 0px;	
	}	

h3.col2BoxTitle{
	color:#675c53;
	font-size:1.0em;
	font-weight:normal;
	margin:0px 0px 10px 0px;	
	}	
h3.col2BoxTitleEvent{
	color:#e98300;
	font-size:1em;
	font-weight:normal;
	clear: both;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	}	
h3.col2BoxTitleNews{
	color:#e98300;
	font-size:1.0em;
	font-weight:normal;
	clear: both;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	}	
	
p.col2BoxTitleEventInfo {
	color:#675c53;
	font-size:0.8em;
	font-weight:normal;
	padding:0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	}	
h4.col2BoxTitle{
	color:#675c53;
	font-weight:normal;	
	font-size:0.8em;
	margin:0px 0px 5px 0px;		
	}		
div.col2Box p {
	color:#675c53;
	font-size:0.8em;
	line-height:1.3em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}
.smallImage {
	margin:2px 10px 2px 2px;
	}
#flashContent{
	float:left;
	height:150px;
	width:707px;
	background-attachment: scroll;
	background-image: url(../../../../images/flashBack.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	}

#flashButtonArea {
	float:left;
	}	
#flashButtonArea ul{
	
	}	
#flashButtonArea ul li{
	list-style:none;
	text-align:center;
	
	}	
a.requestABrochure, a.bookADemo, a.callUs {
	width:195px;
	height:50px;
	display:block;
	text-align: center;
	vertical-align: middle;
	background-attachment: scroll;
	background-image: url(../../../../images/rightButton.png);
	background-repeat: no-repeat;
	background-position: left top;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	}
a.requestABrochure:hover, a.bookADemo:hover, a.callUs:hover {
	color:#fff;
	background-color:#e98300;	
	}

a.requestABrochure {
	font-size:1em;
	background-color:#a8b400;
	}

a.bookADemo {
	font-size:1em;
	background-color:#69923a;
	}
	
a.callUs {
	font-size:0.7em;
	background-color:#024731;
	}	

a.requestABrochure span{
	padding:15px 5px 5px 5px;
	display:block;
	}

a.bookADemo span{
	padding:15px 5px 5px 5px;
	display:block;
	}
a.callUs span{
	padding:5px 2px 2px 2px;
	display:block;
	}	
#call {
	padding:0px;
	font-size:1.5em;
	display:inline;
	}	
#smallCall {
	padding:0px;
	display:inline;
	}	
div.col2Box label{
	display:block;
	float:left;
	font-size:0.8em;
	color:#675c53;
	
	}
div.col2Box input{
	display:block;
	float:left;
	margin:0px 10px 0px 10px;
	padding:2px;
	font-size:0.8em;	
	color:#675c53;
	
	}	
div.col2Box select{
	display:block;
	float:left;
	width:160px;
	margin:0px 10px 0px 10px;
	font-size:0.8em;	
	padding:2px;	
	color:#675c53;
	
	}		
	
#submitButton{
	float:right;
	}
	
table.mediaResults {
	width:100%;
	font-size:0.8em;
	color:#675c53;
	}	
table.mediaResults th{
	margin: 1px;
	padding: 4px;
	background-color: #999;
	text-align:left;
	color:#FFF;
	border: 2px solid #ebebeb;
}	
	
table.mediaResults td{
	margin: 1px;
	padding: 4px;
	background-color: #fff;	
	text-align:left;
	border: 2px solid #ebebeb;	
}
input.mediaSearchInput {
	width:330px;
	}
div.col2main p {
	font-size:0.9em;
	color:#675c53;
	padding:5px 10px 5px 10px;
	}
div.col2main ul{
	font-size:0.9em;
	color:#675c53;
	padding:5px 10px 5px 40px;
	color:#675c53;
	}	
div.col2BoxNoBackground {
	padding:10px;
	margin-top: 0px;
	margin-right: 9px;
	margin-bottom: 10px;
	margin-left: 9px;
	}

.payrollCalculator input { padding-right: 1px; }
.payrollCalculator .tooltip { padding-right: 1.5em; }