.textstyle2 {font-family:arial,tahoma,verdana,sans-serif;font-weight:normal;font-style:normal;font-size:14px;text-decoration:none;color:#3D40E5;}
.textstyle3 {font-family:arial,tahoma,verdana,sans-serif;font-weight:normal;font-style:normal;font-size:14px;text-decoration:none;color:red;}
.textstyle4 {font-family:arial,tahoma,verdana,sans-serif;font-weight:bold;font-style:normal;font-size:14px;text-decoration:none;color:#3D40E5;}
.textstyle5 {font-family:arial,tahoma,verdana,sans-serif;font-weight:normal;font-style:normal;font-size:14px;text-decoration:none;color:#3D40E5;}
.textstyle6 {font-family:arial,tahoma,verdana,sans-serif;font-weight:normal;font-style:normal;font-size:14px;text-decoration:none;color:#000000;}

.main {
background-color:#FFFFFF;
font-family:arial,tahoma,verdana,sans-serif;
font-weight:normal;
font-size:12px;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
border-radius:0px;
}

.main_table {
width:1200px;
margin:0 auto;
/*background-color:;*/
font-family:arial,tahoma,verdana,sans-serif;
font-weight:normal;
font-size:12px;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
border-radius:0px;
margin-bottom:0px;
}

.table_left {
	width:212px;
	background-color:#4F46FE;
	font-family:arial,tahoma,verdana,sans-serif;
	font-weight:normal;
	font-size:12px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	border-radius:0px;
	border:1px solid #C0C0C0;
	text-align:left;
	height: 440px;
}

.table_right {
width:1000px;
background-color:#FFFFFF;
font-family:arial,tahoma,verdana,sans-serif;
font-weight:normal;
font-size:12px;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
border-radius:0px;
border:1px solid #C0C0C0;
text-align:left;
}

.forms {
background-color:#F0F0F0;
font:normal 12px arial,tahoma,verdana,sans-serif;
padding:5px 10px 5px 10px; 
margin:20px 0px 20px 0px; 
border:1px solid #C0C0C0;
border-radius:5px;
}

.myaccount {
/*background-color: ??;*/
font-family:arial,tahoma,verdana,sans-serif;
font-weight:normal;
font-size:12px;
width:200px;
line-height:170%;
padding-top:10px;
padding-bottom:2px;
padding-left:10px;
padding-right:5px;
border:0px solid #C0C0C0;
border-radius:5px;
}

a:link {font-family:arial,tahoma,verdana,sans-serif; font-size:12px; color:#011BDD; text-decoration:underline;font-weight:normal}
a:visited {font-family:arial,tahoma,verdana,sans-serif; font-size:12px; color:#011BDD; text-decoration:underline;font-weight:normal}
a:hover {font-family:arial,tahoma,verdana,sans-serif; font-size:12px; color:#011BDD; text-decoration:underline;font-weight:bold}
a:active {font-family:arial,tahoma,verdana,sans-serif; font-size:12px; color:#011BDD; text-decoration:underline;font-weight:bold}

a.nav:link {font-family:arial,tahoma,verdana,sans-serif; font-size:12px; color:#011BDD; text-decoration:none;font-weight:normal}
a.nav:visited {font-family:arial,tahoma,verdana,sans-serif; font-size:12px; color:#011BDD; text-decoration:none;font-weight:normal}
a.nav:hover {font-family:arial,tahoma,verdana,sans-serif; font-size:12px; color:#011BDD; text-decoration:none;font-weight:bold}
a.nav:active {font-family:arial,tahoma,verdana,sans-serif; font-size:12px; color:#011BDD; text-decoration:none;font-weight:bold}

a.large:link {font-family:arial,tahoma,verdana,sans-serif; font-size:12px; color:#011BDD; text-decoration:underline;font-weight:normal}
a.large:visited {font-family:arial,tahoma,verdana,sans-serif; font-size:12px; color:#011BDD; text-decoration:underline;font-weight:normal}
a.large:hover {font-family:arial,tahoma,verdana,sans-serif; font-size:12px; color:#011BDD; text-decoration:none;font-weight:bold}
a.large:active {font-family:arial,tahoma,verdana,sans-serif; font-size:12px; color:#011BDD; text-decoration:none;font-weight:bold}

.required {
margin:2px;
background-color:#FFFFFF;
font-family:arial,tahoma,verdana,sans-serif;
font-weight:normal;
font-size:12px;
padding-top:4px;
padding-bottom:4px;
padding-left:5px;
padding-right:5px;
border-radius:5px;
border: 1px solid #999;
border: inset 1px solid #333;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

/* this is for the jquery validate error  */
.required .error {
margin:2px;
background-color:#FFFFCC;
font-family:arial,tahoma,verdana,sans-serif;
font-weight:normal;
font-size:12px;
padding-top:4px;
padding-bottom:4px;
padding-left:5px;
padding-right:5px;
border-radius:5px;
border: 1px solid #999;
border: inset 1px solid #333;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

/* this is for the jquery validate error  */
.error {
background-color:#FFFFCC;
font-weight: bold;
color: red;
}

/* this is for the jquery validate error  */
.important_note {
background-color:#FFFFCC;
font-weight: bold;
color: red;
line-height: 1.5em;
}

.shadow {
margin:2px;
background-color:#FFFFFF;
font-family:arial,tahoma,verdana,sans-serif;
font-weight:normal;
font-size:12px;
padding-top:4px;
padding-bottom:4px;
padding-left:5px;
padding-right:5px;
border-radius:5px;
border: 1px solid #999;
border: inset 1px solid #333;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

.p {
margin:2px;
font-family:arial,tahoma,verdana,sans-serif;
font-weight:normal;
font-size:12px;
padding-top:2px;
padding-bottom:2px;
padding-left:5px;
padding-right:5px;
}

.titlehdr {
font:bold 16px arial,tahoma,verdana,sans-serif;
color:#000000;
border-bottom:1px solid #17325D;
}

.msg {
padding:5px;
width:90%;
margin:2px;
color:#FFFFFF;
text-align:center;
margin:auto;
border:0px solid #FF0000;
border-radius:5px;
background-color:#FF0000;
font:bold 14px arial,tahoma,verdana,sans-serif;
padding-top: 10px;
padding-bottom: 10px;
} 

.btnstyle {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #C2FF01), color-stop(1, #9BCA00) );
background:-moz-linear-gradient( center top, #C2FF01 5%, #9BCA00 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C2FF01', endColorstr='#9BCA00');
background-color:#9BCA00;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #9BCA00;
display:inline-block;
color:#505050;
font-family:arial,tahoma,verdana,sans-serif;
font-size:14px;
font-weight:bold;
padding:5px 8px;
text-decoration:none;
cursor: pointer;
-moz-box-shadow:2px 2px 3px #888888;
-webkit-box-shadow:2px 2px 3px #888888;
box-shadow:2px 2px 3px #888888;
}

.btnstyle:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9BCA00), color-stop(1, #C2FF01) );
background:-moz-linear-gradient( center top, #9BCA00 5%, #C2FF01 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C2FF01', endColorstr='#9BCA00');
background-color:#9BCA00;
}

.btnstyle:active {
position:relative;
top:1px;
}

.green_button {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #009900), color-stop(1, #00AA00) );
background:-moz-linear-gradient( center top, #009900 5%, #00AA00 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#009900', endColorstr='#00AA00');
background-color:#009900;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #009900;
display:inline-block;
color:#ffffff;
font-family:arial,tahoma,verdana,sans-serif;
font-size:12px;
font-weight:bold;
padding:5px 8px;
margin-top: 10px;
text-decoration:none;
/*text-shadow:1px 1px 1px #555555;*/
cursor: pointer;
-moz-box-shadow:0px 2px 3px #888888;
-webkit-box-shadow:0px 2px 3px #888888;
box-shadow:0px 2px 3px #888888;
margin-bottom:10px;
}

.green_button:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00AA00), color-stop(1, #009900) );
background:-moz-linear-gradient( center top, #00AA00 5%, #009900 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00AA00', endColorstr='#009900');
background-color:#009900;
}

.green_button:active {
position:relative;
top:1px;
}

.red_button {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FF0000), color-stop(1, #FF0000) );
background:-moz-linear-gradient( center top, #FF0000 5%, #FF0000 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#FF0000');
background-color:#FF0000;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #FF0000;
display:inline-block;
color:#ffffff;
font-family:arial,tahoma,verdana,sans-serif;
font-size:12px;
font-weight:bold;
padding:5px 8px;
margin-top: 10px;
text-decoration:none;
/*text-shadow:1px 1px 1px #555555;*/
cursor: pointer;
-moz-box-shadow:0px 0px 0px #888888;
-webkit-box-shadow:0px 0px 0px #888888;
box-shadow:0px 0px 0px #888888;
margin-bottom:10px;
}

.red_button:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FF0000), color-stop(1, #FF0000) );
background:-moz-linear-gradient( center top, #FF0000 5%, #FF0000 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#FF0000');
background-color:#FF0000;
}

.red_button:active {
position:relative;
top:1px;
}

.grey_button {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #808080), color-stop(1, #808080) );
background:-moz-linear-gradient( center top, #808080 5%, #808080 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#808080');
background-color:#808080;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #808080;
display:inline-block;
color:#ffffff;
font-family:arial,tahoma,verdana,sans-serif;
font-size:12px;
font-weight:bold;
padding:5px 8px;
margin-top: 10px;
text-decoration:none;
/*text-shadow:1px 1px 1px #555555;*/
cursor: pointer;
-moz-box-shadow:0px 0px 0px #888888;
-webkit-box-shadow:0px 0px 0px #888888;
box-shadow:0px 0px 0px #888888;
margin-bottom:10px;
}

.grey_button:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #404040), color-stop(1, #404040) );
background:-moz-linear-gradient( center top, #404040 5%, #404040 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#404040', endColorstr='#404040');
background-color:#404040;
}

.grey_button:active {
position:relative;
top:1px;
}

.hintsClass {
font-family: tahoma, verdana, arial;
font-size: 12px;
background-color: #FFFFCC;
color: #000000;
border: 1px solid #808080;
padding: 5px;
border-radius:6px;
line-height: 1.5em;
}

.hintSource {
color: green;
text-decoration: underline;
cursor: pointer;
}

.body { 
background-color: #FFFFFF;
font-family:arial,tahoma,verdana,sans-serif;
font-size:12px;
color:#000000;
margin:auto;
}

.header {
}

.header .top {
 height: 40px;
 background-size: cover;  /* this repeats the image edge to edge */
 background-color: #4F46FE;
 color:#FFFFFF;
 font-size:20px;
 text-align:center;
 letter-spacing:4px; line-height:40px;
}

.header .bottom {
 margin-top:12px;
 margin-bottom:10px; 
 height:80px;
 background:url(images/Skoop!_logo_tagline_transparent_240.png) center no-repeat;
}

.header_420 {
}

.header_420 .top {
 height: 40px;
 background-size: cover;  /* this repeats the image edge to edge */
 background-color: #234240;
 color:#FFFFFF;
 font-size:20px;
 text-align:center;
 letter-spacing:4px; line-height:40px;
}

.header_420 .bottom {
 margin-top:12px;
 margin-bottom:10px; 
 height:80px;
 background:url(images/420_logo_240.png) center no-repeat;
}

.header_poln8 {
}

.header_poln8 .top {
 height: 40px;
 background-size: cover;  /* this repeats the image edge to edge */
 background-color: #4A4A4A;
 color:#FFFFFF;
 font-size:20px;
 text-align:center;
 letter-spacing:4px; line-height:40px;
}

.header_poln8 .bottom {
 margin-top:12px;
 margin-bottom:10px; 
 height:80px;
 background:url(images/poln8_logo_240.png) center no-repeat;
}

.loginform { 
text-align:center; 
padding: 20px 0px;
}

.loginform label {
color:#C0C0C0; 
font-size:14px;
font-weight:bold;
padding-bottom:10px;
}

.loginform .username {
padding: 20px 0px;
}

.loginform .password {
padding: 20px 0px;
}

.login_form_input_field {
background:url(images/input_bg.jpg) left no-repeat; width:230px; height:32px; padding:0px 4px;
}

.button { 
padding:20px 0px;	
}

.login_btnstyle {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #213BFE), color-stop(1, #4F46FE) );
background:-moz-linear-gradient( center top, #213BFE 5%, #4F46FE 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#213BFE', endColorstr='#4F46FE');
background-color:#4F46FE;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
width:137px; 
height:34px;
border:1px solid #4F46FE;
display:inline-block;
color:#FFFFFF;
font-family:arial,tahoma,verdana,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
cursor: pointer;
-moz-box-shadow:2px 2px 3px #888888;
-webkit-box-shadow:2px 2px 3px #888888;
box-shadow:2px 2px 3px #888888;

}

.login_btnstyle:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4F46FE), color-stop(1, #213BFE) );
background:-moz-linear-gradient( center top, #4F46FE 5%, #213BFE 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4F46FE', endColorstr='#213BFE');
background-color:#4F46FE;
}

.login_btnstyle:active {
position:relative;
top:1px;
}

.footer_table {
width:1200px;
margin:0 auto;
}

.footer_table_left {
width:200px;
}

.footer_table_right {
width:1000px;
}

.footer_index { 
text-align:center;
font-size:12px;
color:#939191;
font-weight:normal;
}

.footer_left {
font-size:12px;
color:#939191;
font-weight:normal;
text-align:left;
vertical-align:middle;
}

.footer_center {
font-size:12px;
color:#939191;
font-weight:normal;
text-align:center;
vertical-align:middle;
}

a.footer_index:link {color:#939191;font-family:arial,tahoma,verdana,sans-serif;text-decoration:underline;font-weight:normal;}
a.footer_index:visited {color:#939191;font-family:arial,tahoma,verdana,sans-serif;text-decoration:underline;font-weight:normal;}
a.footer_index:hover {color:#939191;font-family:arial,tahoma,verdana,sans-serif;text-decoration:underline;font-weight:bold;}
a.footer_index:active {color:#939191;font-family:arial,tahoma,verdana,sans-serif;text-decoration:underline;font-weight:bold;}

/*-------------------------------------------- html table ----------------------------------------------------*/
#table_style {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    width: 100%;
    border-collapse: collapse;
}


#table_style td, #table_style th {
    font-size: 1em;
    border: 1px solid #BCBDF6;
    padding: 4px 7px 4px 7px;
}


#table_style th {
    font-size: 1.1em;
    text-align: right;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #3D40E5;
    color: #FFFFFF;
}

#table_style .style1 {
    color: #000000;
    background-color: #F0F0F0;
}

#table_style .style2 {
    color: #00000;
    background-color: #FFFFFF;
}

#table_style tr:hover {
    background-color: #ffff99;
}

/*---------------------------------- main navigation menu -------------------------------*/
/* this sets the menu position */
#fixed_menu {
  position: fixed;
  color: #FFFFFF;
  width: 200px; 
}

/* nav menu styles */
#nav { 
  display: block; 
  margin: 0 auto;
}

#nav li {
	list-style: none;
}

#nav > li > a { 
  display: block; 
  padding: 14px 14px;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  border-bottom: 1px solid #C0C0C0;
  background-color: #4F46FE;
  background: -webkit-gradient(linear, left top, left bottom, from(#4F46FE), to(#4F46FE));
  background: -webkit-linear-gradient(top, #4F46FE, #4F46FE);
  background: -moz-linear-gradient(top, #4F46FE, #4F46FE);
  background: -ms-linear-gradient(top, #4F46FE, #4F46FE);
  background: -o-linear-gradient(top, #4F46FE, #4F46FE);
  background: linear-gradient(top, #4F46FE, #4F46FE);
}
#nav > li > a:hover, #nav > li > a.open { 
  color: #FFFFFF;
  border-bottom-color: #C0C0C0;
  background-color: #544F9B;
  background: -webkit-gradient(linear, left top, left bottom, from(#544F9B), to(#544F9B));
  background: -webkit-linear-gradient(top, #544F9B, #544F9B);
  background: -moz-linear-gradient(top, #544F9B, #544F9B);
  background: -ms-linear-gradient(top, #544F9B, #544F9B);
  background: -o-linear-gradient(top, #544F9B, #544F9B);
  background: linear-gradient(top, #544F9B, #544F9B);
}

#nav li ul { display: none; background: #0A01B7; }

#nav li ul li a { 
  display: block; 
  background: none;
  padding: 10px 0px;
  padding-left: 20px;
  font-size: 11px;
  text-decoration: none;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0px 0px 0px #0;
}
#nav li ul li a:hover {
  background: #8882FE;
}