/*---------------------------------------------------+
| Copyright 2008 Wouter Behrens                      |
| for support, please visit http://www.biass.nl      |
+----------------------------------------------------+
| Released under the terms & conditions of v2 of the |
| GNU General Public License. For details refer to   |
| the included gpl.txt file or visit http://gnu.org  |
+----------------------------------------------------*/

html {
	/* overflow:hidden; */
}

img { border: 0px; }
.img_select { cursor: pointer; width:20px;}

.main-bg {
  background-color: #a71;
  color: #fff;
  margin: 5px;
  padding: 5px;
}

div.scroll {
/*	height: 310px; */
	height: 100%;
	overflow: auto;
	padding: 0px 40px 0px 0px;
	/* border: 1px solid red; */
}

body
{
	margin: 0;
	font-family: arial;
	font-size: 1em;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
	border: #000000 0px solid;
	background-color: #D2D1CC;
	background-image: url("../images/background.jpg");
	background-repeat: repeat;
	background-position: 0px 0px;
	background-attachment: fixed;
	height:100%;
}

/* PAGE LINKS */
a:link		{ color: #660000; text-decoration: none; }
a:visited	{ color: #660000; text-decoration: none; }
a:active	{ color: #339900; text-decoration: none; }
a:hover		{ color: #CC6600; text-decoration: none; }

/* THE NEXT LINE IS THE MAIN PAGE FONT */
table		{ color: #000000; font: 12px  arial, georgia, "times new roman", verdana, sans-serif; font-weight: normal; }
.title 		{ color: #006600; font: 24px arial, verdana,  sans-serif; letter-spacing: -1px; font-weight: bold; height:20px;}
.subtitle	{ color: #006600; font: 16px arial, verdana,  sans-serif; letter-spacing: 0px; font-weight: bold; }
.phonetitle 	{ color: #3E2B1E; font: 13px arial, verdana, sans-serif; letter-spacing: 0px; font-weight: bold; }
.date-font	{ color: #3E2B1E; font: 10px verdana, arial, sans-serif; font-weight: bold; }
.just 		{ text-align: justify; }

/* BORDER AND LINE CODE */
.page-splits	{ color: #DDDCD6; height: 2px; border-top: #A49C98 1px solid; width: 100%; }
.borders	{ border: #000000 1px solid; }

/* RIGHT AND LEFT TEXT BOXS */
.note-text 	{ padding: 6px;
		  color: #333333;
		  font-size: 11px;
		  text-align: left;
		  border-top: #DDDCD6 1px solid;
		  border-bottom: #807A77 1px solid;
		  border-left: #807A77 1px solid;
		  border-right: #807A77 1px solid; }
.note-title	{ padding: 5px;
		  background-color: #CBC7C3;
		  color: #322926;
		  font: bold 12px arial, verdana, sans-serif;
		  text-align: left;
		  border-top: #807A77 1px solid;
		  border-bottom: #807A77 1px solid;
		  border-left: #807A77 1px solid;
		  border-right: #807A77 1px solid; }

 /* PAGE FOOTER CODE */
.footer 	{
		border-bottom: #807A77 1px solid;
		border-top: #DDDCD6 1px solid;
		}
.footer-line	{
		border-bottom: #DDDCD6 1px solid;
		border-top: #807A77 1px solid;
		}
.footertext	{ COLOR: #322926; FONT: 10px arial, verdana, sans-serif; font-weight: bold; }

/* SIDEBAR CODE */
.sidebar	{
		/* background-image: url("../images/background-sidebar.jpg"); */
		width: 150px;
		border-right: #807A77 1px solid;
		}
.sidebar-line	{
		border-left: #FFFFFF 1px solid;
		}


/* HIDE MENU AND ITEMS FOR PRINTING */
@media print {
.printhide 	{ display:none; }
.printhelp	{ width:600px; }
}
@media screen{
.printonly 	{ display:none; }
}


/* CONTACT FORM */
.submitbutton 	{ font-size: 13px; }
.shadeform	{ FONT: 13px arial, verdana, sans-serif;
		background-color: #E7E6E5;
		background-image: url("../images/shadeform.gif");
		text-align: left;
		WIDTH: 200PX;
		BORDER: #000000 1px solid; }
.textarea	{ FONT: 13px arial, verdana, sans-serif;
		background-color: #E7E6E5;
		background-image: url("../images/shadeform.gif");
		text-align: left;
		WIDTH: 250PX;
		HEIGHT: 135PX;
		BORDER: #000000 1px solid; }
.dropdown 	{ COLOR: #000000;
		WIDTH: 200PX;
		background-color: #E7E6E5;
		FONT: 12px arial, verdana, sans-serif; }

/* LINKS PAGE CODE */
.linksmargin	{ margin: 10px; }
.searchbutton 	{ FONT: 11px arial, verdana, helvetica, sans-serif; }
.searchform 	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("../images/shadeform.gif");
		background-color: #E7E6E5;
		WIDTH: 120PX;
		HEIGHT: 20PX;
		BORDER: #000000 1px solid; }
.searchdrop 	{ FONT: 12px arial, verdana, sans-serif;
		COLOR: #000000;
		WIDTH: 120PX;
		HEIGHT: 20PX;
		background-color: #E7E6E5;
		margin-top: 3px; }

/*********************************
START: Header
*********************************/
.headerContainer
{
	height: 50px;
	padding: 0;
	margin: 0;
}

.headerLeft
{
	width: 33%;
	background-color: #000000;
	padding: 0;
	margin: 0;
}

.headerRight
{
	width: 33%;
	background-color: #77B900;
	padding: 0;
	margin: 0;
}

.headerCenter
{
	text-align: center;
	padding: 0;
	margin: 0;
}

/*********************************
END: Header
*********************************/

/*********************************
START: COPYRIGHT
*********************************/
.copyright {
	font-family:arial;
	font-size:9px;
	color: #666666;
}

a.copyright {
	text-decoration:none;
}

a.copyright:hover {
	color: #929FBA;
	text-decoration:underline;
}
/*********************************
END: COPYRIGHT
*********************************/

/*********************************
START: DOWNLOAD_BUTTONS
*********************************/
h2_1 {
	background-color:inherit;
	color:#168EF4;
	font-size:18px;
	font-weight:normal;
	margin:0;
	padding:0 0 5px;
}

td {
	vertical-align:top;
}

body1 {
	color:#232323;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

.download-button-mac {
	background:url("/images/download-mac.png") no-repeat scroll 0 0 transparent;
}
.download-button-windows {
	background:url("/images/download-windows.png") no-repeat scroll 0 0 transparent;
}
.download-button-linux {
	background:url("/images/download-linux.png") no-repeat scroll 0 0 transparent;
}
.download-button-windows, .download-button-mac, .download-button-linux {
	display:block;
	height:20px;
	margin:0;
	padding:4px 0 0;
	text-align:left;
	text-indent:48px;
	width:205px;
}
.bold {
	font-weight:bold;
}
.button-standard, .button-standard2, .download-button-mobile {
    background: url("/images/button-standard.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 21px;
    line-height: 18px;
    margin: 0;
    padding: 2px 0 0;
    text-align: center;
    width: 189px;
}
/*********************************
END: DOWNLOAD_BUTTONS
*********************************/

/*********************************
START: TEAMVIEWER
*********************************/
.select-windows a {
    background-position: 0 -73px;
}
.download-os a {
    background: url("/images/download-os-select-noText.png") no-repeat scroll 0 0 transparent;
    color: #BEBEBE;
    display: block;
    font-size: 18px;
    height: 52px;
    padding: 19px 0 0 54px;
    text-decoration: none;
    width: 92px;
}
a:link {
    background-color: inherit;
    color: #168EF4;
    font-weight: bold;
    text-decoration: underline;
}
/*********************************
END: TEAMVIEWER
*********************************/

/**********************************************
START:  MENU CONFIG
**********************************************/
#menu_background {
	background-image: url(../images/MenuBarBackground.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 22px;
	text-align: center; /* for IE */
}

#menu {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	font-family: georgia;
	font-size:12pt;
	height: 22px;
	display:table;
	position: relative;
	vertical-align: top;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

#menu a, #menu h2 {
	font: bold 10pt arial, helvetica, sans-serif;
	display: block;
	border-width: 0px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	height: 22px;
	margin: 0;
	padding: 0px 3px;
}

#menu h2 {
	color: #000;
	/* background: #000; */
	text-transform: none;
	cursor:pointer;
	text-align: center;
	border-left: 1px solid #bbb;
	border-right: 1px solid #888;
}

#menu h2:hover {
	color: silver;
	background-color: black;
	filter:alpha(opacity=20);
	-moz-opacity:.20;
	KhtmlOpacity: .20;
	opacity:.20;
}

#menu a {
	color: black;
	background: silver;
	text-decoration: none;
}

#menu a:hover {
	color: silver;
	background: gray;
}

#menu li {position: relative;}

#menu ul ul {
	position: absolute;
	z-index: 500;
}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


/**********************************************
END:  MENU CONFIG
**********************************************/