html {
	background-image: url("/i/grand/images/pattern/pattern-1.png");
	background-repeat: repeat;
	background-color: #F5F5F5;
}

body {
	font-family: "Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
	line-height: 18.5px;
}

html,body,div,span,applet,object,iframe,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
	{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
h1 {
	font-size: 120%;
}
h2 {
	font-size: 110%;
}
h3 {
	font-size: 110%;
}


iframe {
	border: none;
}

a {
	 color: #2A84AE;
	 text-decoration: none;
}

img {
	border: 0;
}

hr {
	height: 1px;
	background: #ccc;
	border: 0px;
}

td.info_header {
	font-weight: bold;
}

#trail {
	float:right;
	margin-right:30px;
	
	color:#999999;
}

/*--- Top Navigation ---*/
div.top-navigation.container {
	position: relative;
	z-index: 20;
	min-width: 980px;
}

div.navigation-wrapper {
	width:1000px !important;
}

div.content-wrapper {
	background-color: #FFFFFF;
	box-shadow: 0 0 4px #E5E5E5;
	float:left;
	padding:20px;
}

div.top-navigation-wrapper {
	float: right;
}

div.top-navigation.container {
	font-size: 11px;
	padding-top: 13px;
	padding-bottom: 7px;
	line-height: 100%;
	text-align: center;
	background: transparent;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

div.top-navigation-right {
	float: right;
	margin-left: 15px;
}

div.top-navigation-right img {
	float: left;
	margin-top: -2px;
	margin-right: 7px;
}

div.top-navigation-left {
	float: right;
}

div.top-navigation-left ul {
	list-style: none;
	margin-left: 0px;
}

div.top-navigation-left li {
	float: left;
}

div.top-navigation-left li a {
	color: #666;
	padding: 0px 8px 0px 8px;
	line-height: 100%;
	display: block;
}

div.top-navigation-left li:last-child a {
	padding-right: 0px;
}

div.top-navigation-left li ul {
	display: none;
}

div.top-navigation-left ul li:last-child a {
	border-right: 0px !important;
}

div.top-navigation-left ul li:first-child a {
	padding-left: 0px !important;
}

div.top_navigation-header-padding {
	padding-top: 15px;
}

div.top-navigation-wrapper.container {
	padding-top: 5px;
	padding-bottom: 0px;
	background: transparent;
}

/*--- Navigation ---*/
iv.navigation-wrapper,.sf-menu li {
	background: url("/i/grand/images/navigation-shadow.png") repeat-x scroll
		0 0 transparent;
}

.top-navigation-wrapper {
	color: #7E7E7E !important;
}

.top-navigation-left li a {
	border-right: 1px solid #585858 !important;
}

.top-navigation-left {
	margin-left: 5px;
}

.navigation-wrapper {
	border-bottom: 1px solid #5391AE !important;
	border-top: 1px solid #5391AE !important;
}

.navigation-wrapper .sf-menu ul,.navigation-wrapper .sf-menu ul li {
	border-color: #E9E9E9 !important;
}

.navigation-wrapper,.sf-menu li {
	background-color: #66A3BF !important;
}

.sf-menu li li {
	background-color: #FFFFFF !important;
}


.sf-menu ul {
	padding-left:10px !important;	
}

.navigation-wrapper .sf-menu li a {
	border-left: 1px solid #4C87A1 !important;
	border-right: 1px solid #7EADC3 !important;
	color: #FFFFFF !important;
}

.sf-menu li a {
    line-height: 24px;
    padding: 11px 18.8px !important;
    text-decoration: none;
}

.navigation-wrapper .sf-menu li li a {
	color: #999999 !important;
}

.navigation-wrapper #menu-main.sf-menu {
	border-right: 1px solid #4C87A1 !important;
}

.navigation-wrapper .sf-menu a:hover,.navigation-wrapper .sf-menu .current-menu-item a:hover
	{
	color: #EDEDED !important;
}

.navigation-wrapper .sf-menu li li a:hover,.navigation-wrapper .sf-menu .current-menu-item li a:hover,.navigation-wrapper .sf-menu .current-menu-item li li a:hover
	{
	color: #666666 !important;
}

.navigation-wrapper .sf-menu .current-menu-item a {
	color: #FFFFFF !important;
}

.navigation-wrapper .sf-menu ul .current-menu-item a {
	color: #666666 !important;
}

.navigation-wrapper .sf-menu .current-menu-item li a {
	color: #999999 !important;
}

div.navigation-wrapper {
	font-size: 15x;
	text-align: center;
}

.sf-menu li li {
	background-image: none;
}

div.navigation-wrapper ul li ul li {
	font-weight: normal;
}

div.responsive-menu-wrapper {
	display: none;
}

div.responsive-menu-wrapper select {
	width: 100%;
	height: 30px;
	margin-bottom: 20px;
}

div#main-superfish-wrapper {
	margin-left: 0px;
}


#wrap { 
	width: 780px; 
	padding: 0 10px; 
	margin: 0 auto; 
	background: #fff url(bg.gif) repeat-y top center; 
	font-size: 85%;
}

#print { 
	width: 780px; 
	padding: 0 10px; 
	margin: 0 auto; 
	font-size: 140%;
}

#print h3 {
	margin-top:-50px;
	font-size:190%;
	margin-bottom:0px;
}
#printfooter {
	width: 420px; 
	padding: 40px 10px; 
	padding-left:100px;
	margin: 0 auto; 
	background: none;
	/*#fff url(bg_footer.gif) no-repeat top center; */
	color: #999;
	font-size: 85%;
	line-height: 1.3em;
	margin-left:auto;
	margin-right:auto;
}
#printfooter p.slogan {
	font-size: 12px;
	font-weight: bold;
}

#printfooter img {
	float: left;
	margin-right: 10px;
}

#printfooter a {
	color: #999;
}

#printfooter #tieke {
	padding-left: 20px;
	float: left;
}
#tieke {
	text-align:center;
}
#mandatory {
	color: #FF0000;
}
.error-message{
	color: #FF0000;
}
.success-message {
	color: #006600;
}


span.page {
	font-size: 120%;
	font-weight: bold;
}


#search {
	width: 350px;
}


#langbar {
	border-bottom: 1px solid #4E7073;
}

#langnavi {
	width: 100%;
}
#langnavi ul {
	display: inline;
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
	position: relative;
	top: 1px;
}

#langnavi ul.right {
	display: inline;
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
	position: relative;
	top: 1px;
}

#langnavi li {
	margin: 0;
	padding: 0;
	float: left;
}

#langnavi li a {
	float: left;
	display: block;
	padding: 7px 12px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #4E7073;
}

#langnavi li a:hover {
	background: #fff;
}

#langnavi li.act a {
	background: #fff;
	border-bottom: 1px solid #fff;
}


#hdr {
	background: #699 url(bg_header.jpg) no-repeat;
	border-bottom: 1px solid #4E7073;
}

/*--- Header ---*/
div.header-wrapper {
	position: relative;
}

div.logo-wrapper {
	float: left;
}

div.logo-wrapper img {
	display: block;
}

div.social-wrapper {
	float: right;
	text-align: right;
	font-size: 15px;
	font-weight: bold;
	margin: 11px 15px 0px 0px;
}

div.social-wrapper-text {
	margin-bottom: 10px;
}

div.social-icon:first-child {
	margin-left: 0px;
}

div.social-icon {
	float: left;
	margin-left: 11px;
	opacity: 0.55;
	filter: alpha(opacity = 55);
	cursor: pointer;
}

div.social-icon:hover {
	opacity: 0.85 !important;
}

.headercolumn {
	 display: inline;
    float: left;
    margin: 0 10px 12px;
    position: relative;
}

input[type="submit"] {
	margin-left:5px !important;
}

.submittd {
	float:left;
	
}
.submittd input {
margin-left:0px !important;	
}

div.gdl-header-dropcap {
	margin: 0px 10px 20px 0px;
	float: left;
	width: 32px;
	height: 32px;
	font-size: 0px;
	line-height: 32px;
	text-align: center;
	float: left;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
}

div.gdl-header-dropcap img {
	margin: 0px auto;
	vertical-align: middle;
	display: inline-block;
}

#logo {
	float: right;
	margin: 0 0 0 10px;
}

#navi {
	width: 100%;
	position:relative;
	width:100%;
}

#navi ul {
	display: inline;
	border-left: 1px solid #4E7073;
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;
	position: relative;
	top: 1px;
	background: #B3CBCA url(bg_navi2.jpg) no-repeat;
}

#navi li {
	margin: 0;
	padding: 0;
	float: left;
}

#navi li a {
	float: left;
	display: block;
	padding: 7px 12px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	border-top: 1px solid #4E7073;
	border-bottom: 1px solid #4E7073;
	border-right: 1px solid #4E7073;
}

#navi li a:hover {
	background: #fff;
}

#navi li.act a {
	background: #fff;
	border-bottom: 1px solid #fff;
}

#listwrapper {
	width: 100%;
	heigth: 400px;
}

#toplist {
	float:right;
	width: 50%;

}
#upcominglist {
	float:left;
	width: 50%;
	
}


#frontpagelist {
}

#frontpagelist tr {
	margin: 0 0 0 20px;
}

#frontpagelist td {
	margin: 0;
	padding: 0;
	padding: 7px 7px;
}

#frontpagelist td.header {
	font-weight: bold;
	color: #000;
	border-bottom: 1px solid #4E7073;
}


#frontpagelist td.footer {
	font-weight: bold;
	color: #000;
	border-top: 1px solid #4E7073;
}

#frontpagelist li a {
	text-decoration: underline;
}

#frontpagelist li a:hover {
	background: #fff;
}

#list {
	width: 100%;
}

#list tr {
	margin: 0 0 0 20px;
}
h1,h2,h3,h4,h5,h6 {
	color: #181818;
	font-family: "Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-weight: normal;
}

#list td {
	margin: 0;
	padding: 0;
	padding: 7px 7px;
}

#list td.header {
	font-weight: bold;
	color: #000;
	border-bottom: 1px solid #4E7073;
}
#list td.expired {
	font-style:italic;
	border-bottom: none;
	color: #636262;
}
#list td.hidden {
	color: #636262;
}
#list a.expired {
	font-style:italic;
	border-bottom: none;
	color: #636262;
}

#list td.footer {
	font-weight: bold;
	color: #000;
}

#list tr.odd {
	color: #000;
}

#list tr.even {
	background-color: #ececec;
}

#list li a {
	text-decoration: underline;
}

#list li a:hover {
	background: #fff;
}

/*--- Footer ---*/
div.footer-wrapper {
	background-image: url('images/footer-bg.png');
	min-width: 980px;
}

div.footer-blank-space {
	padding-bottom: 3px;
}

div.footer-wrapper .container {
	background: transparent;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

div.footer-wrapper-gimmick {
	height: 3px;
}

div.footer-widget-wrapper {
	padding-top: 35px;
}

div.footer-widget-wrapper .custom-sidebar {
	
}

div.footer-widget-wrapper .custom-sidebar-title {
	font-size: 16px;
	margin-bottom: 10px;
}


.footer-wrapper {
	background-color: #64A5C4 !important;
	margin-top: -100px;
}
.footer-wrapper a {
	color: #475D68;
}

.footer-wrapper .gdl-divider {
	border-color: #5F92AB !important;
}
.footer-blank-space {
	height: 100px;
}
.footer-wrapper,.footer-wrapper table th {
	color: #FFFFFF !important;
}

.footer-wrapper .post-info-color,.footer-wrapper div.custom-sidebar #twitter_update_list
	{
	color: #D0E4ED !important;
}


/* Footer custom widget*/
div.footer-wrapper div.contact-form-wrapper input[type="text"],div.footer-wrapper div.contact-form-wrapper input[type="password"],div.footer-wrapper div.contact-form-wrapper textarea,div.footer-wrapper div.custom-sidebar #search-text input[type="text"],div.footer-wrapper div.custom-sidebar .contact-widget-whole input,div.footer-wrapper div.custom-sidebar .contact-widget-whole textarea
	{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

div.footer-wrapper a.button,div.footer-wrapper button {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0 !important;
	background: #222 !important;
}

div.footer-wrapper #wp-calendar caption {
	font-size: 15px;
	border: none;
	margin-bottom: 15px;
}

div.footer-wrapper div.custom-sidebar .recent-post-widget-thumbnail {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/*--- Copyright ---*/
div.copyright-wrapper {
	padding-top: 16px;
	padding-bottom: 16px;
	font-size: 11px;
	border-top: 1px solid;
}

div.copyright-left {
	text-align: left;
	float: left;
}

div.copyright-right {
	text-align: right;
	float: right;
}

#mainsharebuttons {
	width: 460px;
 	margin-left: auto;
 	margin-right: auto;
	
    
}
.othersharebuttons{
	float:left;
}
.fbsharebutton {
	 	padding-top:2px;
         float:right;
          padding-left:4px
}
.fb-like {
	
	padding-left:4px;
}

#coursewww 
{ width: 300px;
float: left;
padding-left:7px;
}
#sharebuttons
 { width: 250x;
   float: right;
   padding-right:30px;
 }

#content {
	padding: 20px;
}

#content p {
	line-height: 1.5em;
}

#content p.organization {
	line-height: 2em;
}

#content p.expired {
	font-style:italic;
	font-size: 100%;
}

td.content_header {
	font-weight: bold;
}

td.content {
	margin-left: 5px;
}


#col {
	float: left;
	width: 160px;
	padding: 0 19px 0 0;
	border-right: 1px solid #ccc;
}
#col h3.menutitle {
	 background-color: #F5F5F5;
	 padding-top:2px;
	 padding-left:5px;
    border-top: 1px solid #64A5C4;
    margin-bottom:10px;
}

#col h1 {
	margin-top: 0;
	padding: 6px 12px 7px;
	background: #007780 url(bg_colhdr.gif) repeat-x 50% 50%;
	font-size: 100%;
	color: #fff;
}

#col h2 {
	font-size: 110%;
	padding-bottom: 10px;
	padding-left:3px;
}

#col span.link {
	font-size: 100%;
	font-weight: bold;
}

#col hr {
	color: #ccc;
}



#rightcol {
	float: right;
	width: 160px;
	padding: 0 0 0 19px;
	border-left: 0px solid #ccc;
}

#rightcol h1 {
	margin-top: 0;
	padding: 6px 12px 7px;
	background: #007780 url(bg_colhdr.gif) repeat-x 50% 50%;
	font-size: 100%;
	color: #fff;
}

#rightcol h2 {
	font-size: 100%;
	line-height: 1.6em;
}


#text_content {
	float: left;
	width: 520px;
	padding: 0 0 0 19px;
	border-left: 1px solid #ccc;
	position: relative;
	left: -1px;
}


#main {
	float: left;
	width: 340px;
	padding: 0 0 0 19px;
	border-left: 1px solid #ccc;
	position: relative;
	left: -1px;
}

#main-statistics {
	border-left: 1px solid #CCCCCC;
    float: left;
    left: -1px;
    padding: 0 0 0 19px;
    position: relative;
    width: 750px;
}

#main h1 {
	margin-top: 0;
	font-family: lucida grande, arial, helvetica, sans-serif;
	font-size: 164%;
	line-height: 1.6em;
	font-weight: normal;
}

#main h2 {
	font-family: lucida grande, arial, helvetica, sans-serif;
	font-size: 128%;
	line-height: 1.6em;
	font-weight: normal;
}

#main h3 {
	font-size: 100%;
	line-height: 1.6em;
}

textarea.field {
	width: 400px;
}

select.field {
	width: 400px;
}

select.shortfield {
	width: 140px;
}

input.field {
	width: 400px;
}

input.text {
	margin: 2px 0 8px;
	border-top: 1px solid #7C7C7C;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #C3C3C3;
	background: #fff url(bg_input.gif) no-repeat;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	padding: 2px 0;
}

input.button {

	font-size: 12px;
	padding: 10px 20px 11px 20px;
	margin: 0px;
	float: right;
	border: 0px;
	font-weight: normal;
	background-image: url('images/search-button-bg.png');
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	 background-color: #5996B2 !important;
    color: #FFFFFF !important;
      border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    display: inline-block;
}

select.paging {
	margin-bottom: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
}

select {
	color: #777777;
}

div.clear {
	clear: both;
	visibility: hidden;
}

#navigation {
	margin: 0;
	padding: 0;
}
#navigation td {
	margin: 0;
	padding: 0;
	padding-right: 20px;
	vertical-align: top;
}

.picker {
	width:800px;
}

.picker-table {
	float:right;
	white-space: nowrap;
}
.picker-table input {
	width: 100px;
}

.picker .button {
	margin-top:8px;
	font-size:20px;
	padding:7px 20px 7px;
	float:left;
}

.picker-table .titletd {
	padding-right:10px !important;
}
.picker select {
	float:left;
	width:400px;
	
}
.datepicker .button {
	font-size:20px;
	margin-top:-5px;
	padding:7px 20px 7px;
	float:right;
}
.picker-left {
	float:left;
	width:425px;
}
.picker-right {
	float:right;
	width:370px;
}
h3.user-expired {
	font-size:24px;
	margin-bottom:10px;
	font-family: "Helvetica, "Helvetica Neue", Arial, sans-serif;
	color: #666;
}
p.user-expired {
	font-family: "Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	color: #666;
	-webkit-text-size-adjust: 100%;
	line-height: 18.5px;
}

// Nämä tyylit ovat vain adminin kurssin show -näkymän kuvaus kenttää varten. START

.ds h1, .ds h2, .ds h3, .ds h4, .ds h5, .ds h6 {
	color: #494949;
	font-weight: normal;
	font-family: Merriweather;
	margin: 0 0 15px 0;
}

.ds h1 {
	font-size: 30px;
}

.ds h2 {
	font-size: 25px;
}

.ds h3 {
	font-size: 20px;
}

.ds h4 {
	font-size: 18px;
}

.ds p, .ds div {
	margin: 0 0 15px 0;
	color: #494949;
}
	
.ds ul, .ds ol {
	margin: 1em 0 1em 30px;
}

// END