body
{
	margin: 0px;
	padding: 0px;
	background: #d3e4ee url(/Layout/Opiskelijat/Image/background.gif) repeat-x;
	color: #000000;
	font-size: 11px;
	font-family: verdana,sans-serif;
}

a:link, a:visited, a:hover, a:active
{
	color: #0073aa;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

h1
{
	font-size:16px;
	font-weight:600;
	color: #0073aa;
}
h2
{
	color:#006699;
	font-size:14px;
	font-weight:600;
	color: #0073aa;
}

h3
{
	color: #0073aa;
	margin:15px 0 10px 0;
	font-size: 12px;
	font-weight:bold;
}

h4
{
	color: #000;
	font-size: 12px;
	font-weight:bold;
	width:100%;
}

h5
{
	font-size: 12px;
	font-weight:bold;
	color: #0073aa;
}

h6
{
	color: #0073aa;
}


div.wrapper
{
    background: url('/Layout/Opiskelijat/Image/bg_left.gif') no-repeat;
    padding: 0px 0px 0px 48px;
}
#Structure0
{

}
#headerRow td 
{
	height: 265px;
}
#Structure0, 
#nostoalue
{
    border: 0px;
    border-collapse: collapse;
	margin-bottom: 15px;
}
#Structure0 td,
#nostoalue td
{
	padding: 0;
	vertical-align: top;
}
#nostoalue td.nosto1
{
	width: 50%;
	background: url('/Layout/Opiskelijat/Image/shadow_hor.gif') no-repeat 100% 0%;
}
#nostoalue td.nosto2
{
	width: 50%;
}

#nostoalue td.nosto1 div.ControlHolderNosto1
{
	padding-right: 30px;
}
#nostoalue td.nosto2 div.ControlHolderNosto2
{
	padding-left: 18px;
}
#Structure0 
{
    background: #f0f0f0;
    padding: 0;
    width: 951px;
}        
#Structure0 #Header0
{
    margin: 0;
    background: #fff url('/Layout/Opiskelijat/Image/bg_header.jpg') no-repeat 15px 15px;  
}
#Structure0 #Header0 .ControlHolderHeader,
#Structure0 #Header1 .ControlHolderHeader
{
    height: 250px;
    padding-top: 15px;
} 
#Structure0 #Header0 .ControlHolderHeader        
{
    margin-left: 522px;
    width: 227px;
}
#Structure0 #Header1 .ControlHolderHeader        
{
    background: #fff;
} 
#Structure0 #Main0
{
	padding: 0px 0px 0px 15px;
}
#Structure0 #Main0 .ControlHolderMain
{
	background: #fff url(/Layout/Opiskelijat/Image/shadow_main.gif) no-repeat;
	width: 477px;
	padding: 20px 15px 0px 15px;
}
#Structure0 #Extra0
{
	background-color: #f0f0f0;
}
#Structure0 #Extra0 .ControlHolderExtra
{
	background: #f0f0f0 url(/Layout/Opiskelijat/Image/shadow_extra0.gif) no-repeat;
	width: 201px;
	padding: 20px 15px 0px 15px;
	overflow: hidden;
}
div.subPage #Structure0 #Main0
{
	padding: 0px 0px 15px 0px;
	background-color: #f0f0f0;
}
div.subPage #Structure0 #Main0 .ControlHolderMain
{
	background: #f0f0f0 url(/Layout/Opiskelijat/Image/shadow_extra0.gif) repeat-x;
	width: 540px;
	padding: 9px 0px 15px;
}
div.frontPage #Structure0 #Main0
{
	background: url(/Layout/Opiskelijat/Image/bg_main_frontPage.gif) repeat-y;
}
div.subPage #Structure0 #Extra0
{
	padding-left: 0px;
	background: none;
	background: url(/Layout/Opiskelijat/Image/shadow_extra0_subpage.gif) repeat-y;
}
div.subPage #Structure0 #Extra0 .ControlHolderExtra
{
	background: none;
	background: url(/Layout/Opiskelijat/Image/shadow_extra0_subpage_top.gif) no-repeat;
	width: 185px;
	min-height: 400px;
	padding: 9px 8px 7px 19px;
	overflow: hidden;
}
div.subPage #Structure0 #Extra1 .ControlHolderExtra
{
	width: 172px;
	margin: 0px;
	padding: 20px 19px 15px 8px;
}
#Structure0 #Extra1
{
	background-color: #fff;
}
#Structure0 #Extra1 .ControlHolderExtra
{
	background: #fff url(/Layout/Opiskelijat/Image/shadow_extra1.gif) no-repeat;
	width: 199px;
	padding: 20px 0px 15px 0px;
}


/* Default styles for controls */

div.control
{
	margin-bottom: 15px;
}
div.subPage div.ControlHolderMain div.control
{
	margin: 0px 20px auto;
}
div.frontPage div.ControlHolderMain div.image 
{
	background: url('/Layout/Opiskelijat/Image/shadow_ver.gif') no-repeat 0px 0px;
	padding-top: 18px;
}
div.frontPage div.ControlHolderMain table#nostoalue div.image, 
div.frontPage div.ControlHolderMain table#tapahtumakalenteri div.image 
{
	background: none;
	padding-top: 0px
}
div.frontPage #Extra1 div.control
{
	padding: 0px 15px 10px 15px;
	margin: 0px;
	background: url('/Layout/Opiskelijat/Image/shadow_ver_short.gif') no-repeat 0% 100%;
	margin-bottom: 5px;
}
div.frontPage #Extra1 div.image /* Image titles in frontpage */
{
	padding: 0px 0px 0px 15px;
	background: none;
}
div.frontPage #Extra1 div.image.banner
{
	padding: 0px 0px 10px 0px;
}
div.frontPage #Extra1 div.control.noBackground
{
	background: none !important;
}

/* SpeechBubble */

div.speechBubble
{
    background: #fff url(/Layout/Opiskelijat/Image/bg_speech_bubble.jpg) no-repeat top left;
    padding: 15px 25px 10px 10px;
    margin: 0px;
    height: 225px;
    margin-left: 4px;
    overflow: hidden;
}
div.speechBubble .title h2
{
    margin: 0px;
    text-transform: none;
    font-size: 120%;
}

/* Search form */

.Components-Search
{
	padding: 25px 0px 0px 18px;
    height: 26px;
}
.Components-Search .FormGlobal
{
    display: block;                
    margin: 0px;
}

.Components-Search .FormGlobal .Content .fieldQueryString
{               
    display: inline;
}  
.Components-Search .FormGlobal .Content .fieldQueryString .Title
{
    display: none;
}


.Components-Search .FormGlobal .Content .buttonSearch
{
    padding-left: 10px;
    display: inline;
}  

.Components-Search .FormGlobal .Content .Button
{
    width: 16px;
    height: 17px;
    border: none 0px;
    background: transparent url('/Layout/Opiskelijat/Image/btn_search.gif') no-repeat 0px 0px;
}

.Components-Search .FormGlobal .Content .TextBox
{
    border: solid 1px #a4b97f;
    width: 170px;
}

.searchResult .block
{
	margin: 10px 0px;
}

/* Navigation tree (header) */

.NavigationTreeHeader
{
	display: block;
	margin: 0;
	padding: 0;
}  
.NavigationTreeHeader .Content
{
	background: #fff url('/Layout/Opiskelijat/Image/bg_nav_item1.gif') no-repeat 0px 0px;
}  
.NavigationTreeHeader .Content ul
{
	margin: 0;
	padding: 5px 0px 0px 0px;
}              
.NavigationTreeHeader .Content ul li
{
	display: block;                        
	list-style: none;       
	background: #fff url('/Layout/Opiskelijat/Image/bg_nav_item.gif') no-repeat 0px 0px;
}         

.NavigationTreeHeader .Content ul li .TopNavLink
{
	background: transparent url('/Layout/Opiskelijat/Image/bg_link_bullet.gif') no-repeat 20px 12px;
	padding: 12px 0px 10px 45px; 
	text-transform: uppercase;
}

.NavigationTreeHeader .Content ul li.ItemIndex0
{
	background:none;
}

/* Navigation (extra) */

div.ControlHolderExtra div.navigation
{
	padding: 0px 0px 0px 7px;
}

div.ControlHolderExtra div.navigation ul
{
	padding: 0px;
	margin: 0px;
	list-style: none;
	text-transform: uppercase;
}

div.ControlHolderExtra div.navigation ul li
{
	background: url('/Layout/Opiskelijat/Image/shadow_navi.gif') no-repeat 0% 100%;
	padding: 2px 0px 10px 0px;
}

div.ControlHolderExtra div.navigation ul li a
{
	display: block;
	padding-left: 16px;
	background: url('/Layout/Opiskelijat/Image/bg_bullet.gif') no-repeat 0px 3px;
}

div.ControlHolderExtra div.navigation ul.children
{
	margin: 5px 0px 0px 18px;
	text-transform: none;
}
div.ControlHolderExtra div.navigation ul.children li
{
	background: none;
	padding: 3px 0px;
}

div.ControlHolderExtra div.navigation ul.children li a
{
	display: block;
	padding-left: 16px;
	background: url('/Layout/Opiskelijat/Image/bg_bullet.gif') no-repeat 0px 3px;
}
div.ControlHolderExtra div.navigation ul li.selected a
{
	font-weight: bold;
}
div.ControlHolderExtra div.navigation ul.children li a
{
	font-weight: normal;
}
div.ControlHolderExtra div.navigation ul.children li.selected a
{
	font-weight: bold;
}


/* Navigation (footer) */

div.ControlHolderFooter div.navigation 
{
	padding: 5px 0px 0px 8px;
}
div.ControlHolderFooter div.navigation ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
div.ControlHolderFooter div.navigation ul li
{
	float: left;
	padding: 0px 7px 5px 5px;
	background: url('/Layout/Opiskelijat/Image/navi_separator_footer.gif') no-repeat 100% 0%;
}
div.ControlHolderFooter div.navigation ul li.lastItem
{
	background: none;
}
div.ControlHolderFooter div.navigation ul li a
{
}

/* navigation path */

div.navigationPath 
{
	background-color: #d3d3d3;
	padding: 3px 10px 2px;
	font-size: 90%;
	margin: 0px !important;
}
div.navigationPath ul 
{
	margin: 0px;
	padding: 0px;
}
div.navigationPath ul li
{
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style: none;
}
div.navigationPath ul li a
{
}

div.navigationPath ul li span.separator
{
	color: #ff9f0e;
	font-weight: bold;
}
div.searchResult div.navigationPath 
{
	background: none;
	padding: 0px;
	font-size: 100%;
}
/* Announcement group */

div.subPage div.ControlHolderExtra div.announcementGroup
{
	padding: 8px 0px;
	background-color: #e8f1f5;	
}
div.subPage div.ControlHolderExtra div.announcementGroup div.title
{
	display: none;
}
div.subPage div.ControlHolderExtra div.announcementGroup div.content
{
	padding-top: 40px;
	background: url('/Layout/Opiskelijat/Image/tiedotteet_blue_bg.gif') no-repeat 8px 4px;
}
div.subPage div.ControlHolderExtra div.announcementGroup div.announcement
{
	padding: 3px 8px 15px 8px;
	background: url('/Layout/Opiskelijat/Image/shadow_blue_bg.gif') no-repeat 0% 100%;
}
div.ControlHolderExtra div.announcementGroup div.announcement div.publishingTime
{
	color: #999999;
}
div.subPage div.ControlHolderExtra div.announcementGroup div.announcement a
{
}
div.subPage div.ControlHolderExtra div.announcementGroup div.function
{
	padding: 0px 8px;
}

div.subPage div.ControlHolderMain div.announcementGroup .announcement
{
	padding: 10px 0px 10px;
	border-bottom: 1px solid #cccccc;
}
div.subPage div.ControlHolderMain div.announcementGroup .function
{
	padding: 10px 0px;
}

div.frontPage div.ControlHolderExtra div.announcementGroup div.announcement
{
	margin-bottom: 15px;
}
div.frontPage div.ControlHolderExtra div.announcementGroup div.announcement div.hyperLinkTitle
{
	font-weight: bold;
}
div.frontPage div.ControlHolderExtra div.announcementGroup div.announcement a
{
}

/* announcement archive */

div.subPage div.ControlHolderMain div.announcementArchive table
{
	border-collapse: collapse;
}

div.subPage div.ControlHolderMain div.announcementArchive table td
{
	padding: 3px 10px 3px 0px !important;
}

/* announcement */

div.subPage div.announcement .function .hyperLinkBack
{
	margin-top: 10px;
}

/* Poll */

.poll .title
{
	display: none;
}
.poll .fieldQuestionQuestion
{
	font-weight: bold;
	margin-bottom: 10px;
}

/* Event calendar */

table#tapahtumakalenteri
{
	width: 100%;
	background: url('/Layout/Opiskelijat/Image/shadow_ver.gif') no-repeat 0px 0px;
}
table#tapahtumakalenteri td.leftColumn,
table#tapahtumakalenteri td.rightColumn
{
	padding-top: 18px;
}
table#tapahtumakalenteri .rightColumn .control
{
	float: right;
}

/* Name day */

div.nameDay
{
	background: url('/Layout/Opiskelijat/Image/bg_nameday.gif') no-repeat 100% 0%;
	height: 40px;
	padding-top: 17px;
	width: 220px;
	text-align: right;
}
div.nameDay .name
{
	color: #006699;
	font-family: Arial, Verdana, Sans-Serif;
}
div.nameDay .day
{
	color: #e23517;
	font-size: 24px;
	font-weight: bold;
	font-family: Arial, Verdana, Sans-Serif;
}

/* CalendarView */

.calendarView
{
	font-size: 11px;
	padding: 0;
}
.calendarView input
{
	cursor: pointer;
}
.calendarView .title
{
	display: none;
}
.calendarView .calendarTitleBar
{
	margin: 0;
	padding: 0;
	width: 184px;
}

.calendarView .calendarTitleBar td
{
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

.calendarView .calendarTitleBar .calendarMonthName
{
	border:0;
	font-weight:bold;
	background-color: #fff;
	color: #2c7fb1;
}

.calendarView .calendarTitleBar .calendarButtonChangeMonth
{
	border:0;
	font-weight:bold;
	background-color: #fff;
	color: #2c7fb1;
}   

.calendarView .calendarTable
{
	margin:0;
	padding:0;
	width:184px;
}

.calendarView .calendarTable td
{
	margin:0;
	padding:0;
	text-align:center;
	vertical-align:middle;
}
.calendarView .calendarTable th
{
	font-weight: normal;
	color: #999999;
}

.calendarView .calendarTable td input
{
	margin:2px;
	padding:0px;
	text-align:center;
	vertical-align:middle;
	width:18px;
	height:18px;
	border:0;
	font-weight:bold;
	color: #fff;
	font-size: 10px;
}
         
.calendarView .calendarTable .Normal-Calendar_Button_CurrentDay-0
{
	background-color: #e23517;
}

.calendarView .calendarTable .Normal-Calendar_Button_Enabled-0
{
	background-color: #2c7fb1;
}

.calendarView .calendarTable .Normal-Calendar_WeekButton_Enabled-0
{
	background-color: #fff;
	color: #2c7fb1;
}

.calendarView .calendarTable .Normal-Calendar_Button_Event-0
{
	background-color: #ffa100;
}

.calendarView .calendarTable .Normal-CALENDAR_WEEKNUMBER_TEXT-0
{
	background-color: #2c7fb1;
}

.calendarView .calendarTable .Normal-CALENDAR_WEEKDAY_TEXT-0
{
	background-color: #2c7fb1;
}
.calendarView .function
{
	display: none;
}

div.subPage .calendarView .calendarTitleBar .calendarMonthName,
div.subPage .calendarView .calendarTitleBar .calendarButtonChangeMonth,
div.subPage .calendarView .calendarTable .Normal-Calendar_WeekButton_Enabled-0
{
	background-color: #f0f0f0;
}

/* EventCalendarBrowse */

.eventCalendarBrowse .event
{
	margin-bottom: 10px;
}
.eventCalendarBrowse .eventTitle
{
	font-weight: bold;
	margin: 2px 0px;
}
.eventCalendarBrowse .eventContent p
{
	margin: 0px;
}

/* ImageBank */

.imageBankImageFolderList table
{
	width: 100%;
}
.imageBankImageFolderList table td
{
	padding: 0px 20px 20px 0px !important;
}
.imageBankImageFolderDetail .imageDetails
{
	padding-top: 10px;
}
.imageBankImageFolderDetail .label 
{
	font-weight: bold;
	float: left;
	clear: left;
	width: 17em;
}
.imageBankImageFolderDetail .value
{
	margin-left: 18em;
}
.imageBankImageFolderDetail .function
{
	clear: left;
	padding-top: 10px;
}

/* Print logo */

.logoPrint
{
	display: none; /* only visible in print version */
}

.hyperlinkLogo
{
	display: block;
	position: absolute;
	top: 15px;
	left: 63px;
	width: 500px;
	height: 240px;
}

.ListPaging .PageSelect
{
	float: left;
}

.customHyperLinkBack
{
	margin: 5px 20px;
}

/* NewsLetter order control */
div.letterOrder div.fieldset
{
	padding: 20px 0 0 0;
}

div.letterOrder div.formRow
{
	clear: left;
	padding: 5px 0;
}

div.letterOrder label
{
	display: -moz-inline-block;
	display: inline-block;
	margin: 0 15px 0 0;
	text-align: right;
	width: 15em;
}

div.letterOrder input
{
	vertical-align: baseline;
	margin: 0;
}

div.letterOrder span.mailingListTitle
{
	font-weight: bold;
}

div.letterOrder div.formMessage div.Item
{
	padding: 10px;
	margin: 5px 0 15px 0;
	color: #F00;
	font-weight: bold;
	border: 1px solid #CCC;
	background-color: #FEEFD0;
}