/* 
====================
Main Website CSS Document 
====================
*/

h1, h2, h3, h4, h5, h6, p, form, label, ul, ol, li, dl, dt, dd, fieldset, table, tr, th, td, div, body, hr, blockquote { margin:0px; padding:0px; }
a { text-decoration:none; color: #09F; outline: none; }
a:active { outline: none; }
a:hover { text-decoration:underline; color: #09F; }
body { font-family: Arial, Helvetica, sans-serif; background-color:#FFFFFF; font-size:12px; margin: 0px; padding: 0px; }
div#all { width:800px; margin-right: auto; margin-left: auto; padding: 0; }
#header { width:595px; margin: 0px; padding: 0px; height: 120px; display: block; }
#navigationBarHolder { background-image: url(../images/shardoxLogo.png); background-repeat: no-repeat; background-position: 0px -38px; display: block; height: 60px; background-color: #ebebeb; float:left; margin: 0px; padding: 0px; width: 598px; }
#logoholder { background-image: url(../images/shardoxLogo.png); background-repeat: no-repeat; background-position: 0px 0px; display: block; height: 38px; float: left; width: 595px; position:relative; margin: 27px 0px 0px 0px; padding: 0; }
#siteSearch { padding: 40px 0px 0px 0px; }
#pageContents { width: 580px; padding-top: 20px; padding-right: 10px; padding-bottom: 10px; padding-left: 0px; margin-bottom: 30px; display: block; height: auto; float: left; }
#rightcolumn { width: 180px; padding:0px 0px 0px 21px; float:right; margin: 0px; margin-bottom: 20px; background-image: url(../images/side_background.png); background-position: 0px 0px; background-repeat: no-repeat; border-left: solid #ccc 1px; border-bottom: solid #ccc 1px; height: 100%; display: block; }
.navigationH3, .navigationH3_SIDE { display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666; line-height: 25px; width: 180px; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 15px !important; text-transform: uppercase; color:#333; margin: 0; padding: 0; }
.navigationH3_SIDE { margin-bottom: 0px; }
.navigationH3 { margin-bottom: 5px; }
.hotH3 { color:#333; }
.coldH3 { color:#999; }
.searchSiteButton { float:right; border:none; background:none; text-transform: uppercase; color: #333; font-size: 12px; text-decoration: none; height: 15px; }
.varItems { clear:both; position:relative; display:block; margin-top: 20px; margin-bottom: 10px; width: 180px; }
.nospaceNav { margin-top: 0px !important; margin-bottom: 0px !important; text-align: center; }
#flashselectedcustomers, #flashselectedpartners { height:140px; margin:5px auto 0px auto; position:relative; width: 140px; }
.sideboxes { margin:0px 0px 10px 0px; padding:0px 0px 0px 5px; }
.sideboxesText { margin: 0px; padding-left: 5px; }
img.centered { margin-right: auto; margin-left: auto; position: relative; display: block; }
div#footer img { float: left; margin-right: 10px; margin-top: 5px; }
div#footer { width: 800px; clear:both; text-align:left; color:#ccc; font-size:10px; margin:10px auto 30px auto; border-top: solid 1px #ebebeb; padding: 5px; display: block; position: relative; margin-left: auto; margin-right: auto; }
div#footer a { color:#ccc; text-decoration:underline; }
.sideMenu { list-style-type: none; width: 180px; margin-left:0px; }
.sideMenu ul { margin: 0px; padding: 0px; list-style-type: none; }
.sideMenu a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666; display: block; height: 15px; margin:0px; padding: 3px 0px 3px 10px; list-style-position: outside; list-style-type: none; }
.sideMenu a.submenuTitle { border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #666; font-weight: bold; }
.sideMenu a.current, .sideMenu a:hover { background-color:#CCCCCC; }
.sideMenuSub { list-style-type: none; margin-left: 0px; width: 173px; }
.sideMenuSub a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666; display: block; height: 15px; margin-bottom: 2px; padding-left:15px; padding-top: 2px; }
.sideMenuSub a.current { text-decoration: none; border-bottom-color: #99cc33; border-bottom-width: 2px; font-weight: bold; }
.newsitems { position:relative; clear:both; padding-top:5px; }
.newsitems h3 { background-image: url(../images/greenLineNumber.png); background-repeat: no-repeat; display: block; padding-left: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666; }
.newsitems img { float:left; display: block; margin-right: 5px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.newsitems p { float:left; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333; text-decoration: none; padding-top: 5px; padding-bottom: 8px; border-bottom: solid 1px #99cc33; }
.searchSiteInput { width: 155px; height: 15px; background-color: #FFFFFF; border: solid 1px #666; margin-top: 2px; margin-bottom: 1px; margin-left: 5px; }
.clear { clear:both; }
.seperator { display: block; height: 1px; clear:both; }
.seperator { height: 3px; display: block; clear: both; margin-top: 1px; margin-bottom: 6px; }
.withline { width: 90%; position: relative; margin-right: auto; margin-left: auto; border-bottom: solid 1px #ccc; }
.centered { text-align:center; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* --------------------- page START --------------------- */

h1 { display: block; margin-bottom: 8px; padding-bottom: 2px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #000; }
h1 img { float: left; height: 30px; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #000; margin-bottom: 5px; padding-bottom: 2px; padding-top: 7px; }
h3 { display: block; margin-bottom: 5px; margin-top: 10px; padding-bottom: 2px; padding-top: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #000; vertical-align: bottom; }
h3 img { float: left; height: 30px; width: 30px; margin-top: -12px; margin-right: 5px; }
h4 { display: block; margin-bottom: 5px; margin-top: 10px; padding-bottom: 2px; padding-top: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000; vertical-align: bottom; }
h4 img { float: left; height: 30px; width: 30px; margin-top: -12px; margin-right: 5px; }
h5 { border-bottom: 1px #ccc solid; border-top: 1px #ccc solid; padding-bottom: 5px; padding-top: 5px; text-transform: capitalize; font-size: 12px; margin-bottom: 5px; }
#pageContents p { margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; }
#pageContents p.quote { background-color: #F0F0F0; padding: 10px 10px 10px 55px; margin: 20px 10px; font-size: 13px; color: #191919; display:block; font-style:oblique; background-image:url(/common/images/quote.gif); background-position:10px center; background-repeat:no-repeat; border: solid 1px #99cc33; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#pageContents p.quote.smaller { margin: 20px; font-size: 12px; color: #191919; display:block; font-style:oblique; background:none; border:none; padding:0; }
.left, ul img.left { float: left; margin-bottom: 5px; margin-right: 5px; }
.right, ul img.right { float: right; margin-bottom: 5px; margin-left: 5px; }
.rightmargin { padding-right: 25px; }
.extrabottom { padding-bottom: 30px; }
.extended { padding-bottom: 10px; }
.topspace { margin-top: 5px; }
.inlinequote { width: 270px; height: auto; margin-right: 10px; font-style:italic; text-align:justify; background-color:#ebebeb; background-image: url(../../images/Top_round.gif); background-repeat: no-repeat; background-position: left top; background-repeat: no-repeat; clear:both; display: block; width: 270px; padding-top: 10px; }
.inlinequote .text { padding-right: 10px; padding-left: 10px; }
.inlinequote .bottom { background-image: url(../../images/Bottom_round.gif); background-repeat: no-repeat; background-position: left bottom; background-repeat: no-repeat; clear:both; display: block; width: 270px; }
.thirds { width: 180px; margin-right: 6px; margin-left: 5px; float: left; position:relative; display:block; height: auto; }
.halfs, .managerBox, .aboutus_halfs { width: 275px; margin-right: 6px; margin-left: 5px; float: left; position:relative; display:block; height: auto; clear:right; }
.imgCaption { text-align:center; font-size: 11px; color:#666; padding-top: 3px; padding-bottom: 3px; display: block; }
ul.unify { list-style:none; margin-bottom: 15px; display: block; }
ul.icons li { margin-left: 25px; margin-bottom: 5px; line-height:15px; padding:5px; }
ul.unify li { list-style:none; margin-bottom: 7px; text-align: left; }
ul.unify li ul { margin-top: 2px; }
ul.unify li ul li { list-style: disc; margin-bottom: 2px; text-align: left; margin-left: 25px; }
.h2bullets li, p.h2bullets { margin-left: 35px; list-style-position: outside; }
blockquote { margin-left: 35px; }
.Plus li { list-style-image:url(../images/plus_bullet.gif) !important; }
.Ticks li { list-style-image:url(../images/tick_bullet.gif) !important; }
.Bullet li { list-style-image:url(../images/plus_bullet_sml.gif) !important; }
.Bullet li ul li { list-style-image:url(../images/minus_bullet_sml.gif) !important; }
.smalltext { font-size: 10px; }
.floatleft { float:left; margin: 5px; padding:3px; }
p.img { padding-top: 5px; }
p img.floatleft { float: left; margin: 0px 10px 0px 0px; padding: 0px 0px 10px 0px; }
.floatright { float:right; margin: 5px; padding:3px; }
a img { border: 0; }
.margintop { margin-top: 15px; }
.marginbottom { margin-bottom: 10px; }
.marginleft { margin-left: 10px; }
.marginright { margin-right: 10px; }
.nopadding { padding:0px; }
.tablesingle { border: 1px solid #CCCCCC; border-collapse: collapse; padding: 5px; display: table; }
/* GOOGLE */
form.searchform { padding:10px 0px; }
form.searchform .brandandsubmit { float:right; color:#676767; margin:3px 0px 0px 0px; }
form.searchform p { clear:left; padding:3px 0px; margin:0px; }
form.searchform label { float:left; width:5em; text-align:right; margin-right:10px; }
form.searchform input, form.searchform select { float:left; width:320px; }
form.searchform input { width:314px; }
form.searchform input.submitbtn { width:auto; margin:7px 15px 0px 15px; }
form.halfsearchform { padding:5px 0px; }
form.halfsearchform .brandandsubmit { float:right; color:#676767; font-size:0.8em; }
form.halfsearchform p { clear:both; padding:8px 0px; margin:0px; }
form.halfsearchform label { float:left; width:5em; text-align:right; margin-right:5px; }
form.halfsearchform input, form.halfsearchform select { float:left; width:190px; }
form.halfsearchform input { width:186px; }
form.halfsearchform input.submitbtn { width:auto; float:right; margin:15px 2px; }
div.resultitem h3 { font-size:1.1em; font-weight:normal; padding:0px; margin:0px; background-color:transparent; border-bottom:none; clear:none; border:none; text-transform: none; }
div.resultitem { margin:10px 0px; }
div.resultitem p { margin:0px; }
div.resultitem p .url { color:#008000; }
a.flaglink.eu { background-image:url(/images/eu.png); background-repeat:no-repeat; }
a.flaglink.us { background-image:url(/images/usa.png); background-repeat:no-repeat; }
a.flaglink { background-position: left center; padding-left: 27px; line-height: 20px; height: 20px; display: block; float: right; margin-right: 10px; }
/* Front page */
#displayBoxHolder { display:block; width: 580px; height: 100px; }
#displayBoxWindow { width: 580px; height: 130px; display:block; float:left; position:relative; overflow:auto; border: solid 1px #99cc33; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding-top: 15px; }
#displayBoxController { margin: 10px; width: 560px; display:block; background-color:none; float:left; clear:both; }
.displayItem { background-color:none; font-size: 24px; color:#000000; height:120px; display:block; clear:both; }
#displayBoxController a { outline:0; width: 73px; height: 30px; display:block; float:left; margin-right: 5px; font-size: 10px; text-align: center; color: #666666; text-decoration: none; background-position: top center; background-repeat: no-repeat; padding-top: 70px; }
#displayBoxController a.selected { outline:0; border: solid 1px #ccc; background-color: #fff; }
.softwareasaservice { background-image:url(/images/frontpage/clouds.png); }
.perfectorganization { background-image:url(/images/frontpage/organised.png); }
.assetsharing { background-image:url(/images/frontpage/folder.png); }
.documentpageflow { background-image:url(/images/frontpage/pageflow.png); }
.documentmaintenance { background-image:url(/images/frontpage/document.png); }
.partnerandsalesportals { background-image:url(/images/frontpage/partners.png); }
.businessintelligence { background-image:url(/images/frontpage/business.png); }
.displayItem h2 { font-size: 14px; }
.displayItem p, .displayItem li { font-size: 12px; }
.displayItem li { margin-left: 20px; padding-top: 4px; }
.displayItem .image { float:left; margin: 0px 10px; width: 150px; }
.displayItem .text { float:left; margin-right: 10px; }
.buttonholder { padding-left: 20px; margin-top: 0px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; padding: 10px 0px; display: block; height: 35px;  }
a.big.button { display:block; float:left; padding: 10px 20px; width: 120px; text-align: center; margin:0 15px; color:#303030; font-weight: bold; background-color:#299ae2; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-image:url(/images/frontpage/buttonBG.png); background-position:right center; }
.half { float:left; display:block; width: 260px; margin: 10px 10px 0px 10px; padding: 5px; background-color: #F0F0F0; height: 290px; }
.half h4 {padding:0px; margin:2px 0;}
.bordertop {}
/* contact us */
.inputfield { clear:both; min-height: 80px; margin-bottom: 10px; }
.inputfield.single { clear:both; min-height: 25px; margin-bottom: 10px; }
.inputfield label strong { width: 135px; float:left; display: block; }
.inputfield textarea { width: 250px; height: 70px; float:left; display: block; margin-right: 10px; border: solid 1px #999999; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.inputfield textarea.double { height: 140px; }
.inputfield input, .inputfield select { width: 180px; float:left; display: block; margin-right: 10px; border: solid 1px #999999; }
.inputfield div { font-size: 11px; color: #666666; float:left; height: auto; width: 180px; }
.inputfield div.larger { font-size: 12px; color: #000000; float:left; height: auto; width: 250px; margin-right: 10px; }
.inputfield .error.form { color:#990033; margin-bottom: 2px; display:block; }
.tinytext.form { clear:both; font-size: 11px; font-weight: normal; display:block; color: #666666; }
.pastevent img { border: solid 1px #000; margin:0 auto; display:block; }
.pastevent {width: 260px;margin: 5px 10px;float:left;height: 100px;}
.important, .importantgreen
{
	padding:10px;
	margin-top:10px
}
.important
{
	background-color:#FFE6E6;
	border:1px solid #F00
}
.importantgreen
{
	background-color:#D5FFDD;
	border:1px solid #0F3
}