/* Default values for elements
--------------------------------*/

* {
	margin: 0;
	xlist-style: none;
	z-index: 5;
}

/* prevent horizontal shift on firefox */
html	{
	min-height: 100%;
	margin-bottom: 1px;
}
body {
	font: 10px Arial, Helvetica, sans-serif;
	color: #374347;
	background: #FFF url(/img/mainBg.jpg) repeat-x scroll left top;
}
a {
	font-weight: bold;
	color: #0D6EA4;
}

ul {
	list-style: square;

}

h3 {
	font-weight: normal;
	font-size: 16px;
}

/** Container **/
#container {
	margin: 0 auto;
	width: 900px;
}
#content {
	margin-top: 20px;
	font-size: 15px;
}

.extraSmall {
	font-size: 9px;
}

#header {
 	height: 100px;
 	background: url(/img/headerBg.jpg) no-repeat;
}

#logo {
	background: transparent url(/img/headerLogo.gif) no-repeat;
	width: 310px;
	height: 85px;
	float: left;
	margin: 0;
}

#statusBox {
	height: 25px;
	float: right;
	margin-bottom: 45px;
	background: #069;
	line-height: 25px;
	color: #fff;
	padding: 0 10px;
	opacity: 0.40;
	filter: alpha(opacity=40);


}
#statusBox a {
	color: #fff;
}


/** side bar **/
.sideBox {
	width: 220px;
	background: url(/img/sideBoxBg.gif);
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
.sideBox h3 {
	height: 35px;
	padding-left: 10px;
	overflow: hidden;
	background: url(/img/sideBoxHeaderBg.gif) no-repeat;
	line-height: 35px;
	font-size: 15px;
	font-weight: bold;
	color: #666;
	margin-bottom: 10px;
}
.sideBoxContent {
	margin: 10px;
	font-size: 12px;
	line-height: 17px;
}
.sideBoxContent small {
	font-size: 10px;
	line-height: 12px;
}



/** navigation **/
.nav {
	clear: both;
	line-height:normal;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.nav li {
	float: left;
	background: url(/img/menuTabLeft.gif) no-repeat left top;
	margin: 0 0 0 2px;
	padding: 0 0 0 7px;
}
ul.nav li.active {
	background: url(/img/menuTabLeft.gif) no-repeat 0 -30px;
}
.nav li a {
	height: 30px;
	line-height: 30px;
	display: block;
	background: url(/img/menuTabRight.gif) no-repeat right top;
	padding: 0 16px 0 10px;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	float: left;
}
.nav li.active a {
	color: #069;
	background: url(/img/menuTabRight.gif) 100% -30px no-repeat;
}


/** Special headers **/
h1.short, h2.short, h3.short, p.short {
	width: 50%;
}

/** footnote **/
.footnote {
	font-size: 9px;
	top: -7px;
	position: relative;
	margin-left: 2px;
	font-weight: bold;
}
.footnoteDesc {
	font-size: 12px;
	color: #776;
}
.footnoteDesc div {
	margin-bottom: 5px;
}
.footnoteDesc span {
	top: -3px;
	position: relative;
	font-size: 8px;
}

/** form and table (statis) stuff **/
.formContainer h5, .tableContainer h5 {
	color: #666;
	font-size: 17px;
	padding-bottom: 4px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
}
.formContainer, .tableContainer {
	background: #e6f3f6;
	padding: 10px;
	margin-bottom: 20px;
}
.formContainer table {
	margin-bottom: 10px;
	border: 0;
}
.formContainer table tr {
	height: 35px;
}
.formContainer table tr td {
	vertical-align: bottom;
}
.formContainer input {
	font-size: 15px;
	padding: 2px 5px;
}
.formContainer select	{
	font-size: 15px;
}
.formContainer small {
	font-size: 10px;
}
.formLabel {
	width: 120px;
	text-align: right;
	padding-right: 10px;
}
.tableContainer table {
	width: 100%;
}
.tableContainer table tr th {
	text-align: left;
}
.tableContainer table tr {
	height: 25px;
}
.tableContainer table tr.odd {
	background: #fff;
}
.tableContainer table tr.even {
	background: #DCEEF5;
}
.tableContainer table td {
	border-bottom: 1px solid #CCE3EC;
}
.tableContainer table tr td a {
	color: #000;
	font-weight: normal;
}

/** big box **/
.boxBig {
	overflow: hidden;
	background: #D1E8F7 url(/img/boxBigBg.jpg) top left no-repeat;
}
.boxBigContent {
	padding: 30px 70px;
}
.boxBigContent h3 {
	font-size: 21px;
	color: #069;
}


/** box-messages  **/
.boxAlert {
	background-color: #ffc;
	border: 1px solid #fc3;
	overflow: hidden;
	zoom: 1;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 12px;
}
.boxAlert h3 {
	color: #f30;
	border-bottom: 1px solid #fc3;
	text-indent: 25px;
	background: url(/img/icnWarning.gif) 0 5px no-repeat;
	line-height: 30px;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 10px;
}
.boxAlert h4 {
	color: #f30;
	font-size: 12px;
	text-indent: 25px;
	line-height: 29px;
	background: url(/img/icnWarning.gif) 0 5px no-repeat;
}
.boxAlert a {
	color: #f30;
}
.boxStatus {
	background-color: #edf8dd;
	color: #000;
	border: 1px solid #c6ddc7;
	overflow: hidden;
	zoom: 1;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 12px;
}
.boxStatus h3 {
	color: #363;
	border-bottom: 1px solid #c6ddc7;
	text-indent: 25px;
	background: url(/img/icnChecked.gif) 0 5px no-repeat;
	line-height: 30px;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 10px;
}
.boxStatus h4 {
	color: #363;
	font-size: 12px;
	text-indent: 25px;
	background: url(/img/icnChecked.gif) 0 5px no-repeat;
	line-height: 29px;
}
.boxStatus a {
	color: #f30;
}


/** datePicker **/
a.dp-choose-date {
	xfloat: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	xdisplay: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/img/calendar.png) no-repeat;
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	xfloat: left;
}

/** autoForm stuff **/
table.autoForm td {
	vertical-align: bottom;
}
div.autoForm_alert {
	background: #FFFFCC url(/img/autoForm_error.gif) no-repeat scroll 5px 3px;
	margin: 10px 0 5px 0;
	padding: 5px 5px 5px 25px;
	font-size: 11px;
}
.autoForm_loading {
	display: none;
	background: url(/img/loadingAni.gif) no-repeat top left;
	padding-left: 30px;
	margin: 10px 0 5px 0;
}

/** Content blocks **/
/* positions */
.contentLeft {
	float: left;
	margin-right: 10px;
	margin: 10px;
}
.contentInner {
	margin: 10px;
}
/* sizes */
.contentMedium {
	width: 660px;
}
.contentMedium p {
	margin-bottom: 30px;
}
.contentSmall {
	width: 280px;
}
.contentFull {
	width: 100%;
}
/* colors background */
.contentBoxBg {
	xbackground: #5BE url(/img/bg.jpg);
	background: #0D6EA4;
	color: #fff;
}
.contentBoxBg a {
	color: #fff;
}


/** sections **/
h3.sectionHeader {
	font-size: 15px;
	line-height: 35px;
	font-weight: bold;
	color: #666;
	background: url(/img/sectionHeaderBg.gif) repeat-x;
	padding-left: 20px;
}
p.sectionHeader, div.sectionHeader {
	background: #efefef;
	padding: 20px;
	border-top: 1px solid #e0e0e0;
	line-height: 23px;
	margin-bottom: 20px;
}
div.section {
	margin-bottom: 20px;
}
xdiv.sectionHeader {
	background: #F5F5F5;
	padding: 10px;
	overflow: hidden;
	border-top: 1px solid #e0e0e0;
}
div.sectionHeader ul {
	font-size: 15px;
	margin: 0px;
	padding: 0 0 0 20px;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: none;
}
div.sectionHeader ul li {
	line-height: 30px;
}
li.liOk {
	background: url(/img/icnChecked.gif) no-repeat 0 8px;
	text-indent: 25px;
}
li.liError {
	background: url(/img/icnWarning.gif) no-repeat 0 8px;
	text-indent: 25px;
}



/** selector  **/
.formSelector table{
	width: 100%;
}
.formSelector table tr {
	line-height: 35px;
}

/* ads content */
#adsContainer {
	margin-top: 20px;
}
.adContainer {
	padding: 10px;
	margin-bottom: 10px;
	background: #eee;
}
.adCode {
	font-family: courier, fixed;
	margin-top: 10px;
}
.adCode textarea {
	width: 600px;
	height: 100px;
}
.adCodeHint {
	margin-top: 10px;
	line-height: 19px;
}
.adCodeHint strong {
	font-weight: bold;
	font-family: courier, fixed;
	line-height: 19px;
}


/** branding stuff **/
#brandingContainer {
	margin-top: 10px;
}
#brandingContainer div.formContainer {
	margin-top: 10px;
}
#formBranding table tr td.formLabel {
	width: 200px;
}
#formBranding table {
	width: 640px;
}
.formColorPicker {
	width: 160px;
}
#colorPickerContainer {
	position: absolute;
	width: 214px;
	height: 218px;
	background: #fff;
	border: 1px solid #eee;
	left: -50px;
	top: 140px;
	overflow: hidden;
}
#colorPickerContainer span {
	display: block;
	font-size: 12px;
	margin-left: 50px;
	margin-top: 6px;
}
#colorPickerContainer span a {
	background: #eee;
	padding: 0 20px 10px 20px;
	text-decoration: none;
}

/** tooltip enhancements **/
#tooltip.pretty h3 {
        font-weight: bold;
}
#tooltip.pretty div { font-size: 13px; }
#tooltip.pretty {
	opacity: 1;
	background: url('/img/shadowbg.png');
	color: #fff;
}
.tooltip {
	border-bottom: 1px dotted #000;
	cursor: help;
}

/** modal stuff **/
.modalData {
	font-size: 16px;
	padding: 10px;
}
.modalData h4 {
	font-size: 19px;
	border-bottom: 1px solid #aaa;
	margin-bottom: 10px;
}
.modalCloseContainer {
	text-align: center;
}
p.modalClose {
	margin-top: 30px;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
	padding: 5px;
	background-color: #eee;
	border: 1px solid #333;
}
input.modalClose {
	font-size: 18px;
	margin: 10px 0;
}


/** sign up **/
#formContainerSignUp	{
	background: none;
}
#formSignUpSubmit {
	margin-top: 10px;
	font-size: 15px;
}


/* left menu */
.leftMenu {
	width: 215px;
	margin-right: 20px;
	padding-bottom: 30px;
	background: url(/img/menuTabA.gif) bottom left repeat-x;
	float:left;
}
.leftMenu ul {
	list-style: none;
	padding: 0;
	border-bottom: 1px solid #ccc;
}
.leftMenu li {
	border-top: 1px solid #eee;
	line-height: 35px;
	padding-left: 20px;
	color: #aaa;
}
.leftMenu li a {
	text-decoration: none;
}
li.leftMenuActive a {
	color: #f63;
}



/* form stuff */
.button, .mediumButton {
	height: 35px;
	text-align: center;
	line-height: 35px;
	font-size: 17px;
	text-decoration: none;
	color: #fff;
	border: 1px solid #C30;
	background: #F60 url(/img/btnBg.gif) top left repeat-x;
}
.mediumButton {
	height: 23px;
	line-height: 23px;
	font-size: 12px;
    font-weight:bold;
    padding: 0 5px;
}
.niceButton {
	background: url(/img/splashHomeButton.gif) no-repeat top left;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 34px;
	border: 0;
	height: 36px;
	width: 223px;
	cursor: pointer !important;
	cursor: hand;
}


/** selltext, nice look **/
.sellText {
	font-family: georgia;
	font-size: 15px;
	line-height: 23px;
}
.sellText div {
	margin-bottom: 20px;
	padding-left: 68px;
}
.sellText h1 {
	font-size: 17px;
	text-transform: uppercase;
	font-family: arial, helvetica;
	font-weight: bold;
}
.sellText strong  {
	font-weight: normal;
	background: #FFC;
	padding: 0px 3px;
}
.copytext {
	padding: 20px 15px;
	font-family: georgia;
	line-height: 23px;
}
.copytext p {
	padding: 25px 0px;
}
.copytext strong  {
	background: #EFF8FD;
	padding: 0px 3px;
}





/* Index Page */
#indexWelcome {
	background: url(/img/splashHomeBg.jpg) no-repeat top left;
	width: 900px;
	height: 300px;
}
#indexWelcomeText {
	width: 540px;
	height: 255px;
	float: left;
}

#indexWelcomeTextHeader	{
	text-indent: -1000px;
	background: url(/img/splashHomeHeadertext.gif) no-repeat top left;
	width: 408px;
	height: 52px;
}
#indexWelcomeGfx {
	float: right;
	width: 360px;
	height: 255px;
	margin-top: 15px;
}

#indexCopytext {
	float: left;
	width: 520px;
	margin-top: 30px;
}
#indexCopytextInvestment {
	background: url(/img/indexIconNoInvestment.gif) no-repeat;
}
#indexCopytextCommissions {
	background: url(/img/indexIconShare.gif) no-repeat ;
}
#indexCopytextTrust{
	background: url(/img/indexIconSmile.gif) no-repeat ;
}
#indexCopytextMarketing {
	background: url(/img/indexIconGrowth.gif) no-repeat;
}
#indexCopytextSoftware {
	background: url(/img/indexIconAdvancedTechnologie.gif) no-repeat;
}
#indexCopytextFocus	{
	background: url(/img/indexIconFocus.gif) no-repeat;
}
#indexRightBoxContainer {
	width: 350px;
	float: right;
}
.indexRightBox {
	margin: 25px 0;
	border: 1px solid #ccc;
	overflow: hidden;
}
.indexRightBoxContent  {
	padding: 0 20px 20px 20px;
}
.indexRightBoxContent h3 {
	font-size: 15px;
	font-weight: bold;
	font-family: arial, helvetica;
	text-transform: uppercase;
	margin: 20px 0 5px 0;
}
.indexRightBoxContent p strong {
	background-color: #EFF8FD;
}
#formLogin input {
	font-size: 17px;
	padding: 0 5px;
}

/* imprint / terms / .. **/
#imprintBlock1, #imprintBlock2 {
	width: 200px;
	float: left;
	overflow:hidden;
	margin: 30px 0 30px 0;
	line-height: 20px;
	font-size: 14px;
}
#imprintBlock2 {
	width: 400px;
}
#terms {
	margin: 20px 0;
	font-size: 13px;
}
#terms h5 {
	margin: 15px 0 5px 0;
	font-size: 13px; font-weight: bold;
}
#terms br {
	margin-bottom: 10px;
}


/** Stats Stuff **/
td.stableRed {
	background-color: #fb0;
}
td.stableGreen {
	background-color: #ff0;
}
.stableLeft {
	text-align: left;
}
.stableRight {
	text-align: right;
}

/* Default often used classes
-----------------------------*/
.clear {
	clear: both;
}
.fLeft {
	float: left;
	display: inline;
}
.fRight {
	float: right;
	display: inline;
}
.floatContainer {
	display: block !important;
	display: inline-block;
	overflow: hidden;
}
.hide	{
	display:none;
}
.invisible {
	visibility: hidden;
}
.inline-block {
	zoom: 1;
}
.smallText {
	margin-top: 5px;
	font-size: 10px;
	line-height: 12px;
}
.cursorHand {
	cursor: pointer;
	_cursor: hand;
}