﻿html, body, h1, h2, h3, h4, p, ul, ol, dl, li dt, dd, strong, em,
address, img, form, fieldset, legend, button,
table, caption, thead, tfoot, tbody, tr, th, td, abbr {
  border: 0;
  font-style: normal;
  list-style: none;
  margin: 0;
  padding: 0;
}

em { font-style: italic; }

body { text-align: center; background-image: url(/content/images/site-bg-blue.png); background-repeat: repeat-x; background-color: #0069b3; font-family: Verdana, Helvetica, Sans-Serif; }
ul { list-style-type: none; }

.clear { clear: both; }
.error { color: Red; }
.field-validation-error { color: #ff0000; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }

.small-button a { height: 17px; line-height: 17px; display: block; color: #fff; font-size: 10px; text-decoration: none; padding-left: 5px; padding-right: 7px; margin-right: 4px;
    background: url(/content/images/arrow-right-white.gif) no-repeat right; }
.small-button a:hover { text-decoration: underline; }
.big-button { height: 25px; background-color: #7fb4d7; }
.big-button a { height: 25px; line-height: 25px; display: block; color : #fff; font-size: 12px; text-decoration: none; padding-left: 5px; padding-right: 7px; margin-right: 4px;
    background: url(/content/images/arrow-right-white.gif) no-repeat right; }
.big-button a:hover { text-decoration: underline; }

.site { text-align: left; width: 875px; padding: 0 15px 0 17px; margin: 33px auto 49px auto; background-color: #fff; }
.site .header { height: 100px; }
.site .header ul { padding-top: 55px; float: left; }
.site .header ul li { display: inline; margin-right: 22px; }
.site .header .logo { float: left; margin-right: 60px; }
.site .header .e-store { float: left; padding-left: 90px; padding-top: 55px; }

.site .header .menu 
{
	margin-left: 17px;
	margin-top: -8px;
	margin-top: 2px\0/IE8+9; /* IE8, IE9 only */
}
.site .site-content { clear: both; }
.site .footer { height: 32px; line-height: 32px; color: #7fb4d7; font-size: 12px; clear: both; }

#login-control { background-color: #efefe8; padding: 10px;  height: 113px; }
#login-control #username { width: 100px; font-weight: bold; color: #7fb4d7; font-size: 8pt; }
#login-control #password,
#login-control #password-text { width: 60px; font-weight: bold; color: #7fb4d7; font-size: 8pt; }

#login-control .forgot-password { margin: 12px 0px 15px 0px; font-size: 10px; text-decoration: none; color: #7fb0cd; float: left; }
#login-control .forgot-password:hover { text-decoration: underline; }
#login-control .big-button.signup { margin: 65px 0px 0px 0px; clear: both; }

.small-button { height: 17px; width: 57px; background-color: #7fb4d7; cursor: pointer; padding-right: 3px; padding-top: 0; }
#login-control .small-button { margin-top: 10px; margin-right: 6px; float: left; background-color: #7fb4d7; }
#login-control .submit-button { padding: 0; height: 17px; width: 57px; background: transparent url(/content/images/arrow-right-white.gif) no-repeat right center; }
#login-control .small-button input { vertical-align: middle; padding: 1px 0 0 4px; text-align: left; color: #fff; border: 0; background: transparent; cursor: pointer; font-size: 10px; }

.home-index { margin-top: -20px; }
.home-index .main { width: 650px; float: left; padding: 0; margin: 0 15px 0 0; }

.home-index .promotion  
{
	width: 650px;
	height: 220px;
	position: relative;
	margin-top: -20px;
	margin-top: 0px \0/IE8+9; /* IE8, IE9 only */
}
.home-index .promotion p { background: #7fb4d7 url(/content/images/promotion-text-vi-bidrar.png) no-repeat scroll 0 0; width: 320px; height: 50px; position: absolute; top: 156px; z-index: 500; }

.home-index ul { margin-top: -21px; }
.home-index .main ul li.eor { margin-right: 0; }
.home-index .main ul li.small,
.home-index .main ul li.small-news { height: 57px; }
.home-index .main ul li.large { height: 83px; }
.home-index .main ul li.blurb { cursor: pointer; }
.home-index .main .blurb { width: 297px; padding: 10px; margin-top: 15px; background-color: #efefe8; overflow: hidden; float: left; margin-right: 16px;  }
.home-index .main .blurb a { font-size: 11px; text-decoration: none; color: #4b4b4b; }
.home-index .main .blurb h3 { padding: 0px; margin: 0px 0px 7px 0px; line-height: 9px; }
.home-index .main .blurb h3 a { font-size: 14px; color: #0069af; text-transform: uppercase; font-size: 12px; text-decoration: none; }
.home-index .main .blurb p { padding: 0px; margin: 0px; font-size: 11px; color: #4b4b4b; overflow: hidden; }
.home-index .main .large p {  height: 64px; }
.home-index .main .small p,
.home-index .main .small-news p {  height: 39px; }
.home-index .main .small-news ul { width: 297px; overflow: hidden; }
.home-index .main .small-news li { line-height: 14px; white-space: nowrap; }
.home-index .margin { width: 210px; float: right; }
.home-index .margin .map { background-color: #efefe8; padding: 10px; margin-bottom: 15px; margin-top: 0px; }
.home-index .margin .map .big-button.contact { margin: 5px 0px 0px 0px; }

.home-content { margin-top: -20px; }
.home-content #login-control { width: 190px; float: right; }
.home-content .promotion { width: 650px; height: 133px; position: relative;
	margin-top: -20px;
	margin-top: 0px \0/IE8+9; /* IE8, IE9 only */

}
.home-content .menu { float: left; }
.home-content .main { float: left; width: 875px; }
.home-content .main .sub-menu { float: left; width: 195px; padding: 0 10px; margin-bottom: 23px; }
.home-content .main .sub-menu a { display: block; color: #0069af; font-size: 14px; text-decoration: none; }
.home-content .main .sub-menu li { padding: 5px; }
.home-content .main .sub-menu li.selected { background-color: #7fb4d7; color: #fff; }
.home-content .main .sub-menu li.selected a { color: #fff; }
.home-content .main .sub-menu li:hover {  }
.home-content .main .sub-menu a:hover {  }
.home-content .main .content { font-family: Verdana, Helvetica, Sans-Serif; float: left; width: 620px; padding: 15px; font-size: 10pt; color: #4b4b4b; line-height: 19px; }
.home-content .main .content h2 { margin: 0px 0px 25px 0px; padding: 7px 0 0 0; font-size: 15pt; line-height: 18pt; font-weight: normal; color: #0069af; font-family: Verdana, Helvetica, Sans-Serif; }
.home-content .main .content p { margin: 5px 0px 3px 0px; padding: 0px; font-family: Verdana, Helvetica, Sans-Serif; font-size: 10pt; }
.home-content .main .content .preamble { font-weight: bold; margin-bottom: 20px; }
.home-content .main .content ul { margin: 0px; padding: 15px; list-style-type: disc; }
.home-content .main .content li { font-size: 10pt; margin-bottom: 5px; line-height: 16px; }
.home-content .main .child-menu { padding-left: 10px; }

span.prev { width: 29px; height: 29px; position: absolute; margin-top: 0; margin-left: 83px; z-index: 3000; background: transparent url(/content/images/carousel-up-button.png) no-repeat scroll 0 0; cursor: pointer; }
span.next { width: 29px; height: 29px; position: absolute; margin-top: 0; margin-left: 41px; z-index: 3000; background: transparent url(/content/images/carousel-down-button.png) no-repeat scroll 0 0; cursor: pointer;}

.promotion ul { display: none; }
.promotion .image1,
.promotion .image2 { width: 650px; position: absolute; }  
.home-index .promotion .image1,
.home-index .promotion .image2 { height: 220px; }
.home-content .promotion .image1,
.home-content .promotion .image2 { height: 133px; }
.promotion .image1 { z-index: 100; }
.promotion .image2 { z-index: 0; }

.vcard .organization-name { display: none; }
.vcard .description { margin-top: 4ex; }

.signup-info { width: 500px; font-family: Verdana, Helvetica, Sans-Serif; font-size: 12px; padding: 20px; line-height: 17px; text-align: left; }
.signup-info p { margin-bottom: 13px; }
.signup-info dt { width: 72px; float: left; margin-right: 1ex; } 
.signup-info dd {  }

.news .main .sub-menu li,
.news .main .sub-menu li a { font-size: 11px; color: #0069af; }

#popup-overlay { background: #fff none repeat scroll 0 0; bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 900; }
#popup-container { background: #fff none repeat scroll 0 0; border: solid 2px #525252; display: none; position: absolute; z-index: 901; }
#popup-container span.close { background: transparent url(/content/images/popup-close.png) no-repeat scroll 0 0; cursor: pointer; height: 24px; 
    position: absolute; right: -9px; top: -9px; width: 24px; z-index: 902; }

