body { 
margin:0; 
padding:0;
/*background:#ffffcc;*/
/*font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;*/
font-family:Tahoma;
/*font-family: Arial, Helvetica, sans-serif;*/
/*font-family: Palatino,Georgia,serif;font-size: 12px;*/
/*font-family: Geneva, Verdana,, sans-serif;*/
font-size: 12px;
/*font-size: 11px;*/
/*line-height: 16px;*/
color: #333;
background:#fff;
}

a {
color:#ff1900;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

.navi a:hover {
text-decoration:none;
}

.biglink h2 {
color:#ff1900;
text-decoration:none;
}

.biglink a:hover {
text-decoration:none;
}

h2 a {
color:#283967;
text-decoration:none;
}

h2 a:hover {
color:#283967;
text-decoration:underline;
}


textarea {
font-family: Tahoma;
font-size: 12px;
}

#logo {
float:left;
padding:10px 0px 0px 20px;
}

#campaign{ 
width:960px; 
height:100px;
padding:10px 50px 10px 0px;
text-align:right;  
margin-left:auto; 
margin-right:auto;  

} 

#wrapper {
/*background: #ffffff;*/
/*background: #ffffff url('/images/tausta.gif') right top repeat-y;*/
border-top:0px solid #8b94ad;
background:#ffffff url('/images/bg_content-ball.gif') left top no-repeat;
padding:0;
margin:0;
}

#pagewidth{ 
width:960px; 
text-align:left;  
/*margin-left:auto; 
margin-right:auto; */ 
margin:50px auto 0px auto;
background:#8b94ad url('/images/bg_header-ball.gif') left top no-repeat;
padding:0;
} 

#teaser{ 
margin:25px 0px 10px 20px;
padding:0;
} 

#header{
position:relative; 
height:188px;
padding:0;
margin:0;
/*background-color:aqua;
width:100%; */
} 

#leftcol {
width:200px; 
float:left; 
position:relative; 
/*background-color:#00ffff; */
padding:0;
margin:0;
}

.notop {
margin:0px;
padding:2px 5px 10px 5px;
}

.helptext {
margin:0px;
/*padding:2px 5px 10px 5px;*/
font-size:10px;
}

#rightcol .helptext {
border:0px solid #374771;
margin:0px;
padding:10px 0px;
font-size:10px;
}

#rightcol .helptext ul,
#rightcol .helptext ol {
margin:0;
padding:0px 5px 5px 20px;
}

#rightcol .helptext ul li,
#rightcol .helptext ol li {
margin:0;
padding:2px 0px;
}

#rightcol .helptext b {
text-transform: uppercase;
}

#twocols{
width:760px; 
float:right; 
position:relative; 
}

#fullcols{
width:960px; 
float:right; 
position:relative; 
}

#rightcol{
width:200px; 
float:right; 
position:relative; 
/*background-color:silver;*/
}

#maincol{
/*background-color: #8CFF3C;  */
float: left; 
display:inline; 
position: relative; 
width:560px; 
font-family:Tahoma;
font-size: 12px;
}

h1 {
font-family: Tahoma, sans-serif;
font-size:20px;
font-weight:normal;
line-height:22px;
margin:20px 0px 10px 20px;
/*padding-left:20px;*/
color:#283967;
display:block;
/*border-bottom:1px solid red;
background:#c7c7c7;*/
}

h2 {
font-family: Tahoma, sans-serif;
font-size:14px;
font-weight:bold;
line-height:16px;
margin:20px 0px 10px 0px;
/*padding-left:20px;*/
color:#283967;/*#990000*/
display:block;
/*border-bottom:1px solid red;
background:#c7c7c7;*/
}

h3 {
font-family: Tahoma, sans-serif;
font-size:12px;
font-weight:bold;
line-height:16px;
margin:5px 0px 0px 0px;
/*padding-left:20px;*/
color:#283967;/*#990000*/
display:block;
/*border-bottom:1px solid red;
background:#c7c7c7;*/
}

th {
padding:2px 5px 2px 0px;
text-align:left;
}



#footer{
/*height:20px; */
border-top:2px solid #283967;
/*border-bottom:1px dotted #283967;*/
padding:5px 0px 20px 0px;
clear:both;
font-size:11px;
background:#fff;
margin:2px 0px 0px 0px;
} 

#footer .left {
float:left;
padding-left:0px;
}

#footer .right {
float:right;
padding-right:10px;
}

#footer #footerlink a {
/*font-family: Arial, Helvetica, sans-serif;*/
color:#283967;
font-weight:bold;
display:block;
/*text-transform: uppercase;*/
}

#footer #footerlink a:hover {
color:#283967;
/*background:blue;*/
font-weight:bold;
display:block;
}

#footer #footerlink {
background:aqua none repeat scroll 0 0;
font-size:11px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

#footer #footerlink li {
border-left:0px solid #8B94AD;
border-right:1px dotted #8B94AD;
float:left;
font-weight:bold;
margin:0;
padding:0px 15px;
text-decoration:none;
}

#footer #footerlink li.last {
border-right:0px solid #8B94AD;
}

#footer #footerlink li {
list-style-type:none;
}

#footer #footerlink #menu li a {
color:#283967;
font-weight:bold;
text-decoration:none;

}

#footer .right .footermail a {
text-decoration:none;
font-weight:normal;
}

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

.navi-wrapper {
margin-top:12px;
display:block;
background: url('http://www.hcwest.com/images/bg_image_2b.jpg') left top no-repeat;
min-height:400px;
}

.navi, .aktiv {
line-height:20px;
/*border-bottom:1px dotted #ffffff;*/
font-size:11px;
color:#ffffff;
padding-left:10px;
}

.navi {
/*background:red;*/
display:block;
}

.navi a {
/*color:#283967;*/
display:block;
}

.navi a:hover {
color:#283967;
display:block;
}

.navi:hover {
line-height:20px;
/*border-bottom:1px dotted #ff0000;*/
background:#ffffcc;
color:#fff;
display:block;
}

.aktiv {
line-height:18px;
/*border-top:1px solid #283967;
border-bottom:1px solid #283967;*/
/*border-right:1px solid #283967;*/
background:#ffffcc;
font-weight:bold;
color:#ff1900;
display:block;
}

.aktiv a {
color:#ff1900;
display:block;
}

.aktiv a:hover {
color:#ff1900;
display:block;
}

.aktiv:hover {
background:#ffffcc;
color:#ff1900;
display:block;
}

.padder {
padding:10px 20px 30px 20px;
/*border:1px dotted #8B94AD;
margin:0px 15px 15px 0px;*/
}


.padder2 .kortti table.card th {
width:210px !important;
}

.padder2 .kortti table.card th h3 {
margin:3px !important;
}

.padder2 .kortti table.card td {
padding:5px 3px 3px 3px !important;
border:1px dotted gray;
}

.padder2 {
padding:10px 0px 30px 20px;
}

.padder3 {
padding:0px 0px 10px 20px;
}

.padder2 .kortti {
border-left:1px dotted green;
border-right:1px dotted green;
border-top:2px solid green;
border-bottom:1px solid green;
padding:0px;
}

.padder3 .kortti {
border-left:1px dotted green;
border-right:1px dotted green;
border-top:2px solid green;
border-bottom:1px solid green;
padding:0px;
}

.padder3 .kortti td {
padding:5px;
vertical-align:top;
}

.korttidate {
display:bock;
float:right;
text-align:right;
margin-top:20px;
font-size:11px;
}

.padder table,
.padder2 table {
width:100%;
/*border:1px dotted green;*/
padding:10px 0px;
}

.padder3 table {
width:90%;
/*border:1px dotted green;*/
padding:0px;

}

.padder3 .kortti table {
width:100%;
/*border:1px dotted green;*/
padding:0px;

}

.padder2 table th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:normal;
/*width:220px;*/
padding:0px 10px 0px 10px;
white-space:nowrap;
}

.padder2 table td {
/*font-family: Arial, Helvetica, sans-serif;*/
font-size: 12px;
}

.padder h2 {
margin-top:0px;
}

.padder ol {
margin:0;
padding:10px 30px 5px 30px;
}

.padder ol li {
margin:0;
padding:5px 0;
}

.inside {
/*border-top:1px solid red;*/

}

/*.padder table tr:hover {
background:green;
}*/

#start #menu_wrapper #menu .start, 
#yhdistys #menu_wrapper #menu .yhdistys, 
/*#jasen #menu_wrapper #menu .jasen, */
#kalenteri #menu_wrapper #menu .kalenteri, 
#keskustelu #menu_wrapper #menu .keskustelu, 
#materiaali #menu_wrapper #menu .materiaali {
color:#555555;
background:#ffffcc;
}

#jasen #menu_wrapper #menu .jasen/*,
#menu_wrapper #menu .keskustelu,
#menu_wrapper #menu .materiaali,*/ {
color:#555555;
background:#ffffcc;
}

#yhdistys .navi-wrapper .historia a, 
#yhdistys .navi-wrapper .saannot a, 
#yhdistys .navi-wrapper .hallitus a, 
#yhdistys .navi-wrapper .tyoryhmat a, 
#yhdistys .navi-wrapper .coach-mj a,  
#yhdistys .navi-wrapper .coach-nmj a,  
#yhdistys .navi-wrapper .coach-sm a,  
#yhdistys .navi-wrapper .coach-cup a,  
#yhdistys .navi-wrapper .coach-vuosi a, 
#yhdistys .navi-wrapper .coach-jv a {
line-height:18px;
/*border-top:1px solid #283967;
border-bottom:1px solid #283967;*/
/*border-right:1px solid #283967;*/
background:#ffffcc;
color:#ff1900;
display:block;
}

#jasen .navi-wrapper .historia a, 
#jasen .navi-wrapper .saannot a, 
#jasen .navi-wrapper .hallitus a, 
#jasen .navi-wrapper .tyoryhmat a, 
#jasen .navi-wrapper .coach-mj a, 
 #jasen .navi-wrapper .coach-nmj a, 
#jasen .navi-wrapper .coach-sm a,  
#jasen .navi-wrapper .coach-cup a,  
#jasen .navi-wrapper .coach-vuosi a,
#jasen .navi-wrapper .coach-jv a  {
line-height:18px;
/*border-top:1px solid #283967;
border-bottom:1px solid #283967;*/
/*border-right:1px solid #283967;*/
background:#ffffcc;
color:#ff1900;
display:block;
}

#uutiset #wrapper #loginmenu-wrapper .uutiset,
#rekry #wrapper #loginmenu-wrapper .rekry,
#yhdistys-jasenet #wrapper #loginmenu-wrapper .jasenet,
#yhdistys-kannatusjasenet #wrapper #loginmenu-wrapper .kannatusjasenet  {
/*line-height:18px;*/
/*border-top:1px solid #283967;
border-bottom:1px solid #283967;*/
/*border-right:1px solid #283967;*/
background:#ffffff;
color:#ff1900;
display:block;
}


#menu_wrapper {
border-top: 0px solid #283967;
filter:alpha(opacity=90);
-moz-opacity:.90;
opacity:.90;
margin:10px 0px 0px 0px;
padding:0;
}

#menu {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px 0px 0px 200px;
padding:0; 
font-size:11px;
/*background:aqua;*/
}



#menu li {
background-color:#f5f3ec ;
/*border-top:1px solid #8b94ad;*/
border-left:1px dotted #8b94ad;
border-right:0px dotted #8b94ad;
float:left;
font-weight:bold;
margin:0px;
padding:5px 15px;
text-decoration:none;
}

#menu li a {
color:#283967;
font-weight:bold;
text-decoration:none;
} 

#menu li a:hover {
color:#283967;
}

#menu li:hover {
background-color:#ffffcc ;
/*border-left:1px solid #ff0000;
border-right:1px solid #ff0000;
border-bottom:1px solid #ffffff;*/
}


#loginmenu-wrapper {
/*border-top: 1px solid #ffffcc;*/
/*filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;*/
/*background:#c7c7c7;*/
/*padding-top:10px;*/
text-align:right;
background-color:#ffffcc ;
border-bottom:0px dotted #8B94AD;
}

#menu2 {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px; 
font-size:11px;

}
#menu2 li  {

/*border-top:1px solid #8b94ad;*/
/*border-left:1px solid #8b94ad;
border-right:1px solid #8b94ad;*/
float:left;
font-weight:bold;
margin:0px;
padding:5px 10px;
text-decoration:none;
}

#menu2 li a {
color:#283967;
font-weight:bold;
text-decoration:none;
}

#menu2 li a:hover {
color:#283967;
}

#menu2 li:hover {
background-color:#ffffff;
/*border-left:1px solid #ff0000;
border-right:1px solid #ff0000;
border-bottom:1px solid #ffffff;*/
}

#menu2 li.name:hover {
background-color:#ffffcc;
/*border-left:1px solid #ff0000;
border-right:1px solid #ff0000;
border-bottom:1px solid #ffffff;*/
}

/*#menu .navi_active {
background:#55555 none repeat scroll 0 0;
border-bottom:1px solid #FFFFFF;
}*/

#menu2 .name {
/*background-color:#f5f3ec;*/
white-space:nowrap;
}

#menu2 .logout {
float:right;
text-align:right;
/*border-bottom:1px solid #283967;*/
}

#section-navi {
padding:24px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
margin:0;
display:block;
background: /*#ffffcc*/ url('/images/bg_navi4.gif') left top no-repeat;
min-height:400px;
}
.section-navi {
display:none;
margin:0 0 0 12px;
padding:0;
}
#section-navi li {
/*border-bottom:1px dotted #CCCCCC;*/
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}
#section-navi .sub {
/*border-bottom:1px dotted #CCCCCC;*/
display:block;
font-weight:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
text-transform:none;
}
#section-navi .empty {
height:26px;
}
#section-navi .sublast {
border-bottom:1px dotted #FFFFFF;
display:block;
font-weight:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
text-transform:none;
}

#yhdistys #yhdistys-historia #section-navi .historia a, 
#yhdistys #yhdistys-saannot #section-navi .saannot a, 
#yhdistys #yhdistys-hallitus #section-navi .hallitus a, 
#yhdistys #yhdistys-tyoryhmat #section-navi .tyoryhmat a, 
#yhdistys #yhdistys-coach-mj #section-navi .coach-mj a, 
#yhdistys #yhdistys-coach-nmj #section-navi .coach-nmj a, 
#yhdistys #yhdistys-coach-sm #section-navi .coach-sm a, 
#yhdistys #yhdistys-coach-cup #section-navi .coach-cup a, 
#yhdistys #yhdistys-coach-vuosi #section-navi .coach-vuosi a,
#yhdistys #yhdistys-coach-jv #section-navi .coach-jv a,
#yhdistys #yhdistys-jasenet #section-navi .jasenet a,
#yhdistys #yhdistys-kannatusjasenet #section-navi .kannatusjasenet a {
background-position:right bottom;
color:#555555;
/*background:#e9ebf0;*/
border-left:10px solid silver;
/*border-bottom:1px solid silver;*/

background:#ffffcc;
border-top:0px solid #8B94AD;
border-bottom:1px solid #8B94AD;
border-right:0px solid #8B94AD;
}

#jasen #jasen-main #section-navi .main a, 
#jasen #jasen-register #section-navi .register a, 
#jasen #jasen-uploadpic #section-navi .uploadpic a, 
#jasen #jasen-memberlist #section-navi .memberlist a, 
#jasen #jasen-edituser #section-navi .edituser a, 
#jasen #jasen-inbox #section-navi .inbox a, 
#jasen #jasen-compose #section-navi .compose a {
background-position:right bottom;
color:#555555;
}

#coach #section-navi .coach-mj a, 
#coach #section-navi .coach-nmj a, 
#coach #section-navi .coach-sm a, 
#coach #section-navi .coach-cup a, 
#coach #section-navi .coach-vuosi a,
#coach #section-navi .coach-jv a {
background-position:right bottom;
color:#555555;
}
#yhdistys #section-navi .hallitus .section-navi, 
#body_default_page_customer-stories-2 #section-navi .hallitus .section-navi, 
#body_default_page_customer-stories-3 #section-navi .hallitus .section-navi, 
#body_default_page_customer-stories-4 #section-navi .hallitus .section-navi, 
#body_default_page_customer-stories-5 #section-navi .hallitus .section-navi {
display:block;
}

#section-navi li a {
color:#FF1900;
display:block;
padding:0px 0px 0px 10px;
text-decoration:none;
line-height:20px;
margin:0;
}
#section-navi li a:hover {
background:#8b94ad;
color:#ffffff;;
}
#section-navi .section-navi li a {
color:#555555;
}

.rules h2 {
text-align:center;
display:block;
padding-top:10px;
}

.rules h1, .rules b {
text-align:center;
display:block;
}

.rules ul li, 
.rules ol li {
padding-bottom:5px;
}

.user_table_txt {
font-size:11px;
}


#jasen-navi {
padding:0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
margin:0px 0px 0px 20px;
display:block;
/*background: #ffffcc url('/images/bg_navi4.gif') left top no-repeat;*/
/*min-height:400px;*/
}

.jasen-navi {
display:none;
margin:0 0 0 12px;
padding:0;
}

#jasen-navi li {
/*border-bottom:1px dotted #CCCCCC;*/
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}

#jasen-navi .sub {
/*border-bottom:1px dotted #CCCCCC;*/
display:block;
font-weight:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
text-transform:none;
}

#jasen-navi .empty {
height:26px;
}

#jasen-navi .sublast {
border-bottom:1px dotted #FFFFFF;
display:block;
font-weight:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
text-transform:none;
}

#jasen-navi li a {
color:#FF1900;
display:block;
padding:0px 10px 0px 0px;
text-decoration:none;
/*line-height:20px;*/
margin:0;
}
#jasen-navi li a:hover {
background:#8b94ad;
color:#ffffff;
}
#jasen-navi .section-navi li a {
color:#555555;
}

#lista table {
width:700px;
}

#lista table td {
vertical-align:top;
}

.hanko table {
width:450px;
}

.hanko td {
margin:0px 10px 10px 0px;
padding:2px 2px 2px 0px;
}

.hanko .eka {
background:#e1e1e1;
}