



















/******************************************************************************/
/* Liferay                                                                    */
/******************************************************************************/

/* Global */

A {
	background: none;
	color: #000000;
	text-decoration: none;
}

A:hover {
	text-decoration: none;
}

BODY {
	border: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #114F9C url(/html/themes/cf/images/cf/bg.jpg) no-repeat;
}

FORM {
	margin: 0;
}

SELECT {
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
}

.form-button {
	border-color: #6699CC;
	border-style: solid;
	border-width: 1px;
	font-family: Arial;
	font-size: 10px;
}

.form-button-hover {
	border-bottom: solid 1px #6699CC;
	border-left: solid 1px #B1C4E2;
	border-right: solid 1px #6699CC;
	border-top: solid 1px #B1C4E2;
	font-family: Arial;
	font-size: 10px;
}

.form-text {
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	font-family: Arial;
	font-size: 80%;
}

.tree-js-pop-up DIV {
	background-color: LightGrey;
	border: 2px Outset White;
	padding: 4;
	position: absolute;
	visibility: hidden;
	z-index: 10;
}

/* Alpha */

.alpha {
	background-color: #6699CC;
}

.alpha-gradient {
	background: url(/html/themes/cf/color_schemes/01/portlet_title_bg_gradient.gif) repeat-x;
}

.alpha-neg-alert {
	color: #FF0000;
}

.alpha-pos-alert {
	color: #007F00;
}

.alpha-separator {
	background: url(/html/themes/cf/color_schemes/01/portlet_title_bg_x.gif) repeat-x bottom;
	border-bottom: none;
	padding: 1px;
}

A.alpha {
	background: none;
	color: #000000;
	text-decoration: none;
}

A.alpha:hover {
	color: #000000;
	text-decoration: underline;
}

FONT.alpha {
	background: none;
	color: #4A517D;
	font-family: Tahoma, Arial;
}

/* Beta */

.beta {
	background-color: #B6CBEB;
}

.beta-gradient {
	background: url(/html/themes/cf/color_schemes/01/portlet_menu_bg_gradient.gif) repeat-x;
}

.beta-neg-alert {
	color: #FF0000;
}

.beta-pos-alert {
	color: #007F00;
}

.beta-separator {
	background: url(/html/themes/cf/color_schemes/01/portlet_menu_bg_x.gif) repeat-x bottom;
	border-bottom: none;
	padding: 1px;
}

A.beta {
	background: none;
	color: #000000;
	text-decoration: none;
}

A.beta:hover {
	color: #000000;
	text-decoration: underline;
}

FONT.beta {
	background: none;
	color: #000000;
	font-family: Tahoma, Arial;
}

/* Gamma */

.gamma {
	background-color: #FFFFFF;
}

.gamma-gradient {
	background: url(/html/themes/cf/color_schemes/01/portlet_bg_x.gif) repeat-x;
}

.gamma-neg-alert {
	color: #FF0000;
}

.gamma-pos-alert {
	color: #007F00;
}

.gamma-separator {
	background: url(/html/themes/cf/color_schemes/01/gamma_dotted_x.gif) repeat-x bottom;
	border-bottom: none;
	padding: 1px;
}

#gamma-tab {
	border-bottom: 1px solid #B6CBEB;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-right: 0px;
	padding-bottom: 27px;
	padding-left: 0px;
}

#gamma-tab ul, #gamma-tab li {
	background: #FFFFFF;
	border: 1px solid #B6CBEB;
	color: #000000;
	display: inline;
	float: left;
	font-family: Tahoma, Arial;
	font-size: 13px;
	font-weight: normal;
	line-height: 22px;
	list-style-type: none;
	margin-right: 8px;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
}

#gamma-tab ul#current, #gamma-tab li#current {
	background: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	color: #000000;
}

A.gamma {
	background: none;
	color: #000000;
	text-decoration: none;
}

A.gamma:hover {
	color: #000000;
	text-decoration: underline;
}

FONT.gamma {
	background: none;
	color: #000000;
	font-family: Tahoma, Arial;
}

/* Bg */

.bg {
	background-color: #B1C4E2;
}

.bg-neg-alert {
	color: #FF0000;
}

.bg-pos-alert {
	color: #007F00;
}

A.bg {
	background: none;
	color: #000000;
	text-decoration: none;
}

A.bg:hover {
	color: #000000;
	text-decoration: underline;
}

FONT.bg {
	color: #000000;
	font-family: Tahoma, Arial;
}

/******************************************************************************/
/* Liferay Layout CSS                                                         */
/******************************************************************************/

#layout-content-container {
	margin-left: 2px;
}

#layout-outer-side-decoration {
	background-color: none;
	margin-left: auto;
	margin-right: auto;
	width: 767px;
}

#layout-inner-side-decoration {
}

#layout-box {
	background-color: #B1C4E2;
	padding: 0 0 0 0;
	text-align: center;
}

#layout-corner-ul {	
	background: #114F9C url(/html/themes/cf/color_schemes/01/portlet_corner_ul.gif) no-repeat;
	height: 5px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 5px;
}

#layout-corner-ur {
	background: #114F9C url(/html/themes/cf/color_schemes/01/portlet_corner_ur.gif) no-repeat;
	height: 5px;
	overflow: hidden;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 5px;
}

#layout-corner-bl {
	background: #114F9C url(/html/themes/cf/color_schemes/01/portlet_corner_bl.gif) no-repeat;
	height: 5px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 5px;
}

#layout-corner-br {
	background: #114F9C url(/html/themes/cf/color_schemes/01/portlet_corner_br.gif) no-repeat;
	height: 5px;
	overflow: hidden;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 5px;
}

#layout-corner-2-bl {
	background: #114F9C url(/html/themes/cf/images/shadow/left.gif) no-repeat;
	height: 6px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 6px;
}

#layout-corner-2-br {
	background: #114F9C url(/html/themes/cf/images/shadow/right.gif) no-repeat;
	height: 6px;
	overflow: hidden;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 6px;
}

#layout-top-decoration {
	display: none;
	height: 5px;
	position: relative;
	top: 5px;
	width: 100%;
	z-index: 1;
}

#layout-bottom-decoration {
	display: none;
	height: 5px;
	top: -5px;
	position: relative;
	width: 100%;
}

#layout-bottom-decoration-2 {
	display: none;
	background: url(/html/themes/cf/images/shadow/middle.gif) repeat-x;
	height: 6px;
	position: relative;
	top: -5px;
	width: 100%;
}


#bottom-container {
	border: 0;
	clear: both;
	padding: 0;
	text-align: left;
	width: 767;
}

#bottom-content {
	font-family: Verdana, Arial;
	font-size: 6.5pt;
	font-weight: normal;
	vertical-align: bottom;
}

.layout-tab, A.layout-tab {
	color: #000000;
	font-family: Tahoma, Arial;
}

.layout-tab-selected, A.layout-tab-selected {
	background: #6699CC;
	color: #4A517D;
	font-family: Tahoma, Arial;
}

/* Column Layout */

#layout-column_n1 {
	float: left;
	width: 326px;
}

#layout-column_n2 {
	float: left;
	width: 326px;
}

#layout-column_w1 {
	float: left;
	width: 417px;
}

.layout-blank_n1_portlet {
	float: left;
	font-size: 1px;
	height: 1px;
	width: 326px;
}

.layout-blank_n2_portlet {
	float: left;
	font-size: 1px;
	height: 1px;
	width: 326px;
}

.layout-blank_w1_portlet {
	float: left;
	font-size: 1px;
	height: 1px;
	width: 417px;
}

.layout-margin-div {
	float: left;
	height: 1px;
	
	
	
		width: 10px;
	
	
	
}

#layout-bottom-container {
	clear: both;
	font-family: Verdana, Arial;
	font-size: 7pt;
	font-weight: normal;
	text-align: left;
	width: 767px;
}

.layout-add-select-style {
	font-family: Verdana, Arial;
	font-size: 7pt;
	font-weight: normal;
	
}

#layout-add_n1	{
	float: left;
	width: 326px;
	visibility: hidden;
}

#layout-add_n2 {
	float: left;
	width: 326px;
	visibility: hidden;
}

#layout-add_w1	{
	float: left;
	width: 417px;
	visibility: hidden;
}

/******************************************************************************/
/* Portlet CSS                                                                */
/******************************************************************************/

/* Liferay Portlet */

.portlet-container {
	margin-top: -15px;
	margin-left: 5px;
	margin-right: 3px;
	margin-bottom: 4px;
		
	
}

.portlet-box {
	background-color: #FFFFFF;
	border: 0px solid #6699CC;
	height:auto;
	
	padding: 15px 0 0 0;
	font-family: Verdana, Tahoma, Arial;
	font-size: 7pt;
}

.portlet-minimum-height {
	
}

.portlet-header-bar {
	background-color: none;
	position: relative;
	top: 9px;
	z-index: 2;
}

.portlet-title {
	background: #6699CC url(/html/themes/cf/color_schemes/01/portlet_title_bg_gradient.gif) repeat-x;
	color: #4A517D;
	font-family: Tahoma, Arial;
	height: 27px;
	left: 10px;
	padding: 0px 3px 0px 3px;
	position: absolute;
}

.portlet-menu {
	background: #B6CBEB url(/html/themes/cf/color_schemes/01/portlet_menu_bg_gradient.gif) repeat-x;
	color: #000000;
	font-family: Tahoma, Arial;
	height: 27px;
	left: 10px;
	padding: 5px 3px 0px 3px;
	position: absolute;
}

.portlet-small-icon-bar {
	height: 1em;
	padding-right: 10px;
	position:relative;
	text-align: right;
	top: 6px;
	
}

.portlet-small-icon {
	height: 14px;
	margin: -1px;
	width: 14px;
}

.portlet-corner-ul {
	background: #ffffff;
	height: 5px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 5px;
}

.portlet-corner-ur {
	background: #ffffff;
	height: 5px;
	overflow: hidden;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 5px;
}

.portlet-corner-bl {
	background: #ffffff;
	height: 5px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 5px;
}

.portlet-corner-br {
	background: #ffffff;
	height: 5px;
	overflow: hidden;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 5px;
}

.portlet-corner-2-bl {
	background: #B1C4E2 url(/html/themes/cf/images/cf/p_alareuna1.gif) no-repeat;
	height: 10px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 11px;
}

.portlet-corner-2-br {
	background: #B1C4E2 url(/html/themes/cf/images/cf/p_alareuna3.gif) no-repeat;
	height: 10px;
	overflow: hidden;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 11px;
}

.portlet-top-decoration {
	height: 5px;
	position: relative;
	top: 5px;
	width: 100%;
	z-index: 1;
}

.portlet-inner-top {
	margin: 0 auto 0 auto;
}

.portlet-bottom-blank {
	margin-bottom: 5px;
}

.portlet-bottom-decoration {
	height: 5px;
	position: relative;
	top: -11px;
	width: 100%;
	z-index: 2;
}

.portlet-bottom-decoration-2 {
	background: url(/html/themes/cf/images/cf/p_alareuna2.gif) repeat-x;
	height: 10px;
	position: relative;
	top: 0px;
	width: 100%;
}

/* Fonts */

.portlet-font {
	color: #000000;
	font-family: Verdana, Tahoma, Arial;
	font-size: 7pt;
}

.portlet-font A {
	color: #000000;
}

.portlet-font-dim {
	color: #C4C4C4;
	font-family: Tahoma, Arial;
	font-size: medium;
}

/* Messages */

.portlet-msg-status {
	color: #000000;
	font-family: Tahoma, Arial;
	font-size: medium;
	font-style: italic;
}

.portlet-msg-info {
	color: #000000;
	font-family: Tahoma, Arial;
	font-size: medium;
}

.portlet-msg-error {
	color: #FF0000;
	font-family: Tahoma, Arial;
	font-size: medium;
}

.portlet-msg-alert {
	color: #FF0000;
	font-family: Tahoma, Arial;
	font-size: medium;
	font-style: italic;
}

.portlet-msg-success {
	color: #007F00;
	font-family: Tahoma, Arial;
	font-size: medium;
}

/* Sections */

.portlet-section-header {
	color: #596171;
	background: #AFBEDA;
	font-family: Verdana, Tahoma, Arial;
	font-size: 7pt;
}

.portlet-section-header A {
	color: #596171;
}

.portlet-section-body {
	color: #3F3F3F;
	background: #EAF2FF;
	font-family: Verdana, Tahoma, Arial;
	font-size: 7pt;
}

.portlet-section-body-hover, TR.portlet-section-body:hover {
	color: #FFFFFF;
	background: #5274AE;
	font-family: Verdana, Tahoma, Arial;
	font-size: 7pt;
}

.portlet-section-body A {
	color: #3F3F3F;
}

.portlet-section-body-hover A, TR.portlet-section-body:hover A {
	color: #FFFFFF;
}

.portlet-section-alternate {
	color: #3F3F3F;
	background: #DBE1ED;
	font-family: Verdana, Tahoma, Arial;
	font-size: 7pt;
}

.portlet-section-alternate-hover, TR.portlet-section-alternate:hover {
	color: #FFFFFF;
	background: #5274AE;
	font-family: Verdana, Tahoma, Arial;
	font-size: 7pt;
}

.portlet-section-alternate A {
	color: #3F3F3F;
}

.portlet-section-alternate-hover A, TR.portlet-section-alternate:hover A {
	color: #FFFFFF;
}

.portlet-section-selected {
	color: #7AA0EC;
	background: #FAFCFE;
	font-family: Verdana, Tahoma, Arial;
	font-size: 7pt;
}

.portlet-section-selected-hover, TR.portlet-section-selected:hover {
	color: #00329A;
	background: #C0D2F7;
	font-family: Verdana, Tahoma, Arial;
	font-size: 7pt;
}

.portlet-section-selected A {
	color: #7AA0EC;
}

.portlet-section-selected-hover A, TR.portlet-section-selected:hover A {
	color: #00329A;
}

.portlet-section-subheader {
	color: #405278;
	background: #91AEE8;
	font-family: Tahoma, Arial;
	font-size: medium;
}

.portlet-section-footer {
	color: #000000;
	font-family: Tahoma, Arial;
	font-size: medium;
}

.portlet-section-text {
	color: #000000;
	font-family: Tahoma, Arial;
	font-size: medium;
}

/* Forms */

.portlet-form-label {
	color: #000000;
	font-family: Tahoma, Arial;
	font-size: medium;
}

.portlet-form-input-field {
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	font-family: Arial;
	font-size: 80%;
}

.portlet-form-button {
	background: url(/html/themes/cf/color_schemes/01/button_gradient.gif) repeat-x;
	border-color: #6699CC;
	border-style: solid;
	border-width: 1px;
	font-family: Arial;
	font-size: 10px;
}

.portlet-icon-label {
	color: #000000;
	font-family: Tahoma, Arial;
	font-size: small;
}

.portlet-dlg-icon-label {
	color: #000000;
	font-family: Tahoma, Arial;
	font-size: small;
}

.portlet-form-field-label {
	color: #000000;
	font-family: Tahoma, Arial;
	font-size: medium;
}

.portlet-form-field {
	color: #000000;
	font-family: Tahoma, Arial;
	font-size: medium;
}

/******************************************************************************/
/* Navigation Portlet                                                         */
/******************************************************************************/

.portlet-navigation-menu {
	margin: 10px 0 10px 15px;
	padding: 0px;
	font-family: Arial;
	font-size: x-small;
	text-align: left;
}

.portlet-navigation-menu UL {
	margin: 0 0 0 5px;
	padding: 0px 0 0 15px;
}


/******************************************************************************/
/* Display Tag Library                                                        */
/******************************************************************************/

TR.even { background-color: #B6CBEB; color: #000000; font-family: Tahoma, Arial; }

TR.odd { background-color: #FFFFFF; color: #000000; font-family: Tahoma, Arial; }

/******************************************************************************/
/* CF Specific                                                                */
/******************************************************************************/


#cf-top-table {
	background: #114F9C url(/html/themes/cf/images/cf/top.gif) no-repeat;
}

#layout-ultra-bottom {
	text-align: center;
	margin-top: 7px;
}

.ultra-bottom-style a {
	color: #ffffff;
	font-family: Verdana, Tahoma, Arial;
	font-size: 6.5pt;
	font-weight: bold;
}

.ultra-bottom-style {
	color: #ffffff;
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	font-weight: bold;
}

.cf-portlet-font {
	color: #205692;
	font-family: Verdana, Tahoma, Arial;
	font-size: 7pt;
}

.cf-portlet-bold {
	color: #205692;
	font-family: Verdana, Tahoma, Arial;
	font-weight: bold;
	font-size: 7pt;
}

a.cf-portlet-link {
	color: #B9362E;
	font-family: Verdana, Tahoma, Arial;
	font-size: 7pt;
}

a.cf-portlet-alphabetlink {
	color: #B9362E;
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
}

.cf-portlet-alphabetbold {
	color: #205692;
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	font-weight: bold;
}

a.cf-portlet-linkbold {
	color: #205692;
	font-family: Verdana, Tahoma, Arial;
	font-size: 7pt;
	font-weight: bold;
}

.cf-banner-font {
	color: #ffffff;
	font-family: Verdana, Tahoma, Arial;
	font-weight: bold;
	font-size: 12pt;
}

div.rounded {
 width: 280px;
 background: #ffffff url(/html/themes/cf/images/cf/kulma2.gif) no-repeat top right;
}
div.rounded div {
 background: transparent url(/html/themes/cf/images/cf/kulma.gif) no-repeat top left;
}
div.rounded div div {
 background: transparent url(/html/themes/cf/images/cf/kulma4.gif) no-repeat bottom right;
}
div.rounded div div div {
 background: transparent url(/html/themes/cf/images/cf/kulma3.gif) no-repeat bottom left;
 padding: 1px;
}

#redbg {
	background: #B9362E;
}

#whitebg {
	background: #ffffff;
}

#menu-redbg {background: transparent url(/html/themes/cf/images/cf/valikko/punainen_keski.gif) repeat-x;}

.cf-portlet-boldred {
	color: #B9362E;
	font-family: Verdana, Tahoma, Arial;
	font-weight: bold;
	font-size: 8pt;
}

#cf-margin {position:absolute; left: 100}
