/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com 
   Addition by Christian Montoya - www.christianmontoya.net */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset, table {
        margin: 0;
        padding: 0;
}

/* Neutralize styling: 
   Elements with a vertical margin: removed blockquote*/
h1, h2, h3, h4, h5, h6, p, pre,
 ul, ol, dl, address {
        margin: 0 0 5px 0;
        padding: 0;
}
p, ul {
	margin-bottom: 10px;
}
/* this controls the news and cs list displays */
p.mLists 
	{
	margin-bottom:5px;
	}

/* Apply left margin:
   Only to the few elements that need it:removed blockquote */
li, dd,  {
        margin-left: 1em;
}
blockquote {
	margin:10px 40px;
}
/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
	border: none;
	border: 1px solid #999;
        font: normal normal 12px Arial, Helvetica, sans-serif;
	color: #666;
	background: #e2e2e2;
}

/* ----------------  INITIAL END ------------- */

a {
	text-decoration: none;
}



/* ----------------  FONT  ------------- */

sup	{
	font: 8px Arial, Helvetica, sans-serif;
	color: #727272;
	}
h1 {
	font: normal normal 26px Verdana, Arial, Helvetica, sans-serif;
	color: #bbd7de;
}
h2 {
	font: normal normal 20px Arial, Helvetica, sans-serif;
	color: #727272;
}
h3 {
	font: normal bold 14px Arial, Helvetica, sans-serif;
	color: #727272;
}
h3.blue {
	font: normal  14px Arial, Helvetica, sans-serif;
	color: #0e76a2;
	font-variant:small-caps;
	font-weight:500;
}
h4 {
	font: normal bold 12px Arial, Helvetica, sans-serif;
	color: #0e76a2;
}
a:link, a:visited {
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color: #01527B;
	text-decoration: underline;
}
a:hover, a:active {
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color: #01527B;
	text-decoration: none;
}
/* ----------------  BASICS  ------------- */

body {
	background: #014d74;
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color: #727272;
}
#top {
	height: 90px;
	width: 100%;
	background: url(/images/topbanner.jpg) left top no-repeat;
	padding: 17px 0 0 0;
}
#topBG {
	background: url(/images/top_bg.gif) repeat-x;
	width: 100%;
}
#logo {
	height: 72px;
	float: left;
	padding: 0 0 0 45px;
}
.clear {
	clear: both;
}
#headline {
	float: right; 
	width: 450px;
	text-align: right;
	padding-right: 15px;
}
#headline h1 {
	position: relative;
	top: 20px;
}
#contentwrapper {
	clear: both;
	width: 100%;
	background: white;
}
#contentbox {
	/*width: 765px;*/
	width: 800px;
	background: url(/images/contentbox_bg.jpg) right top repeat-y;
	padding: 27px 0 30px 0;
}
#content {
	text-align: left;
	padding: 0 15px 0 15px;
	width: 510px;
	float: left;
}
#floatcontainer {
	width: 750px;
}
#threesections {
	margin: 10px 0 10px 0;
}
.servicesHP, .clientRHP, .newsHP {
	float: left;
	width: 167px;
	padding: 0 10px 0 0;
	margin-bottom: 15px;
}
.clientRHP {
	margin: 0 12px 0 0;
	width: 165px;
}
.newsHP {
	width: 145px;
	padding: 0px;
}
.newsHP a:link, .newsHP a:visited {
	font: normal bold 11px Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
.newsHP a:hover, .newsHP a:active {
	color: #727272;
	font-size: 11px;
	text-decoration: none;
}

.articleListLHP {
	float: left;
	width: 350px;
	padding: 0 10px 0 0;
	margin-bottom: 15px;
}

.articleListRHP {
	float: left;
	width: 150px;
	padding: 0 5px 0 10px;
	margin-bottom: 15px;
	background: url(/images/commentBG.gif) left top repeat-y;

}


#content ul li {
	padding: 0 0 3px 20px;
	list-style: none;
	margin-bottom: 4px;
	margin-left: 10px;
	line-height: 14px;
	background: url(/images/listelement.jpg) left top no-repeat;
}

#content ul li a:link, #content ul li a:visited  {
	font-weight: normal;
	padding: 0px;
	list-style: none;
	margin-bottom: 4px;
	margin-left: 0px;
	line-height: 11px;
}

#content ul li a:hover, #content ul li a:active  {
	color: #727272;
}


#servicesID ul li, #clientID ul li {
	padding: 0px;
	list-style: none;
	margin-bottom: 4px;
	margin-left: 12px;
	background: none;
	height: 14px;
}
#servicesID ul li a:link, #clientID ul li a:link, #servicesID ul li a:visited, #clientID ul li a:visited {
	font: normal bold 11px Arial, Helvetica, sans-serif;
	color: #01527B;;
	background: url(/images/arrowlistlink.jpg) left center no-repeat;
	padding: 0 0 0 23px;
	text-decoration: none;
}
#servicesID ul li a:hover, #clientID ul li a:hover, #servicesID ul li a:active, #clientID ul li a:active {
	background: url(/images/arrowlistlink_on.jpg) left center no-repeat;
}


ul li a:link, ul li a:visited {
	text-decoration: none;
}
ul li a:hover, ul li a:active {
}
.newsHP div {
	margin: 0 0 5px 0;
}
.newsHPid ul li a {
	padding: 0px;
	background: none;
}
.newsHP ul  {
	padding: 0 0 0 23px;
	background: url(/images/arrowsspecialNews.jpg) 0px 2px no-repeat;
}
.newsHP div {
	padding: 0 0 0 23px;
	background: url(/images/arrowsspecialNews.jpg) left top no-repeat;		
}
.comment {
	padding: 10px 0 0 5px;
	margin-top:35px;
	background: url(/images/commentBG.gif) left bottom repeat-y;
}

.dbflistcolumn {
	width: 120px;
	float: left;
}

/* ----------------  BOXES FEATURED CONTAINER  ------------- */


.featuredboxMIDDLE {
	width: 502px;
	background: url(/images/box_featured_middle.jpg) left top repeat-y;
	padding: 0 10px 0 10px;
}
.featureBOX {
	margin: 0 0 20px 0;
}
.screenshot {
	margin: 10px 0 10px 0; 
	background: #e3e4e4; 
	text-align: center;
}
.spacer {
	background: url(/images/spacer.jpg) repeat-x;
	height: 20px;
}

/* ----------------  BUTTON AND FORMS  ------------- */


.buttonLeft, .formbuttonLeft {
	float: left;
	width: 7px;
	height: 24px;
	background: url(/images/buttonLeft.jpg) left top no-repeat;
}
.buttonMiddle {
	float: left;
	height: 20px;
	padding: 4px 0 0 0;
	text-align: center;
	background: url(/images/buttonMiddle.jpg) left center repeat-x;
}
.buttonRight, .formbuttonRight {
	float: left;
	width: 7px;
	height: 24px;
	background: url(/images/buttonRight.jpg) left top no-repeat;
}
.button a:link, .button a:visited {
	text-decoration: none;
	font-weight: bold;
}
.button a:hover, .button a:active {
	color: #727272;
}
button {
	padding: 0px;
	font: normal bold 12px Arial, Helvetica, sans-serif;
	/*color: #015681;*/
	color: #01527B;;
	float: left;
	background: none;
	border: none;
	height: 24px;
	background: url(/images/buttonMiddle.jpg) repeat-x;
}
.formbuttonRight, button {
	margin: 0 0 0 -1px;
}

/* ----------------  NAVIGATION  ------------- */
#home {
	padding-bottom: 1px;
}
.subnavi, .subnaviSub {
	height: 0px;
	overflow: hidden;
	display:none;
}
.subnaviSub ul li, .subnaviOpen ul li {
	margin-bottom: -1px;
}
.subnaviSub ul, .subnaviSubOpen ul {
	padding-bottom: 0px;
}

.subnavi ul, .subnaviOpen ul {
	padding-top: 5px;
}
#naviwrapper {
	float: left; 
	width: 150px;
	padding-left: 45px;
	background:url(/images/navi/shadowNavi.jpg) 21px 0px no-repeat;
}

#customMenu {
	float: left; 
	width: 150px;
	padding-left: 45px;
	clear:left;
}

#naviwrapper div {
	margin: 0 0 1px 0;
}

#secondmainnaviW {
	padding: 10px 0 0 0;
}

#subnavAbout ul li, #subnavProducts ul li, #subnavServices ul li, #subnavContact ul li, #subnavSupport ul li, #subnavSolutions ul li, #customMenu ul li {
	list-style: none;
}
#subnavAbout ul li a:link, #subnavAbout ul li a:visited, #subnavProducts ul li a:link, #subnavProducts ul li a:visited, #subnavServices ul li a:link, #subnavServices ul li a:visited, #subnavContact ul li a:link, #subnavContact ul li a:visited, #subnavSolutions ul li a:link, #subnavSolutions ul li a:visited, #customMenu ul li a:link, #customMenu ul li a:visited  {
	font: normal normal 11px Arial, Helvetica, sans-serif;
	color: #3983b5;
	background: url(/images/navi/arrow_off.gif) no-repeat;
	padding: 2px 0 0 16px;
} 
#subnavAbout ul li a:hover, #subnavAbout ul li a:active, #subnavProducts ul li a:hover, #subnavProducts ul li a:active, #subnavServices ul li a:hover, #subnavServices ul li a:active, #subnavContact ul li a:hover, #subnavContact ul li a:active, #subnavSolutions ul li a:hover, #subnavSolutions ul li a:active, #customMenu ul li a:hover, #customMenu ul li a:active  {
	background: url(/images/navi/arrow_on.gif) no-repeat;
}
#subnavSupport ul li, #subnavNews ul li, #subnavCasestudy ul li, #subnavChangelog ul li, #subnavSystemdocs ul li, #subnavHelpsystem ul li {
	list-style: none;
	padding: 0 0 1px 0;
}

#subnavSupport ul li a:link, #subnavSupport ul li a:visited, #subnavNews ul li a:link, #subnavNews ul li a:visited, #subnavCasestudy ul li a:link, #subnavCasestudy ul li a:visited, #subnavChangelog ul li a:link, #subnavChangelog ul li a:visited, #subnavSystemdocs ul li a:link, #subnavSystemdocs ul li a:visited, #subnavHelpsystem ul li a:link, #subnavHelpsystem ul li a:visited  {
	font: normal normal 11px Arial, Helvetica, sans-serif;
	color: #727272;
	background: url(/images/navi/arrow_off.gif) no-repeat;
	padding: 2px 0 0 16px;
} 

#subnavSupport ul li a:hover, #subnavSupport ul li a:active, #subnavNews ul li a:hover, #subnavNews ul li a:active, #subnavCasestudy ul li a:hover, #subnavCasestudy ul li a:active, #subnavChangelog ul li a:hover, #subnavChangelog ul li a:active, #subnavSystemdocs ul li a:hover, #subnavSystemdocs ul li a:active, #subnavHelpsystem ul li a:hover, #subnavHelpsystem ul li a:active  {
	background: url(/images/navi/arrow_on.gif) no-repeat;
	color: #3983b5;
}

#customMenu h4 {
	padding-left: 25px;
	padding-top: 15px;
}

h4 a:link, h4 a:visited {
	font: normal bold 12px Arial, Helvetica, sans-serif;
	color: #0e76a2;
	text-decoration: none;
}
h4 a:hover, h4 a:active {
	font: normal bold 12px Arial, Helvetica, sans-serif;
	color: #727272;
}

/* ----------------  FOOTER  ------------- */

#footerwrapper {
	height: 85px;
	width: 100%;
	background: url(/images/footerbg.jpg) repeat-x;
}
#footerwrapper div {
	padding: 0 0 0 234px;
}

#changedetail table	
	{
	margin: 10px 10px 10px 10px;
	}
#changedetail table, td, th
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border: 1px solid #000066;
	}
#changedetail td, th	
	{
	padding: 3px 4px;
	font-size: 10px;
	}
#changedetail th	
	{
	background-color: #E2E6F0;
	text-align:center;
	font-weight: normal;
	}	
#changedetail td
	{
	vertical-align: top;
	}