/* Note: These file is used to declare user defined styles. These styles are used only on the website and not in Electos Studio. You may expand and change these however you see fit. */

Body { bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000" } 
body{
margin: 0px;
padding: 0px;
}

body{
	height : 100%; 
}
html{
height: 100%;
}

.IntroText {
        font-family: verdana; 
        font-size: 11px; 
        line-height: 18px
}
.DataFlexText {
        font-family: verdana; 
        font-size: 11px; 
        line-height: 18px
}
.MenuButtonOdd {
        font-family: verdana; 
        font-size: 11px; 
        cursor: hand;
        font-weight: bold; 
        text-decoration: none; 
        background: #DCE5EE
}
.MenuButtonEven {
        font-family: verdana; 
        font-size: 11px; 
        font-weight: bold; 
        cursor: hand; 
        text-decoration: none; 
        background: #B3C7E0
}
.NewsPoints A {
        font-family: verdana; 
        font-size: 10px;        
        color: #000000;
        font-weight: bold;
        text-decoration : none;
}
.NewsPoints A:Hover {
        text-decoration : underline; 
}
.MoreNews {
        font-family: verdana; 
        font-size: 12px; 
        font-weight: bold; 
        cursor: hand
}
.NewsTitle {
        font-family: verdana; 
        font-size: 10px;
        color: #000000;
        font-weight: bold;
}
.AgendaPoints {
        font-family: verdana; 
        font-size: 10px; 
        font-weight: bold
}
.AgendaLocation {
        font-family: verdana; 
        color: #999999; 
        font-size: 10px; 
}
.Copyright {
        font-family: verdana; 
        font-size: 10px; 
}
.HomeNewsTitle {
        font-family: verdana; 
        font-size: 14px; 
        color: #515151; 
        line-height: 18px; 
        font: bold
}
.HomeNewsText {
        font-family: verdana; 
        font-size: 11px; 
        color: #515151; 
        line-height: 18px
}
.ProductButton {
        background-color: #dce5ee;
        cursor: hand;
}
.ProductButtonOver {
        background-color: #d2dbe4;
        cursor: hand;
}

a.newButton {
        background:transparent url('../images/buttonLeft.jpg') no-repeat top left;
        display:block;
        float:left;
        height:45px;
        padding:0px 0px 0px 0px;
        text-decoration: none;    
        margin: 0px 10px 20px 20px;
    }

    a.newButton span {
        background:transparent url('../images/buttonRight.jpg') no-repeat top right;
        cursor:pointer;
        display:inline;
        float:left;
        height:30px;
        margin:0px 0px 0px 0px;
        padding: 15px 20px 0px 20px;
        font-size: 12px;
        text-transform: uppercase;
        font-family:lucida sans;
        color:#FFFFFF;
        font-weight:bold;
    }

    a.newButton:hover {
        background-position: left -45px;
    }

    a.newButton:hover span {
        background-position: right -45px;
    }
    
/*
	Registration form used in Register20YearsVIP.asp
*/
#registerform input:focus, #registerform textarea:focus{
	border:1px solid #15366C;
}

#registerform {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#registerform label{
	display: block;
	padding: 0px 0px 0px 0px;
}
#registerform input[type="text"], #registerform textarea {
	border: 1px solid #B9B9B9;
	margin: 0px 0px 5px 0px;
}
#registerform input[type="text"] {
	width: 250px;
	padding: 3px 3px 3px 3px;
	font-size: 14px;
}
#registerform input[type="radio"] {
    margin: 0px 2px 5px 10px;
    font-size: 14px;
}
#registerform textarea {
	padding: 2px 3px 2px 3px;
	font-size: 14px;
	width: 370px;
}
#registerform .button {
	cursor: pointer;
	display: inline-block;
	background: url(../images/Menu_HasSubItems.gif) no-repeat right top;
	padding: 0px 30px 0px 0px;
}

.registersuccess {
    padding: 6px 10px 6px 50px;
	margin:0px 0px 10px 0px;
	background: url(../images/succes.png) no-repeat 10px center #879A28;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color:#FFFFFF;
}

.registerwarning {
    padding: 6px 10px 6px 50px;
    margin:10px 0px 10px 0px;
	background: url(../images/warning.png) no-repeat 10px center #ED022A;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color:#FFFFFF;
}
/* Below is new for the pop-up because website is in tables */
.grey{

	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1280px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
	margin: 0px;
	z-index: 998;
	background: url(../images/bg-grey.png);
}

.Main{
	margin: 0 auto;
	width: 900px;
}
#dialog{
	position: absolute;
	width: 600px;
	margin:30px 0px 0px 140px;
	z-index: 999;
	border: 1px solid #DCE5EE;
	background: #ffffff;
	font-size: 11px;
	font-family: verdana, arial, helvetica;
}
#dialog .clear{
	clear: both;
}
#dialog #close{
position: absolute;
margin: -20px 0px 0px 580px;
border: 0px solid #000;
}
#dialog #close img{
border: 0px solid #000;
}
#dialog #bgsub{
	margin:0;
	padding: 10px 20px 10px 20px;
}
#dialog #bgpatternsub{

}
#dialog #subheader{
	font-size: 14px;
}
#dialog .guestbookHeader {
	padding: 8px 0px 0px 0px;
	margin:0;
	border-bottom: 1px dotted #DCE5EE;
}
#dialog #contentContainer {
margin: 10px 0px 0px 0px;
}
#dialog #contentContainer  .guestbookHolder{
	border-bottom: 1px dotted #DCE5EE;
	padding: 5px 0px 0px 0px;
}
#dialog #contentContainer  .author {
	float: left;
	color: #B7B7B7;
}
#dialog #contentContainer  .date {
	text-align: right;
	color: #B7B7B7;
}
#dialog #contentContainer .commenttext {
	clear: both;
	padding: 3px 0px 3px 0px;
	margin:0;
}
#dialog #guestbookdetails  {
	font-size: 11px;
	margin:0;
	padding:0;
}
#dialog #guestbookdetails  li{
	float: left;
	list-style-type:none;
	padding: 0px 10px 0px 0px;
}
#dialog #image{
	margin: 0px 0px 5px 0px;
	height:280px;
	width: 560px;
}
#dialog #guestbookContainer .commentmessage {
	background: #BACA6E;
	border: 1px solid #A6B362;
	color: #FFFFFF;
	padding: 5px;
	display: block;
}
#dialog #commentFrame{
	float:left;
	clear:both;
	width: 560px;
}

#dialogForm .left {
	float: left;
	width:200px;
}
#dialogForm .right{
	float: right;
	width:340px;
}
#dialogForm label {
	display: block;
	font-weight: bold;
}
#dialogForm input {
	display: block;
	width: 200px;
	border: 1px solid #DCE5EE;
	padding: 4px 2px 4px 2px;
	margin: 0px 0px 4px 0px;
	font-size: 11px;
}
#dialogForm textarea{
	display: block;
	width: 340px;
	border: 1px solid #DCE5EE;
	padding: 4px 2px 4px 2px;
	font-size: 11px;
}
#dialogForm input:focus, #dialogForm textarea:focus {
	border: 1px solid #0B4974;
}
#dialogForm .required {
	font-style: italic;
	font-size: 10px;
	color: #B7B7B7;
}
#dialog .button {
	float: right;
	margin: 5px 0px 0px 0px;
	padding: 3px 2px 3px 2px;
	background: #0B4974;
	border: 1px solid #0B4974;
	color: #FFFFFF;
	cursor: pointer;
}
#dialogForm #countdown{
	font-size: 10px;
	color: #5A5A5A;
	float: right;
}

#dialogForm .button:hover, #dialogForm .button:focus, 
#dialog .NextItem a:focus, #dialog .PreviousItem a:focus,
#dialog .NextItem a:hover, #dialog .PreviousItem a:hover {
	background: #DCE5EE;
	border: 1px solid #DCE5EE;
	color: #0B4974;
}
#dialog .NextItem a, #dialog .PreviousItem a {
	margin: 5px 5px 0px 0px;
	padding: 3px 2px 3px 2px;
	background: #0B4974;
	border: 1px solid #0B4974;
	color: #FFFFFF;
	cursor: pointer;
	text-decoration: none;
	clear: both;
	display: inline-block;
}
.hidden{
	margin: 5px 0px 0px 0px;
	padding:0;
	display: none;
	float:left;
	clear:both;
	width: 560px;
	border-top: 1px dotted #DCE5EE;
}
#floater{
	margin: 10px 0px 0px 0px;
	float:left;
	clear:both;
	width: 560px;
}
.openhidden{
	float:right;
	display: block;
}
.active{

}