@charset "utf-8";

/* --- MainStyles ------------- */
* { margin: 0; padding: 0; }
html, body {
	background:  url('../images/mainbg_header.png') no-repeat;
    background-color: #2f5384;
	background-position: center top;
	margin: 0 0 0 0;
	width: auto;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
}

a { color: #88ccff; text-decoration: none; }
a:hover { color: #ffffff; text-decoration: none; }
a:focus { -moz-outline-style: none; }
a:active { outline: none; }

/* --- Common stuff ------------ */
.clear_both { clear: both }
img { border: 0px; }
.action_note { color: #fff600; }
label { float: left; width: 110px; }
div.commonbtn140 a { display: block; color: #ffffff; padding: 3px 0 0 17px; margin: 3px 0 5px; background: url('../images/commonbtn_140.png') top; width: 127px; height: 16px; }
div.commonbtn140 a:hover { background: url('../images/commonbtn_140.png') bottom; }
div.commonbtn140red a { display: block; color: #ffffff; padding: 3px 0 0 17px; margin: 3px 0 5px; background: url('../images/commonbtn_140_red.png') top; width: 127px; height: 16px; }
div.commonbtn140red a:hover { background: url('../images/commonbtn_140_red.png') bottom; }

div.commonbtn250 a { display: block; color: #ffffff; padding: 3px 0 0 17px; margin: 3px 0 5px; background: url('../images/commonbtn_230.png') top; width: 213px; height: 16px; }
div.commonbtn250 a:hover { background: url('../images/commonbtn_230.png') bottom; }
strong { color: #6de9ff; }
strong:hover { color: #6dd1ff; }

/* --- Browser warning! ------------ */
#browser_warning {
	text-align: center;
	font-size: 14px;
	background-color: #FF9933;
	height: 20px;
	display: none;
}
#browser_warning a { color: #000000; }
#browser_warning a:hover { color: #ffffff; }

/* --- MainBg ------------------ */
#mainbg_header {
	position: relative;
	min-height: 100%;
	height: auto !important; /* Modern browsers */
	height: 100%; /* For IE */
	margin: 0 auto -130px;
}
#header {
	margin: 0 auto 0 auto;
	width: 900px;
	height: 165px;
}
#choose_language {
  padding: 150px 0 0 710px;
}
#choose_language a { color: #ffffff; text-decoration: none; }
#choose_language a:hover { color: #88ccff; text-decoration: none; }
#mainbg_footer {
	background:  url('../images/mainbg_footer.png') no-repeat;
	background-position: center bottom;
	width: auto;
	margin: 0 auto;
    height: 130px;
}
#footer {
	margin: 0 auto 0 auto;
	width: 820px;
    padding: 75px 0 0 80px;
}

#footer img { margin-right: 25px; float: left; }
#footer_text { margin-top: 7px; width: 670px; float: left; }
*+html #footer_text { margin-top: 81px; }

/* --- ContentBg --------------- */
#contentbg_wrapper {
	margin: 0 auto 80px auto;
    display: block;
}
#contentbg_top {
	background: url('../images/contentbg_top.png') no-repeat;
	margin: 0 auto 0 auto;
	width: 900px;
	height: 11px;
}
#contentbg_center {
	background: url('../images/contentbg_center.png');
	margin: 0 auto 0 auto;
	padding: 0 0 20px 4px;
	width: 896px;
}
#contentbg_bottom {
	background: url('../images/contentbg_bottom.png');
	margin: 0 auto 0 auto;
	width: 900px;
	height: 11px;
}

/* --- Menu Left --------------------- */
#menu_left {
	background: url('../images/menu_left_bg.png') no-repeat;
	background-position: top;
	width: 195px;
	float: left;
	min-height: 310px;
}

#menu_left ul { margin-top: 30px; font-size: 11px;font-weight:900;  }
#menu_left ul li { list-style-type: none; }
#menu_left ul li a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	background: url('../images/menu_left_btnlines.png') no-repeat;
	background-position: bottom;
	padding: 9px 21px 12px 0;
	width: 174px;
	text-align: right;
}
#menu_left ul li.selected a {
	color: #1b324c;
	background: url('../images/menu_left_selected.png') no-repeat;
	background-position: right;
	padding: 10px 21px 11px 0;
}
#menu_left ul li.noline a {
	background: none;
	padding: 9px 21px 8px 0;
}
#menu_left ul li a:hover { color: #00eaff; text-decoration: none; }
#menu_left ul li.selected a:hover { color: #1b324c; text-decoration: none; }

/* --- Newsletter ------------------- */
#newsletter {
    margin: 70px 0 0 10px;
    font-size: 9px;
}
#newsletter div#emailwrap {
    margin: 3px 4px 3px 0;
    float: left;
}
*+html #newsletter div#emailwrap {  /* IE8 Only */
    margin: 3px 4px 3px -5px;
    float: left;
}
#newsletter input#email {
    border: 1px solid #3b6990;
    height: 15px;
    font-size: 9px;
    padding: 2px 0 0 3px;
}
#newsletter input#submit {
    background: url('../images/newsletter_submit.png');
    margin: 3px 0 3px -2px;
    width: 20px;
    height: 19px;
    border: 0px;
}
#newsletter input#submit:hover {
    background: url('../images/newsletter_submit.png') bottom;
}
*+html #newsletter input#submit { /* IE8 Only */
    margin: 4px 0 3px -5px;
}
#newsletter #newsletter_options {
    margin-left: 3px;
}
*+html #newsletter #newsletter_options {
    margin-top: 1px;
}
/* --- Content ----------------- */
#contentbox {
	width: 478px;
	padding: 8px 12px 0 13px;
	float: left;
	min-height: 500px;
}
#contentbox div#home_intro {
    margin: 0 0 20px 0;
    width: 468px;
    height: 199px;
    background: url('../images/intro_bg.png');
}
#contentbox div#header_image {
    margin: 0 0 15px 0;
    width: 476px;
    height: 130px;
}
#contentbox div#header_image #header_image_inner {
	background: url('../images/headerimage_border.png');
    width: 476px;
    height: 130px;
}
#contentbox h1 {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.9px;
    margin-bottom: 10px;
}
#contentbox h2 {
    background: url('../images/content_listindicator.png') no-repeat;
    background-position: 8px;
    padding-left: 20px;
    font-weight: normal;
    font-size: 14px;
	margin-top: 10px;
    margin-bottom: 10px;
}
#contentbox h3 {
    font-weight: normal;
    font-size: 11px;
    margin-left: 25px;
	color: #6de9ff;
    /*background: url('../images/row_dark.png');
	padding: 1px 5px 3px 5px;
	width: 90%;*/

}
#contentbox p {
    margin-left: 25px;
    font-size: 11px;
    margin-bottom: 10px;
	/*padding: 3px 5px 5px 5px;
	background: url('../images/row_light.png');
	width: 90%;*/
}

#contentbox ul { list-style: circle; margin-bottom: 7px; font-size: 11px; }
#contentbox li { margin-left: 44px; }

/* --- Forms -------------------------*/
#contentbox form { margin: 0px; padding: 0px; }
#contentbox input { font-size: 10px; margin-bottom: 2px;
	padding-right: 6px; }
#contentbox div.form_wrap {
	margin-left: 26px;
	background: url('../images/row_dark.png');
	padding: 8px;
	border: 1px solid #476487;
}

/* --- Backup form ------------ */
#contentbox #backup_form {
	display: none;
	margin-left: 26px;
	background: url('../images/row_dark.png');
	padding: 5px;
	border: 1px solid #476487;
}
#contentbox #backup_form a {
	background: url('../images/button_close.png') top;
	display: block;
	width: 17px;
	height: 17px;
	float: right;
	cursor: pointer;
	cursor: hand;
}
#contentbox #backup_form a:hover {background: url('../images/button_close.png') bottom;}

#contentbox #backup_form_sent {
	display: none;
	margin-left: 26px;
	background: url('../images/row_dark.png');
	padding: 5px;
	border: 1px solid #476487;
	color: #CCFF00;
	margin-bottom: 2px;
}

#contentbox #backup_form_invalid_email {
	display: none;
	margin-left: 26px;
	background: url('../images/row_dark.png');
	padding: 5px;
	border: 1px solid #476487;
	color: #FFCC33;
	margin-bottom: 2px;
}

/* --- Cursus form ------------ */
#contentbox #cursus_form {
	display: none;
	margin-left: 26px;
	background: url('../images/row_dark.png');
	padding: 5px;
	border: 1px solid #476487;
}
#contentbox #cursus_form a {
	background: url('../images/button_close.png') top;
	display: block;
	width: 17px;
	height: 17px;
	float: right;
	cursor: pointer;
	cursor: hand;
}
#contentbox #cursus_form_1 a:hover {background: url('../images/button_close.png') bottom;}

#contentbox #cursus_form_sent {
	display: none;
	margin-left: 26px;
	background: url('../images/row_dark.png');
	padding: 5px;
	border: 1px solid #476487;
	color: #CCFF00;
	margin-bottom: 2px;
}

#contentbox #cursus_form_invalid_email {
	display: none;
	margin-left: 26px;
	background: url('../images/row_dark.png');
	padding: 5px;
	border: 1px solid #476487;
	color: #FFCC33;
	margin-bottom: 2px;
}


/* --- Contact page ------------ */
form.contact input {
    height: 15px;
    font-size: 9px;
    padding: 2px 0 0 3px;
    margin-bottom: 2px;
}
form.contact select {
    font-size: 9px;
    padding: 2px 0 0 3px;
    margin-bottom: 2px;
}
#contact_submit {
    font-size: 9px;
    height: auto;
}

/* --- Shedule webdemo ------------ */
form.demo input {
    height: 15px;
    font-size: 9px;
    padding: 2px 0 0 3px;
    margin-bottom: 2px;
}
form.demo select {
    font-size: 9px;
    padding: 2px 0 0 3px;
    margin-bottom: 2px;
}
form div.when { margin: 5px 0 0 20px; }
form div.when div.checkboxes { padding: 5px 0 5px 10px; }
#demo_submit {
    font-size: 9px;
    height: auto;
}

/* --- Menu Right --------------------- */
#menu_right {
	background: url('../images/menu_right_bg.png') no-repeat;
	background-position: top;
	padding: 15px 0 0 9px;
	width: 186px;
	float: left;
	min-height: 433px;
}
.menubox_dark_header {
	background: url('../images/menubox_dark_header.png');
	padding: 3px 0 0 19px;
	width: 158px;
	height: 20px;
}
.menubox_dark_content {
	background: url('../images/menubox_dark_bg.png');
	padding: 3px 10px 2px 10px;
	width: 157px;
}
.menubox_dark_footer {
	background: url('../images/menubox_dark_footer.png');
	width: 177px;
	height: 5px;
	margin-bottom: 15px;
}
.menubox_header {
	background: url('../images/menubox_header.png');
	padding: 3px 0 0 19px;
	width: 158px;
	height: 20px;
}
.menubox_content {
	background: url('../images/menubox_bg.png');
	padding: 3px 10px 2px 10px;
	width: 157px;
}
.menubox_footer {
	background: url('../images/menubox_footer.png');
	width: 177px;
	height: 5px;
	margin-bottom: 15px;
}
#vistalogo {
  margin-left: 47px;
}

#helpdesk {
  margin-left: 30px;
}

/* --- Support Menu -------------------------- */
ul#service_menu { list-style: none; }
ul#service_menu li.subitem { margin: 0 0 0 10px; }
ul#service_menu li { margin-top: 5px; }
ul#service_menu li.first { margin: 0px; }
ul#service_menu li a { color: #ffffff; text-decoration: none; }
ul#service_menu li a:hover { color: #88ccff; text-decoration: none; }

/* --- Agenda Menu -------------------------- */
ul#agenda_menu { list-style: SQUARE; }
ul#agenda_menu li.subitem { margin: 0 0 0 10px; }
ul#agenda_menu li { margin-top: 5px; }
ul#agenda_menu li.first { margin: 0px; }
ul#agenda_menu li a { color: #ffffff; text-decoration: none; }
ul#agenda_menu li a:hover { color: #88ccff; text-decoration: none; }


/* --- Features table -------------------------- */
table.features {
    margin: 0 0 10px 20px;
    width: 440px;
}
table.features tr td {
    padding: 3px 3px 3px 6px;
    height: 16px;
}
table.features tr td.dark { background: url('../images/row_dark.png'); }
table.features tr td.light { background: url('../images/row_light.png'); }

/* --- Screenshot -------------- */
div.screenshot_wrap {
    padding-left: 23px;
}
div.screenshot_thumb {
    width: 106px;
    text-align: center;
    padding: 3px 0 3px;
    margin: 0 2px 5px;
    float: left;
    border: 1px solid #365f90;
    background: url('../images/screenshots_thumbbg.png');
}
ul.videodemo_list li { margin-bottom: 4px; }

/* --- Screenshot popup -------- */
div.imagePopupBg {
    display: none;
	width: 100%;
	height: 100%;
    margin-left: -8px;
    background: #000000;
}
*+html div.imagePopupBg { margin-left: 0; }
div.imagePopupWrap {
    display:none;
    margin: 0 auto;
    background: #ffffff;
}

/* --- Opera only -------------- */
@media all and (min-width: 0px){
    #mainbg_header { border-bottom: 1px solid #2f5384; }
    input { padding: 1px; padding-right: 5px; }
}


/*---spinedit*/

.spinInput, .spinContainer
{
  /* Change this to modify the default spin control background color*/
  background-color: #FFFFFF;
}

.spinLeftRightEdge, .spinTopBottomEdge
{
  position: absolute;
  overflow: hidden;
  /* Change this to modify the default spin control border color*/
  background-color: #A5ACB2;
}
  
.spinContainer
{
  position: relative;
  font-size: 0px;
  height: 20px;
}

.spinLeftRightEdge
{
  height: 20px;
  width: 1px;
}

.spinTopBottomEdge
{
  height: 1px;
  left: 1px;
}

.spinInput
{
  position: absolute;
  top: 1px;
  left: 2px;
  height: 18px;
  border: 0px;
  /* Change this to modify the default spin control font, font color, and font size*/
  color: Black;
  font-size: 9pt;
  font-family: Arial;
}

.spinUpBtn, .spinUpBtnHover, .spinUpBtnPress, .spinDownBtn, .spinDownBtnHover, .spinDownBtnPress
{
  position: absolute;
  width: 15px;
  height: 8px;
  right: 2px;
  background-image: url('spin_control_buttons.png');
  background-repeat: no-repeat;
  /* Change this to modify the default button color*/
  background-color: #000000;
}

.spinUpBtn, .spinUpBtnHover, .spinUpBtnPress
{
  top: 2px;
}

.spinDownBtn, .spinDownBtnHover, .spinDownBtnPress
{
  top: 10px;
}

.spinUpBtn
{
  background-position:0px 0px;
}

.spinUpBtnHover
{
  background-position:0px -16px;
}

.spinUpBtnPress
{
  background-position:0px -32px;
}

.spinDownBtn
{
  background-position:0px -8px;
}

.spinDownBtnHover
{
  background-position:0px -24px;
}

.spinDownBtnPress
{
  background-position:0px -40px;
}