/************************************************************************************/
/*  File:       formelements.asp
/*  Author:     Henric oeberg, Cell Network AS
/*  Created:    13 November 2000 
/*  Comment:    Affects form elements such as; textfields, listboxes, 
/*              textareas, buttons, etc.
/*  Note:       This stylesheet is exclusive for the design function used 
                in TRAFFIC. Do not use the classes individually!
/*  Supports:   Windows(IE4/IE5/IE5.5) Mac(IE5)

FORM {
	display				:	inline
}

/* ---------------------------------------------------------------------------------*/
/* Element: FormTitleSmall (header above a form-section)                                             
/* ---------------------------------------------------------------------------------*/
.Formelements-FormLabel {
    font-size           :   x-small;
    font-weight         :   bold;
    margin-bottom       :   5px
}

/* ---------------------------------------------------------------------------------*/
/* Label on formFunctions (header on textfields, textareas, select, Treeview etc.)                    
/* ---------------------------------------------------------------------------------*/
.Formelements-FieldLabel, .Formelements-FieldLabelTime, .Formelements-TreeviewLabel {
    font-size           :   xx-small;
    color               :   #FFFFFF;
    text-indent         :   2px;
    border              :   1px inset;
    padding-bottom      :   1px;
    background          :   #888888;
}
.Formelements-FieldLabel, .Formelements-FieldLabelTime {
    margin-right        :   10px;
    margin-top          :   5px
}
.Formelements-FieldLabelTime {
    margin-right        :   0px;
}
.Formelements-TreeviewLabel, .Formelements-IframeTreeview {
    border              :   1px inset silver;
    margin-bottom       :   -1px
}
.Formelements-IframeTreeview {
    width               :   100%;
    margin-right        :   2px
}
.Formelements-reqField {
	float				:	right;
	margin-top			:	4px;
	margin-right		:	5px
}
IMG.Formelements-datePickerIcon {
	float				:	right;
	margin-top			:	1px;
	margin-right		:	3px;
	cursor				:	hand
}

/* ---------------------------------------------------------------------------------*/
/* Element: FormArea (textarea) and FormField (text- or password field)          
/* ---------------------------------------------------------------------------------*/
.Formelements-Textarea, .Formelements-Textfield, .Formelements-Select, .Formelements-CustomList, .Formelements-ImagePreview {
    margin-right        :   10px;
    margin-bottom       :   5px;
	margin-top			:	-2px;
    padding-top         :   1px;
    padding-left        :   3px;
    padding-right       :   3px;
    background          :   #FFFFFF;
    color               :   #000000
}
.Formelements-TextfieldTime {
    margin-right        :   0px;
    margin-bottom       :   5px;
	margin-top			:	-2px;
    padding-top         :   1px;
    padding-left        :   3px;
    padding-right       :   3px;
    background          :   #FFFFFF;
    color               :   #000000
}
.Formelements-Select {
	margin-top			:	-1px;
}
.Formelements-Textarea, .Formelements-CustomList, .Formelements-ImagePreview {
    overflow            :   auto
}
.Formelements-ImagePreview {
    padding             :   5px;
    border              :   2px inset
}

/* ---------------------------------------------------------------------------------*/
/* Element: fnControlPanel_Item (item on control panel)                                                   
/* ---------------------------------------------------------------------------------*/
.Formelements-PanelItem {
  table-layout			:	fixed;
	width							:	100px;
  height						: 70px;
	margin-right			:	5px;
	margin-bottom			:	10px;
	float							:	left;
	cursor						:	hand;
  text-align        :	center
}
.Formelements-PanelItemLabel, .Formelements-PanelItemLabel:visited {
    color               :   #000000;
    margin-top          :   3px
}

/* ---------------------------------------------------------------------------------*/
/* Element: fnWindowToolbarItem (Item on toolbar inside popUp windows)                                                   
/* ---------------------------------------------------------------------------------*/
.Formelements-WindowToolbarBackground {
    background          :   #E7E7E7;
    padding             :   3px
}
.Formelements-WindowToolbarItem, .Formelements-WindowToolbarItemActive, .Formelements-WindowToolbarItemActivePressed {
    width               :   55px;
    margin-right  	    :	2px;
	cursor			    :	hand;
    text-align          :   center
}
.Formelements-WindowToolbarItem {
    padding             :   3px
}
.Formelements-WindowToolbarItemActive {
    padding             :   2px;
    border              :   1px ridge
}
.Formelements-WindowToolbarItemActivePressed {
    padding             :   2px;
    border              :   1px groove
}
.Formelements-WindowToolbarItemLabel {
    font-size           :   11px;
    color               :   #000000;
    margin-top          :   1px
}

/* ---------------------------------------------------------------------------------*/
/* Element: FormButton                                                            
/* ---------------------------------------------------------------------------------*/
.Formelements-Button {
    font-size           :   x-small;
    width               :   110px;
	
	margin-top			:	17px;
    margin-right        :   10px
	
}
.Formelements-ButtonGreen, .Formelements-ButtonRed, .Formelements-ButtonBlue {
	
    margin-right        :   10px;
    margin-top          :   14px
}
.Formelements-ButtonGreen {
    border-color        :   #66CC66
}
.Formelements-ButtonRed {
    border-color        :   #CC0000
}
.Formelements-ButtonBlue {
    border-color        :   #0066CC
}

/* ---------------------------------------------------------------------------------*/
/* Element: FormRadiobox (Checkbox and Radiobutton item)                                                          
/* ---------------------------------------------------------------------------------*/
.Formelements-RadioCheckItem {
    cursor              :   hand;
    float               :   left
}
.Formelements-RadioCheck {
    margin-top          :   -2px;
    margin-left         :   -3px;
    margin-right		:	4px
}

/* ---------------------------------------------------------------------------------*/
/* Element: CustomList (Custom selectlist, supports icon, checkboxes etc.)                                                          
/* ---------------------------------------------------------------------------------*/
.Formelements-CustomList {
    padding             :   0px;
    border              :   2px inset
}
.Formelements-CustomListItemLabel {
    font-family         :   sans-serif, verdana;
    font-size           :   x-small
}
.Formelements-ListRow {
	color				:	#000000;
	background	 		:	#FFFFFF;
    cursor              :   hand;
    padding-left        :   4px
}
.Formelements-ListRowSelected {
	color				:	#FFFFFF;
	background	 		:	NAVY;
    cursor              :   hand;
    padding-left        :   4px
}
.Formelements-CustomListIcon {
    margin-right        :   4px
}
.Formelements-CustomListCheckbox {
    float               :   left;
    margin-right        :   3px;
    position            :   relative;
    top                 :   -2px
}
    
/* ---------------------------------------------------------------------------------*/
/* Treeview toolbar (contains the tools available for the treeview. Add, Delete etc.)
/* ---------------------------------------------------------------------------------*/
.Formelements-ToolbarArea {
    background          :   #E7E7E7;
    padding             :   3px;
    padding-bottom      :   3px;
/*  border-left         :   1px solid #000000;
    border-top          :   1px solid #000000;
    border-right        :   1px solid #000000  */
}
.Formelements-ToolSeparator {
    margin-right        :   5px;
    margin-left         :   5px
}