/*
Client Skin: GxPconsult

Last edit: 2012-01-10

Author: Tim Reeves
*/

/***********/
/* LAYOUT  */
/***********/

html {
   	font-family: Calibri, Lucida Grande, Arial, Tahoma, Helvetica, Geneva, Swiss, Trebuchet MS, Lucida Sans Unicode, SunSans-Regular, sans-serif;
	background-color: white;
}

div.website { min-height: 520px; }

div.main, div.header, div.breadcrumbs, div.secnav, div.nav,
div.scroller, div.content, div.footer {
	background-color: transparent;
}

div.head {					/* At top of div.main */
	height: 130px;
	padding-top: 9px;		/* For top-shadow as bg pic */
	text-indent: 0;
	background: black url(../images/std/topshadow.png) repeat-x scroll left top;
	background: black url(../images/std/headdark.png) repeat-x scroll left top;
	border-bottom: 5px solid white;
}

div.head img {
	display: block;
	float: left;
	margin: 9px 0 0 14px;
}

div.head div.spruch {
	float: right;
	width: 310px;
	margin: 32px 16px 0 0;
}

div.extra {	/* In div.main div.head, inherited by breadcrumbs and secnav */
	text-indent: 0;
	border-bottom: 1px solid white;
	background: white url(../images/std/bottomshadow-hdots.png) repeat-x scroll left top;
	background: white url(../images/std/hdots.gif) repeat-x scroll left bottom;
}

div.breadcrumbs p {
	text-indent: 14px;
}

span#fontsize img {
	float: none;
	margin: 0;
}

div.nav {	/* In div.main ( div.head ) - depends on menu style */
	padding: 28px 0 0 0;
}

div.foot {					/* At bottom of div.main */
	position: static;		/* No positioning of div.extra within it */
	width: auto;			/* div.extra must then also get position: static */
	height: 29px;			/* Set to same height as div.extra if so positioned */
	text-align: left;
	text-indent: 0px;		/* div.extra manages its own text indent */
	overflow: hidden;
	background-color: #8EF283;
	border-top: 1px solid #AAAAAA;
}

div.contentleft {
	position: static;
	float: left;
	margin-right: 45px;
	width: 331px;		/* 707 - 45 / 2 */
	height: auto;
	overflow: hidden;
	padding: 0;
	background-color: transparent;
}

div.contentright {
	position: static;
	margin: 0;
	width: 331px;		/* 707 - 45 / 2 */
	height: auto;
	overflow: hidden;
	padding: 0;
	background-color: transparent;
}

/* This gives a headline a proportional gap to the top of div.content */
.atTopOfPage {
	margin-top: 1.5em;
}

/* This brings a headline level with the top of the menu */
.alignToMenu, h1.sitemap {
	margin-top: 33px;
}


div.limitwidth {		/* The cheapo alternative to the above pair */
	position: static;
	width: 488px;		/* Extends to about the right side of the text scaling */
	height: auto;
	overflow: hidden;
	padding: 0;
	background-color: transparent;
}

/* "Abbinder" */
div.foot {					/* At bottom of div.main */
	height: 20px;
	background-color: black;
	border-top: 5px solid white;
	background-image: url(../images/std/footdark.png);
	background-repeat: repeat-x;
}

div.footleft {
	position: static;
	float: left;
	margin-left: 222px;
	margin-right: 45px;
	width: 331px;		/* 707 - 45 / 2 */
	height: auto;
	overflow: hidden;
	padding: 0;
	background-color: transparent;
}

div.footright {
	position: static;
	margin: 0;
	width: 331px;		/* 707 - 45 / 2 */
	height: auto;
	overflow: hidden;
	padding: 0;
	background-color: transparent;
}

div.footright p {
	text-align: right;
}

/***********/
/* FLYOUTS */
/***********/

div.menu {
	left: 12px;
	left: 0px;		/* For centered website */
	width: 178px;
}

div#fotooltip {		/* For Flyout-Menu Tooltip */
	font-size: 11px;
	font-family: Arial, Tahoma, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
}

ul.menu li ul, ul.menu li ul li ul {
	top: -24px;		/* Compensate position for padding */
	left: 165px;	/* Set up the overlap (minus the overrun) */
}
ul.menu li ul li ul {
	top: -25px;
	left: 165px;
}
ul.menu li ul li.fst ul {
	top: -24px;
}

ul.menu li ul  {	/* 2nd level <ul> block */
	width: 178px;
}

ul.menu li ul li ul {	/* 3rd level */
	width: 178px;
}

ul.menu li, ul.menu li ul li, ul.menu li ul li ul li {
	height: 27px;
	font-size: 10px;
	display: block;
}

/* Individual adjustments to different level <li>'s */
ul.menu li {
	background: transparent url(../images/std/hdots.gif) repeat-x scroll left top;
}
ul.menu li ul li {
	background: transparent url(../images/std/hdots.gif) repeat-x scroll left bottom;
}
ul.menu li ul li ul li {
	background: transparent url(../images/std/hdots.gif) repeat-x scroll left bottom;
}

/* 1st level has no dots at top or bottom of menu */
ul.menu li.fst {
	height: 26px;
	background-image: none;
}

/* The first list item is one pixel higher for the double border */
ul.menu li ul li.fst,
ul.menu li ul li ul li.fst {
	height: 28px;
	background: transparent url(../images/std/hdotstopbot.gif) repeat-x scroll left top;
}

/* The link elements themselves */
ul.menu li a, ul.menu li a:link, ul.menu li a:visited, ul.menu li a:active,
ul.menu li a:focus, ul.menu li a:hover {
	height: 26px;
	line-height: 26px;	/* Centers the text in the link box */
	width: 175px;		/* 0px border will be added */
	letter-spacing: 0px;
	text-indent: 14px;
	border-style: dotted;	/* IE6 huge dots, IE7 transparent dots in flyouts */
	border-style: none;		/* border is not used in Hauser, bkgr-gif instead */
	font-family: Verdana, DejaVu Sans, Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
}

/* In this implementation, 2nd level links are just as broad */
ul.menu li ul li a,         ul.menu li ul li a:link,
ul.menu li ul li a:visited, ul.menu li ul li a:active,
ul.menu li ul li a:focus,   ul.menu li ul li a:hover {
	width: 178px;			/* 0px border will be added */
	font-size: 10px;
	text-indent: 10px;
}

/* In this implementation, 3rd level links are just as broad */
ul.menu li ul li ul li a,         ul.menu li ul li ul li a:link,
ul.menu li ul li ul li a:visited, ul.menu li ul li ul li a:active,
ul.menu li ul li ul li a:focus,   ul.menu li ul li ul li a:hover {
	width: 178px;			/* 0px border will be added */
	font-size: 10px;
	text-indent: 10px;
}

/* Finally, the link margins for dots bg-pics, avoiding inappropriate inheritance */
ul.menu li a, ul.menu li a:visited {
	border-width: 0;
	position: relative;	/* Level = 1: Dots are at top of <li> */
	top: 1px;
}
ul.menu li.fst a, ul.menu li.fst a:visited {
	border-width: 0;
	position: static;	/* Level = 1: But none at the start */
}

ul.menu li.sub ul li a,     ul.menu li.sub ul li a:visited,
ul.menu li.sub ul li.sub ul li a,     ul.menu li.sub ul li.sub ul li a:visited {
	border-width: 0;
	position: static;	/* Level > 1: Dots are at bottom of <li> */
}
ul.menu li.sub ul li.fst a, ul.menu li.sub ul li.fst a:visited,
ul.menu li.sub ul li.sub ul li.fst a, ul.menu li.sub ul li.sub ul li.fst a:visited {
	border-width: 0;
	position: relative;	/* Level > 1: But top AND bottom of fst */
	top: 1px;
}

/* Flyout-Menu Colours */
ul.menu li a, ul.menu li a:visited,
a.avblefo, a.avblefo:link, a.avblefo:visited, a.avblefo:active, a.avblefo:focus {
	color: #333333;
}

a.avblefo, a.avblefo:link, a.avblefo:visited, a.avblefo:active, a.avblefo:focus {
	background-color: white;
}

a.iscurfo, a.iscurfo:link, a.iscurfo:visited, a.iscurfo:active, a.iscurfo:focus,
a.iscurfo:hover, a.avblefo:hover {
	color: black !important;
	background-color: #EFEFEF;
}

ul.menu li.sub a, ul.menu li.sub ul li.sub a {
	background-image: url(../images/std/menuarrow.gif);
}

ul.menu li.sub a.iscurfo,         ul.menu li.sub a.iscurfo:link,
ul.menu li.sub a.iscurfo:visited, ul.menu li.sub a.iscurfo:active,
ul.menu li.sub a.iscurfo:focus,   ul.menu li.sub a.iscurfo:hover,
ul.menu li.sub a.avblefo:hover,

ul.menu li.sub ul li.sub a.iscurfo,         ul.menu li.sub ul li.sub a.iscurfo:link,
ul.menu li.sub ul li.sub a.iscurfo:visited, ul.menu li.sub ul li.sub a.iscurfo:active,
ul.menu li.sub ul li.sub a.iscurfo:focus,   ul.menu li.sub ul li.sub a.iscurfo:hover,
ul.menu li.sub ul li.sub a.avblefo:hover {
	background-image: url(../images/std/menuarrowcurrent.gif);
}

/* Prevent inheritance! */
ul.menu li.sub ul li a.iscurfo,         ul.menu li.sub ul li a.iscurfo:link,
ul.menu li.sub ul li a.iscurfo:visited, ul.menu li.sub ul li a.iscurfo:active,
ul.menu li.sub ul li a.iscurfo:focus,   ul.menu li.sub ul li a.iscurfo:hover,
ul.menu li.sub ul li a.avblefo:hover,

ul.menu li.sub ul li.sub ul li a.iscurfo,         ul.menu li.sub ul li.sub ul li a.iscurfo:link,
ul.menu li.sub ul li.sub ul li a.iscurfo:visited, ul.menu li.sub ul li.sub ul li a.iscurfo:active,
ul.menu li.sub ul li.sub ul li a.iscurfo:focus,   ul.menu li.sub ul li.sub ul li a.iscurfo:hover,
ul.menu li.sub ul li.sub ul li a.avblefo:hover {
	background-image: none;
}

/***********/
/*  TEXT   */
/***********/

h1, h2, h3, h4, h5 {
	font-family: Verdana, DejaVu Sans, Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	color: #333333;
}

h1 {
	font-size: 1.0em;
	margin: 1.5em 0px 0.15em 0px;
}

h2 {
	font-size: 0.95em;
	margin: 1.4em 0px 0.1em 0px;
}

h3 {
	font-size: 0.9em;
	margin: 1.0em 0px 0.05em 0px;
}

h4 {
	font-size: 0.85em;
	margin: 0.9em 0px 0.05em 0px;
}

h5 {
	font-size: 0.8em;
	margin: 0.7em 0px 0.05em 0px;
}

p {
	margin: 0.5em 0px 0.65em 0px;
	line-height: 150%;
}

strong, .strong {
	color: #181818;
	letter-spacing: 1px;
}

.smaller, .small {
   	font-size: 0.95em;		/* Wg. Calibri */
}

hr.myrule {
	color: transparent;
	background: transparent url(../images/std/hdots.gif) repeat-x scroll left top;
}

a, a:link, a:visited, a:active, a:focus {
	color: #4444EE;
}
a:hover {
	color: #4444EE;
	background-color: #EFEFEF;
}

/* Classes for Extra-Navigation ("white" on black) */

a.avble, a.avble:link, a.avble:visited, a.avble:active, a.avble:focus {
	color: #AEAFFF;
	text-decoration: none;
}

a.avble:hover {
	color: #E3E3FF;
	background-color: transparent;
	text-decoration: underline;
}

a.iscur, a.iscur:link, a.iscur:visited, a.iscur:active, a.iscur:focus {
	color: #E3E3FF;
}
a.iscur:hover {
	color: #E3E3FF;
	background-color: transparent;
}

/* And grey on white */

div.head a, div.head a:link, div.head a:visited, div.head a:active, div.head a:focus {
	color: #4444EE;
	background-color: transparent;
	text-decoration: none;
}
/* Except on Hover */
div.head a:hover {
	color: #4444EE;
	background-color: transparent;
	text-decoration: underline;
}

a.avble, a.avble:link, a.avble:visited, a.avble:active, a.avble:focus {
	color: #4444EE;
	background-color: transparent;
	text-decoration: none;
}
a.avble:hover {
	color: #0000FF;
	background-color: transparent;
	text-decoration: underline;
}

a.iscur, a.iscur:link, a.iscur:visited, a.iscur:active, a.iscur:focus {
	color: #0000FF;
}
a.iscur:hover {
	color: #0000FF;
	background-color: transparent;
}

/* Modifications for the head area (white on black) */
div.head p, div.foot p {
	color: white;
	font-family: Arial, Tahoma, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
}
/* But now partially grey on white */
div.extra p {
	color: #555555;
}

div.foot p {
	font-size: 11px;
	margin: 2px 0 0 0;
	line-height: 120%;
}

div.head strong, div.foot strong {
	color: #E8E8E8;
}

div.head div.spruch p {
	margin: 0;
	font-size: 11px;
	font-weight: bold;
}

/* Footer link styles */
div.foot a, div.foot a:link, div.foot a:visited, div.foot a:active, div.foot a:focus {
	color: #CCCCCC;
	background-color: transparent;
	text-decoration: none;
}
div.foot a:hover {
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: underline;
}

/* Sitemap */
td.menu {
	height: auto;
	padding-bottom: 5px;
	vertical-align: text-bottom;
}

/***********/
/*  LOGIN  */
/***********/

.required {
	color: #35379E;
}

input.loginField, select.loginField, textarea.loginField {
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #888888;
	border-bottom: 1px solid #AAAAAA;
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif;
}

input.loginButton {
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #888888;
	border-bottom: 1px solid #AAAAAA;
}

input.loginButtonOver {
	border-top: 1px solid #A3D7FF;
	border-left: 1px solid #A3D7FF;
	border-right: 1px solid #2C6EA1;
	border-bottom: 1px solid #2C6EA1;
}

input.loginButtonDown {
	border-right: 1px solid #A3D7FF;
	border-bottom: 1px solid #A3D7FF;
	border-top: 1px solid #2C6EA1;
	border-left: 1px solid #2C6EA1;
}

/* LOGIN (in content area) */

h1.loginpage {
	display: none;			/* Here in config/loginforms.php.inc */
}

div.logindivtop {
	height: 36px;
}

div.logindivleft {
	float: left;
	margin-left: 20px;
}

div.logindivright {
	float: right;
	width: 190px;
	height: 285px;
	margin-right: 2px;
	border: 1px solid #C3C3C1;
	/* Keyboard and keys, copyright licensed from ClipDealer - www.clipdealer.com */
	background-image: url(../images/keysboard.jpg);
}

div.logoutdivtop {
	height: 36px;
}

div.logoutdivleft {
	float: left;
	margin-left: 20px;
}

div.logoutdivright {
	float: right;
	width: 190px;
	height: 285px;
	margin-right: 2px;
	border: 1px solid #C3C3C1;
	/* Keyboard and keys, copyright licensed from ClipDealer - www.clipdealer.com */
	background-image: url(../images/keysboard.jpg);
}

div.nav p {					/* In general (probably not used) */
	margin: 0.8em 0 0.4em 0;
}

div.nav p.logingreeting {	/* For greeting in nav div */
	margin: 2em 0 0 14px;
}

div.main div.nav p.logindelete {
	margin: 2em 0 0 14px;
	margin-top: 1.2em !important;
}

div.content p.login {
	margin: 0.65em 0;
}

div.content p.logingap {
	margin: 0.9em 0 0.4em 0 !important;
}

div.content p.loginorregister { }

div.content p.loginnewhere {
	margin-top: 0.65em;
	/* padding-left: 47px; */
}

table.delineated {
	background-color: #F8F8F8;	/* Very Light grey */
}

table.delineated tr.headline, table.delineated tr.sortline {
	background-color: #EEEEEE;	/* Light grey */
}

table.delineated tr.mouseover {
	background-color: #FFFFFF;	/* White */
}

table.delineated td p {			/* For Text content */
	line-height: 120%;
}
table.delineated td p.strong {	/* For header cells */
	font-family: Arial, Tahoma, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 0.8em;
	letter-spacing: 0;
}

div.content form.login p.showhide {
	font-size: 0.85em;
}

div.content form.login p input.loginButton {
	margin: 0 0 2px 0;
}

div.content form.login p.loginid input.loginField,
div.content form.login p.loginpw input.loginField {
	width: 144px;
}

div.content form.login p.loginloginbutton input.loginButton,
div.content form.login p.loginregisterbutton input.loginButton {
	width: 150px;
}

div.content form.login p input.uploadButton {	/* Position the Upload button here */
	margin: -2px 0 4px 0;
}

div.content form.login table.delineated td p input.loginField {
	background-color: white;
}

div.content form.updown p.topless input.loginButton {
	vertical-align: top;
}

div.content form.login table.profilesubmit td input.loginButton {
	padding: 0 3px 0 3px;
}

/* User management */
table.delineated td p select.showfld {	/* Wider than standard */
    width: 122px;
}

div.content form.login p select.intr {	/* Wider than standard */
	width: 174px;
}

div.content form.login table.delineated tr.sortline td p input.loginButton {
    margin: 0 0 4px;
}

select.csvfld { width: 100px; }

/* Edit profile */
table.profilesubmit td hr { margin: 7px 0 0 0; }

div.content form.edituser {
	margin-top: 0.7em;
}

div.content form.edituser p.showhide {
	font-size: 0.85em;
}

/* Up-Download */
span.h4 {	/* Make this the same as your h4 !! */
	font-family: Verdana, DejaVu Sans, Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-weight: bold;
	font-size: 0.85em;
	color: #333333;
}


input.loginField {			/* Optionally also table.delineated */
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

textarea.loginField {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

input.loginButton {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


/******************/
/*  CONTACT FORM  */
/******************/

h1.cfmH1 {
	padding-top: 15px;
}

table.emailform {
	border-collapse: separate;
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif;
}

table.emailform td {
	color: #4B5454;
	font-size: 0.75em;
	font-weight: bold;
	letter-spacing: 1px;
	overflow: visible;
    padding: 0 3px;
    vertical-align: middle;
	border-bottom: 8px solid white;
}

table.emailform td input.col0 {
	width: 330px !important;
}

table.emailform td select.col0 {
	width: 336px !important;
}

table.emailform td textarea.col1 {
	width: 330px !important;
}

table.emailform td textarea.loginField {
	height: 96px;
}

table.emailform td.right {
	padding-left: 12px;
}

table.emailform td.required, table.emailform td span.required {
	color: #35379E;
	font-family: Verdana,Tahoma,Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif;
}

table.emailform td.buttonrow { text-align: right; }

table.emaildone { margin: 0.7em 0 0; }

table.emaildone td { padding: 0 0 0.65em; }

table.emaildone td.padright {
	padding: 0 1.2em 0.65em 0;
	white-space: nowrap;
}