body {
	margin:0;
	padding:0;
}

/**************************************************************************************************************************
*	Container
**************************************************************************************************************************/
#container{
	width: 100%;
}

/**************************************************************************************************************************
*	Header
**************************************************************************************************************************/
#header-bg{	
}

#header{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:1024px;
	height:120px;
	background:#0074c1 url(../../images/linssitekstiviesti.jpg) no-repeat;
}

.centering{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:1024px;
}

#kirjautuminen-div{
	float:right; 
	color:#3fe1f0;
	margin:1.6em 5em 1em 0;
	font-weight:normal;
	font-size:1.3em;
}

#kirjautuminen-div select{
	border: 1px solid #DE8B07;
	padding-left:1px;
	width: 100px;
}

/**************************************************************************************************************************
*	Content
**************************************************************************************************************************/
#content{
	margin-top:0.2em;
}

/**************************************************************************************************************************
*	Päälinkit
**************************************************************************************************************************/
#top-links-bg{
	background: #FD5900 url(../../images/toplinks_bg.gif) repeat-x;
}

#top-links{
	background: transparent url(../../images/toplinks_shadow.gif) no-repeat left; /* Tummempi oranssi */
	height: 20px;
	text-align: center;
}

#top-links-margin{
	padding-top: 2px;
}

#top-links a{
	color: white;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding-right: 6px;
}

#top-links a:hover{
	text-decoration: underline;
}

#top-links-margin a.selected{
	text-decoration: underline !important;
}


/**************************************************************************************************************************
*	mainNavi
**************************************************************************************************************************/
#mainNavi-bg{
	background: #EFEFEF url(../../images/mainnavi_bg.gif) repeat-x;
	width:1023px;
	height:39px;
	margin:0 auto 2em auto;
	border-right:1px solid #cfcfcf;
}

#mainNavi-shadow{
	background: transparent url(../../images/mainnavi_shadow2.gif) no-repeat left top;
	height: 39px;
}

#mainNavi{
	float:left;
	width: 865px;
	height: 39px;
}

#mainNavi-margin{
	padding: 1.2em 0 0 1em;
}

.navi-main-left{
	float: left;
	background: transparent url(../../images/tab_unselected-left.gif) no-repeat;
	width: 11px;
	height: 19px;
	padding-top: 7px;
}

.navi-main-selected-left{
	background: transparent url(../../images/tab_selected-left.gif) no-repeat;
}

.navi-main{
	float: left;
	background: transparent url(../../images/tab_unselected-center.gif) repeat-x;
	height: 19px;
	padding-top: 7px;
	text-align: center;	
}

.navi-main-selected{
	background: transparent url(../../images/tab_selected-center.gif) repeat-x;
}

.navi-main-right{
	float: left;
	background: transparent url(../../images/tab_unselected-right.gif) no-repeat;
	width: 11px;
	height: 19px;
	padding-top: 7px;
}

.navi-main-selected-right{
	background: transparent url(../../images/tab_selected-right.gif) repeat-x;
}

.navi-main a{
	color: black;
	font-weight: bold;
	font-size: 13 pt;
	text-decoration: none;
}


/**************************************************************************************************************************
*	Vasen osa
**************************************************************************************************************************/
#left-div{
	float: left;
	width: 210px;
}


/**************************************************************************************************************************
*	Oikea osa
**************************************************************************************************************************/
#center-div{
	float: left;
	padding:0;
}

.center-div-full-width{
	width: 100% !important;
}

/**************************************************************************************************************************
*	Footer
**************************************************************************************************************************/
#footer{
	text-align: center;
	height: 60px;
	padding: 20px 0 0 0;
}


/**************************************************************************************************************************
*	Form
**************************************************************************************************************************/
.button{
	background:#0075c5;
	height: 19px;
	padding: 1px 3px 4px 3px;
	border: 1px solid #0075c5;
	font-size: 10px;
	font-weight: bold;
	color:#fff;
}
.loginbutton { background:#fff; color:#0073a6; border:1px solid #fff; font-size:0.83em; height:1.8em; padding:0 0.4em; }
.input.text{
	font-size: 12px;
}

select{
	font-size: 12px;
}

/**************************************************************************************************************************
*	Ilmotuspohja
**************************************************************************************************************************/
.message, .messages{
	border: 0.15em dashed #0074c1;
	background:#9af6ff;
	padding:1em;
	margin-bottom:1em;
}

.message p, .messages p{
	padding: 2px 5px 2px 5px;
	font-weight:bold;
}


/**************************************************************************************************************************
*	SmsClient
**************************************************************************************************************************/
.smsClient-ylatab{
	float: left;
	padding: 0.6em;
	background: #e5e7d9;
	font-size: 12px;
	margin-right: 1px;
}

.smsClient-ylatab a{
	color: black;
}

.smsClient-ylatab a.selected{
	font-weight: bold;
}

.smsClient-lahetetyt{
	width: 100%;
}

.smsClient-lahetetyt tr th, .smsClient-lahetetyt tr td{
	border-bottom: 1px solid #e5e7d9;
}

.smsClient{
	border: 1px solid #e5e7d9;
	background:#f4f6e8;
	width: 100%;
}


.smsClient tr{

}

.smsClient th{
	text-align: left;
	padding: 1px 5px 1px 5px;
}

.smsClient td{
	padding: 2px 5px 2px 5px;
}

.smsClient td.first-td{
	padding-top: 5px;
}

.smsClient td .vakioviestit_button{
	cursor: pointer;
}

.smsClient td.yhteystiedot_td{
	padding-top: 25px;
}

.smsClient td input.valinta{
	margin-left: 4px;
}

.smsClient .yhteystiedot_valikko{
	
}

.smsClient .yhteystiedot_valikko td.scroll_arrow{
	background: transparent;
	width: 20px;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

.smsClient .yhteystiedot_valikko td.scroll_content{
	background: transparent;
	width: 100%;
	padding: 0 3px 0 3px;
	margin: 0;
}

.smsClient .yhteystiedot_valikko td.scroll_content .scroll_content_scroller{
	overflow: hidden;
	width: 500px;
}

.smsClient .yhteystiedot_valikko td{
	background:#e5e7d9;
	padding:0.4em;
	margin:0 0.2em 0 0;
}

.smsClient .yhteystiedot_valikko td .yhteystiedot_link{
	background: transparent;
	border: none;
	font-size: 11px;
	cursor: pointer;
}

.smsClient .yhteystiedot_valikko td .yhteystiedot_link_celected{
	font-weight: bold;
}

.smsClient .yhteystiedot_toiminnot{
	background: white;
	width: 100%;
}

.smsClient .yhteystiedot_toiminnot th{
	padding-top: 3px;
	border-bottom: 1px solid #ccc;
	padding-left: 5px;
	white-space: nowrap;
}

.smsClient .yhteystiedot_toiminnot th.first{
	padding-left: 10px;
	width: 25px;
}

.smsClient .yhteystiedot_toiminnot tr.row2{
	background: #f7f8f2;
}

.smsClient .yhteystiedot_toiminnot tr.selected{
	background: #EAE3C5;
}

.smsClient .yhteystiedot_toiminnot td{
	border-bottom: 1px solid #e5e7d9;
}

.smsClient .yhteystiedot_toiminnot table tr td{
	/*padding-left: 0;*/
}

.smsClient input.send_button{
	background: transparent url(../../images/icons/send_sms.gif) no-repeat;
	border: none;
	cursor: pointer;
	font-weight: bold;
	width: 70px;
}

.smsClient input.reset_button{
	background: transparent url(../../images/icons/reset_sms.gif) no-repeat;
	border: none;
	cursor: pointer;
	font-weight: bold;
	width: 90px;
}

.smsClient input.save_button_user{
	background: transparent url(../../images/icons/add_user.gif) no-repeat;
	border: none;
	cursor: pointer;
}

.smsClient input.save_button{
	background: transparent url(../../images/icon_save.gif) no-repeat;
	border: none;
	cursor: pointer;
}

.smsClient input.edit_button{
	background: transparent url(../../images/icon_edit.gif) no-repeat;
	border: none;
	cursor: pointer;
}

.smsClient input.delete_button{
	background: transparent url(../../images/icon_delete.gif) no-repeat;
	border: none;
	cursor: pointer;
}

.smsClient .vahvista_poisto{
	background: #EFEFEF;
	border: 1px solid #FD5900;
	padding: 5px;
	text-align: center;
	margin-bottom: 10px;
	font-weight: bold;
}

.smsClient .ilmokentta{
	 border: 1px solid #DE8B07; 
	 background: white; 
	 padding:5px;
}

.smsClient table.register{

}

.smsClient table.register tr td input.text{
	width: 300px;
}

.smsClient table.register tr td input.saldo{
	width: 50px;
}

.smsClient table.register tr td select{
	width: 306px;
}

/**************************************************************************************************************************
*	Status bar
**************************************************************************************************************************/
.statusbar_overlay_bg{
	height: 250px;
	width: 400px;
	left: 50%;
	top: 50%;
	margin-left: -195px;
	margin-top: -143px;
	position: absolute;
	z-index: 100;
	background-color:#000000;

	filter:alpha(opacity=40);
	-moz-opacity: 0.40;
	opacity: 0.40;
}

.statusbar_window{
	background: #FFFFFF;
	border: 1px solid #DE8B07;
	z-index: 102;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 250px;
	position: absolute;
	margin-left: -200px;
	margin-top: -150px;
	text-align: left;
	color: #000000;
}

.statusbar_title{
	width: 100%;
}

.side_colum{
	width: 20px;
	text-align: right;
	padding-right: 5px;
	font-weight: bold;
}

.statusbar_title_text{
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
	padding-top: 5px;
}

.statusbar_receivers{
	margin: 20px 0 0 0;
}

.statusbar_receivers_table{
	margin: auto;
	min-width: 250px;
}

.statusbar_receivers_table td{
	border-bottom: 1px solid #e5e7d9;
	padding: 2px 5px 2px 5px;
}

.statusbar_receivers_table td.status{
	padding-left: 20px;
	width: 70px;
}

.statusbar_table{
	width: 250px;
	margin: 20px auto;
	font-size: 9px;
}

.statusbar_border{
	border: 1px solid #ccc;
	background-color: #EFEFEF;
}

.statusbar{
	height: 10px;
}


/**************************************************************************************************************************
*	Clear
**************************************************************************************************************************/
.c{
	clear: both;
}