/*********************************************************************************
                        FONS Style sheet
                        ms.css
**********************************************************************************/
/****************************************************************************/
BODY          { 
  background-image: url(../fons_pics/ms/bg-teaktaus.jpg);
  background-repeat: repeat;
  background-position: 0% 0%;
font-family:Verdana; font-size:11px; 
   	    overflow:       	auto;
} 
BODY a:link     { color: navy; text-decoration:none; }
BODY a:visited  { color: navy; text-decoration:none; }
BODY a:hover    { color: blue; text-decoration:underline; }
BODY a:active   { color: blue; text-decoration:underline; }
H1            * { font-size: 13px; font-weight: bold; } 
H2            * { font-size: 12px; font-weight: bold; } 

/*START:the global ui framework*/

/*logo on top left & right corners of the display*/

div.logo {
        position:    absolute;
        left:        0px;
        top:         0px;
        width:       100%;
        height:      80px;
	z-index:	 1;
}
div.logo_left {
        position:    absolute;
        left:        10px;
        top:         17px;
        width:       175px;
 		z-index:	 1;
    	text-align:center;
    	margin-bottom:0px;

		border:	0; 
		height:	62px;
}

div.logo_right {
        position:    absolute;
        right:       18px;
        width:       71px;
		z-index:	 1;
    	text-align:center;
    	margin-top:15px;
    	margin-bottom:0px;
}
/*module navigator on top*/
div.modnavi {
        position:    absolute;
        top:         35px;
        left:        185px;
        width:       20px;
		z-index:	 3;
}
/***************************************************/
/* style settings for the module navigator area    */
/***************************************************/
td.modnavi {
			position: relative;
        text-align:     center;
        font-family: arial;
        font-size: 11px;
        font-weight: bold;
        border:         none;
	background: url('../fons_pics/ms/modnavi_button_background.gif') repeat-X center;

	
}

td.modnavi_selected {
        text-align:     center;
        font-family: Arial;
        font-size: 11px;
        font-weight: bold;
        border:         none;
	background: url('../fons_pics/ms/modnavi_button_selected_background.gif') repeat-X center;

}
td.modnavi_side {
	padding-left: 0px;
	padding-right: 0px;
}

td.modnavi_side img{ 
			position: relative; 
			border:	0px; 
			top: 1px;
			}

.modnavi a:link                 { color: #000000; text-decoration:none; } 
.modnavi a:visited              { color: #000000; text-decoration:none; }    
.modnavi a:hover                { color: #000000;text-decoration:none; }

.modnavi_selected a:link                 { color: #FFFFFF; text-decoration:none; } 
.modnavi_selected a:visited              { color: #FFFFFF; text-decoration:none; }  
.modnavi_selected a:hover                { color: #FFFFFF;text-decoration:none; }



/*actionbar is beneath module navigator*/

div.actionbar {
        position:    relative;
	left: 0px;
        z-index:     2;
  	background-image: url(../fons_pics/ms/action-bar-background.jpg);
	background-repeat: repeat;
	text-align:		left;
}

/***************************************************/
/* actionbar related style settings                */
/***************************************************/
.actionbar a      {
			position: relative; 
			border:	0px; 
			top: 5px;
		color: black;
		text-decoration:none;
		font-size: 9px;
		font-weight: bold;
		padding-right: 3px;	
}

.actionbar a img     {
	margin-bottom: 3px;
	 vertical-align: middle;
}

.actionbar a:link {
			position: relative; 
			border:	0px; 
			top: 5px;
		color: black;
		text-decoration:none;
		font-size: 9px;
		font-weight: bold;
		padding-right: 3px;
}
.actionbar a:visited {
			position: relative; 
			border:	0px; 
			top: 5px;
		color: black;
		text-decoration:none;
		font-size: 9px;
		font-weight: bold;
		padding-right: 3px;
}
.actionbar a:hover    {
			position: relative; 
			border:	0px; 
			top: 5px;
		color: black;
		text-decoration:none;
		font-size: 9px;
		font-weight: bold;
		line-height:17px;
			display: inline-block;
}
.actionbar img{ 
			position: relative; 
			border:	0px; 
			bottom: 3px;
			height: 23px;
			}
/*navigator on the left*/
div.navi
{
		position:    absolute;
		left:        27px;
		top:         90px;

		width:       142px;
	        z-index:     3;
		text-align: center;
		overflow:	hidden;
		padding-right:	2px;
		height:	100%;
}

navi.form	{	margin-left:	0px;	}

div.mainframe {
        position:    absolute;
        top:         90px;
        left:        185px;
        bottom:	50px;
		right:	22px;	
        z-index:     4;

}
div.view {background-color: white;}

/*footer comes to the end of page*/

div.footer {
        position:    absolute;
	bottom:	0px;
		vertical-align:bottom;
        right:       40px;
	height: 40px;
  	background: transparent;
	overflow:	visible;
	color:	white;
	z-index: 10;
}


/*END:the global ui framework*/

/* FIXME global td kludge for view */
.view * th { 
		text-align: left; 
		vertical-align:top;
		font-size:	11px;
		}
.view * td { 
		text-align: left; 
		vertical-align:top;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
		font-size:	11px;
		}

/***************************************************/
/* style settings for header area of the view      */
/***************************************************/
div.header {
		position: static;

  		background-color: #B3C7E8;
		font-weight:	bold;
		font-size:	11px;
		padding-bottom: 1px;
	border-right: solid #b3c7e8 1px;
	border-left: solid #b3c7e8 1px;
}
.warning { background-color: red;
			color: white;
		font-size:	12px;
		padding: 5px;
}

/***************************************************/
/* style settings for data area of the view        */
/***************************************************/
div.data {
	    position:			relative;
 	    left:				0px;
	    bottom: 		0px;
    	    overflow:       	auto;
	    margin-top: 	2px;
	    padding-bottom: 	0px;
background-color: #FFFFFF;
 width:	100%;
}

.data table { padding-top: 0px; padding-bottom: 5px; padding-left: 5px; text-align:center;}
.data th { text-align: left; 		padding-bottom: 4px;}
.data td { text-align: left; }

.frontpic td { 
	    vertical-align: bottom;
}

/***************************************************/
/* style settings for the navigator area           */
/***************************************************/
p.navi							{
									text-decoration: none;
									color: #000000;
									background-color: #FFFFFF;
								}
p.navi a:link					{
									text-decoration: none;
									color: #000000;
									position: relative;
									top: 5px;
									left: 2px;
}
p.navi a:visited				{
									text-decoration: none;
									color: #000000;
									position: relative;
									top: 5px;
								}
p.navi a:hover					{
									text-decoration: none;
									color: #000000;
									font-weight: bold;
									position: relative;
									top: 5px;
								}
p.main							{
									height: 26px;
									width: 142px;
									background: url('../fons_pics/ms/navibar_background.jpg') no-repeat center;
							    	padding-top:0px;
							    	padding-bottom:0px;
							    	margin-top:0px;
							    	margin-bottom:0px;
        							font-family:Arial;
									font-weight: bold;
									font-size: 12px;
									text-align: center;
    								text-transform: uppercase;
								}

p.mainselected							{
									background: url('../fons_pics/ms/navibar_background_sel.jpg') no-repeat center;
        							font-family:Arial;
									font-weight: bold;
									color: #FFFFFF;
								}
p.searchtitle							{
									height: 12px;
									width: 138px;
									background-color: #B3C7E8;	
									padding-top: 5px;
									padding-bottom: 8px;
							    	margin-bottom: 3px;
        							font-family:Arial;
									font-weight: bold;
									font-size: 12px;
									text-align: center;
    								text-transform: uppercase;
									border: solid #b3c7e8 1px;

								}
p.sub							{
									font-size: 12px;
									margin-left: 1px;
									margin-right: 1px;
									margin-top: 0px;
									margin-bottom: 0px;
									color: #000000; 
									background-color: #FFFFFF;
									padding-top: 0px;
									padding-bottom: 10px;
									text-align:	left;
								}
p.sub_title						{
									font-size: 12px;
									margin-left: 3px;
									margin-top: 4px;
									margin-bottom: 4px;						
									text-decoration: underline;
								}
p.selected						{
									color: #FFFFFF;
									background-color: #EEB52B;
								}
p.selected a:link				{
									text-decoration: none;
									color: #FFFFFF;
									font-weight: bold;
								}
p.selected a:visited			{
									text-decoration: none;
									color: #FFFFFF; 
									font-weight: bold;
								}
p.selected a:hover				{
									text-decoration: none;
									color: #FFFFFF; 
									font-weight: bold;
								}




/* FIXME global th kludge */
th {
	    padding-left: 0px;
		padding-top: 0px;
	    padding-right: 0px;
    	padding-bottom: 0px;
	    vertical-align:top;
}


/****************************************************************************/
/*Stuff for bem forms*/

table.input_form_embedded	{	padding:	0px;	}

table.input_form	th {
						text-align:	left;
						padding-left:	5px;
					}

.input_field_name		{	
					width: 80px;
					padding-right: 2px;
					padding:0;
 				}
.input_field_data		{	
					width: 300px;
					padding-right: 2px;
					padding:0; 	
				}

td.input_field_data	{ text-align:left;	}
			
.formfield					{
									padding-top: 0px;
									padding-bottom: 0px;
									width:250px;
							}

.width100perc					{	width:100%; }
span.formfield		{font-size: 11px; padding: 2px;}
span.width100perc		{font-size: 11px;padding-left: 5px;}

.required {	background: #FEE0C6;	}

.section_title				{
									padding-left: 5px;
									padding-top: 0px;
									padding-right: 5px;
									padding-bottom: 0px;
									vertical-align: top;
									text-decoration: underline;				
									background: #B3C7E8;
									font-weight:	bold;
				}
th.section_title				{
									text-align: left;				
				}
/****************************************************************************/


td.task_text					{
									padding-left: 3px;
								}

button.taskdatepicker			{
									text-align:center;
									padding-right:0px;
									padding-left:0px;
									padding-top:5px;
									padding-bottom:5px;
								}






/**************************************************************/
/*    selector window related style stuff                     */
/**************************************************************/

div.selectorheader {
        position:       absolute;
        top:            15px;
        left:           0px;
        font-family:	verdana;
        font-size:	12px;
        font-weight:    bold;
        padding-top:    23px;
        padding-left:	20px;

}

div.selectorresults {
        position:       absolute;
        overflow:		visible;
        top:            100px;
        left:           0px;
        width:			100%
}
.selectorresults table 	{	width:		100%;	padding: 2px;}


/**************************************************************/
/*    admin / core related style stuff                        */
/**************************************************************/

.coreColFirst					{
									padding-left:7px;
								}
.coreColUser					{
									width:120px;
								}					

			
.coreColYesNo					{
									width:80px;
								}
.coreColIp						{
									width:100px;
								}
.coreColDate					{
									width:140px;
								}					

			

/**************************************************************/
/*    Search function related style stuff                     */
/**************************************************************/

table.adv_search_form_elems	{
margin-top:	10px;
margin-left:	28px;
border:	0px;
border-color:	red;
border-style:	solid;
border-collapse:	collapse;
}

td.noborders		{
font-size:	12px;
font-weight:	bold;
border:	0px solid black;
padding-right:	10px;
padding-left:	20px;
padding-top:	17px;
padding-bottom:	13px;
text-align: center;
}

td.noborders * {
vertical-align:	bottom;
}

td.upperhalfborders	{
font-size:	12px;
font-weight:	bold;

border-top:	1px solid black;
border-bottom:	0px solid black;
padding-right:	15px;
padding-left:	10px;
padding-top:	17px;
padding-bottom:	6px;
vertical-align:	middle;
text-align: center;
}

td.lowerhalfborders	{
font-size:	12px;
font-weight:	bold;

border-top:	0px solid black;
border-bottom:	1px solid black;
padding-right:	10px;
padding-left:	10px;
padding-top:	6px;
padding-bottom:	13px;
vertical-align:	middle;
text-align: center;
}


td.fullborders	{
	font-size:			12px;
	font-weight:		bold;
border-top:		1px solid black;
border-bottom:	1px solid black;
	padding-right:		10px;
	padding-left:		10px;
	padding-top:		10px;
	padding-bottom:		10px;
	vertical-align:		middle;
text-align: center;
}

/**************************************************************/
/*    Submit related style stuff                              */
/**************************************************************/
div.submit 	{
			position:       relative;
			padding-left:   50px;
			bottom:         0px;
			border:         none;
									
		}

/*******************************************************/
/*    revision related style stuff                     */
/*******************************************************/
div.revision					{
									position:		

absolute;
									right:			

0px;
									top:			

26px;
									border-style:	solid;
									border:			

1px;
									
									background-color: 

#B3C7E8;
					z-index: 3;
				text-align: right;
								}
div.revision_rows				{
									background-color: 

#B3C7E8;
								}
table.revdata					{
									border-style: solid;
									border-color: black;
									overflow: hidden;
									border-width: 1px 1px 

1px 1px;
								}

/****************************************************************************/

table.list			{ 	width: 100%;font-size: 11px;}
.list table			{ 	width: 100%;font-size: 11px;}
.list td			{ 	vertical-align: top;		border-bottom: solid #D8DDE1 1px;	}
.list tr.currentRow	{	background: #CCFFFF;	}
.list tr.clickedRow	{	background: #B3C7E8;	}

.grplistheader td 	{ 	border-bottom: solid #D8DDE1 1px;}
.grplistheader th 	{ text-align: left;}

.core td 	{ 	border-bottom: solid #D8DDE1 1px;}
.core th 	{ 	padding-top:		5px;
				padding-bottom:		5px;
				background: #B3C7E8;
				text-align: left;
			}

.important {         color:      black;
                    background: #FFFFFF;
                    font-weight: bold;
                    padding-top: 2px;
                    padding-bottom: 2px;
        }
.important_name {     background: #B3C7E8;
                    text-decoration:underline;
        }


/***********************************************************/
/****************** SKU changes above    *******************/
/***********************************************************/


/****************************************************************************/

th.noborder                         { border: none;}
.noborder th                        { border: none;}

/****************************************************************************/


/****************************************************************************/

.logout                         { color: white;}
.logout a:link                  { color: white; text-decoration:none; }     
.logout a:visited               { color: white; text-decoration:none; }     
.logout a:hover                 { color:white; text-decoration:underline; }


/*---------------------------------------------*/

p.noResultsToShow				{
									width:50%;
									margin-left:15px;
									margin-top:12px;
									font-weight:bold;
									font-size:10px;
									border-left:13px;
								}

/* This is applied to both <p> and <table> */
.page_title						{
									margin-left:0px;
									margin-top:0px;
									font-size:15px;
									font-weight:bold;
									padding: 0px;
									padding-top: 0px;
									padding-left: 5px;
									text-align: left;
								}
.page_title_small				{
									margin-left:8px;
									margin-top:2px;
									font-size:10px;
									font-weight:normal;
									padding: 2px;
									padding-top: 8px;
									text-align: left;
								}					

			
table.view_head                 {
									width: 640px;			

			

	
								}
.view_head_c1					{
									width: 110px;
									font-weight: bold;
								}
.view_head_c3					{
									width: 170px;
									font-weight: bold;
								}
td.view_head_data				{
									padding-top: 0px;
									font-weight: normal;
								}
td.view_nav_arrows				{
									vertical-align: middle;
								}
								
						
/****************************************************************************/
/*  Email-printing related style stuff
/****************************************************************************/

table.email_links				{
									margin-bottom: 14px;
								}
table.email_links th			{
									padding-left: 8px;
									padding-top: 3px;
									padding-bottom: 3px;
									vertical-align: top;
									text-align: left;
								}
table.email_links td			{
									padding-left: 8px;
									padding-top: 3px;
									padding-bottom: 3px;
									vertical-align: top;
									text-align: left;
}
/****************************************************************************/
/*  AdvancedSearch related style stuff
/****************************************************************************/
div.advSearchMessageBox			{
									margin-left: 30px;
									width: 60%;
									border: 1px;
}

ul.advSearchError				{
									margin-left: 20px;
									margin-top: 20px;
									margin-right: 30px;
									margin-bottom: 20px;
									color: red;
								}
p.advSearchError				{
									margin-left: 20px;
									margin-top: 20px;
									margin-right: 30px;
									margin-bottom: 20px;
									font-weight:bold;
									color: red;
								}
ul.humanReadableSearch			{
									margin-left: 20px;
									margin-top: 20px;
									margin-right: 30px;
									margin-bottom: 20px;
									color: black;
								}
p.humanReadableSearch			{
									margin-left: 20px;
									margin-top: 20px;
									margin-right: 30px;
									margin-bottom: 20px;
									font-weight:bold;
									color: black;
								}
div.humanReadableBox 			{
									z-index:		

6;
									position:		

absolute;
									border-style:	solid;
									border:			

1px;
									background-color: 

#FFFFFF;
								}

/****************************************************************************/
/*  interleaves (or tabs as they are in css)                             	*/
/****************************************************************************/

/* all tabs are in one div classed tabs */
div.tabs {
        position:       relative;
		top: 0px;
        vertical-align: top;
        padding-bottom: 5px;
	background: #B3C7E8;
	border-right: solid #b3c7e8 1px;
	border-left: solid #b3c7e8 1px;
}

/* generic for all tabs */
div.tabs div {
        margin-top:		3px;
        margin-right:	4px;
        margin-bottom:	0px;
        margin-left:	4px;
        font-size:		12px;
        font-weight:	bold;
        display:		inline;
        padding-top:		0px;
        padding-bottom:		2px;
        padding-left:		5px;
        padding-right:		5px;
		height:			20px;
		overflow:		hidden;
	border-left: solid #FFFFFF 1px;
	border-top: solid #FFFFFF 1px;
	border-right: solid #FFFFFF 1px;
}

/* tab not selected and mouse over action */
.tab {
        background: #D7EBFF;
}

a.tab:link {
		color: #000000;
		text-decoration: none;
}
a.tab:visited {
		color: #000000;
		text-decoration: none;
}
.tab a:active {
		color: #000000;
		text-decoration: none;
}
.tab a:link {
		color: #000000;
		text-decoration: none;
}
.tab a:visited {
		color: #000000;
		text-decoration: none;
}

/* tab when selected */
.tab-selected {
		color: #FFFFFF;
		text-decoration: none;
        background: #EEB52B;
        cursor:default;
}

.tab-selected a:hover {
        background: #EEB52B;
        cursor:default;
}
.tab-selected a:visited {
		color: #FFFFFF;
		text-decoration: none;
}

.tab-selected a:link {
		color: #FFFFFF;
		text-decoration: none;
}

a.tab:hover {
		color: #000000;
		text-decoration: underline;
}
/* end of tabs */
/*******************
  STUFF FOR SCRIPT CALENDARS
********************/
a.date_link:link {
        color: black;
        text-decoration:none;
}

a.date_link:visited {
        color: black;
        text-decoration:none;
}

a.date_link:hover {
        color:black;
        text-decoration:underline;
}

div.calendar {
        font-size: 8px;
        text-align:center;
        margin-left:0px;
        margin-bottom:8px;
        background-color: transparent; 
}
div.calendar-popup {
        display:        none; 
        position:       absolute; 
        z-index:        30; 
        border:         2px;
        background-color: white; 
}
div.calendar-popup table {
        padding: 1px;
        background-color: #b3c7e8;  
        font-size: 10px;
	    border:         thin solid #000000;
}
div.calendar-popup table td{
        border:         0px;
        padding: 1px;
        text-align:center;
}
div.calendar table {
        font-size: 10px;
		border-color: transparent;
        background-color: #b3c7e8;
}

nobr {
        white-space: pre;
}

#listHeader * th {
		text-align: left;
}
/****************************************************************************/
/*  Home Page related stuff                                             */
/****************************************************************************/
.home-header {
		position: relative;
		font-weight:	bold;
		font-size:	15px;
		width:	708px;
		height:	27px;
		padding-top: 5px;
		margin-bottom:	10px;
}

.home-data {
	    	position:			relative;
	    	left:				0px;
    	    	overflow:       	hidden;
		background: #CCCCCC;
}
.home-data-main	{
				width:	100%;
				margin-bottom: 15px;
}
				
.home-greeting	{
				left:	0px;
				text-align: left;
				padding-left: 8px;
									padding-top: 8px;
				font-weight:	bold;
				font-size:	15px;
}
.home-date	{
				position:	absolute;
				right:	0px;
				padding-right:	10px;
									padding-top: 8px;
				text-align: right;
				font-weight:	bold;
				font-size:	15px;
}

/****************************************************************************/
/*  Common Search (Welcome Page and Kontaktit Module leftside navigators)related style stuff	

*/
/****************************************************************************/
div.common-search			{
									position:       absolute;
									font-size:	12px;
									font-weight:	bold;
									left:           0px;
									bottom:         20px;
}
.common-search form	{
	margin-left: 1px;
	margin-right: 1px;
	background-color: #FFFFFF;	}
								

/*  Embedded Task List related stuff                                             */

div.embedded-task-list	{
				width:	100%;
				margin-top:	20px;
				background:	white;
}
/*************************************
  STUFF FOR TASK CALENDARS VIEWS
**************************************/

table.calendar			{
							width: 100%;
						}

						
strong.day_title{
        font-weight:normal;
}

strong.day_title_today{
        font-weight:bold;
        
}

td.weeknum {
		padding-top:3px;
		font-weight:bold;
}

/*******************
  stuff for CORE module
********************/

td.align2top				{
								vertical-align:top;
							}
td.align2bottom				{
								vertical-align:bottom;
							}
.label
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    line-height: 10px;
    text-transform: uppercase;
}

div.warning	{	padding-left:	5px;	}
div.message	{	padding-left:	5px;	}

div.mainframe * div.result-footer {	
	position: absolute;
	right: 0px;	
	text-align: right;
}
span.sortarrow	img{	border: none;}

/* custom gui elements */
th.btn 		{	width:70px;	text-align: center;}

/*script.aculo.us javascript library*/
div.slider { width:85%; margin:10px 0; background-color:blue; height:10px; position: relative; }
div.slider div.handle { width:10px; height:15px; background-color:cyan; cursor:col-resize; position: absolute; }
div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
  z-index:30;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #B3C7E8;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:4px;
  cursor:pointer;
}
div.autocomplete ol li {
  cursor:pointer;
  margin:0;
  padding:0;
}
div.autocomplete li.selected { background-color: #B3C7E8;}

label {cursor:pointer;}
div.calendar_chart {
  		background-color: #B3C7E8;
  		width:1000px;
}
/* TinyMCE - character count: Adjust the positioning of the character count text. */
label.mce-charactercount {
margin: 2px 0 2px 2px;
padding: 8px;
}
 
/* TinyMCE - character count: Remove the html path code from the status bar. */
.mce-path {
    display: none !important;
}