steam.styles
{
  include "resource/styles/legacycolors.styles"
  include "resource/styles/settings.styles"
  include "resource/styles/jackmyth.styles"
  include "config.ini"
  colors
  {
	//Font Familys
	//TMC2:BeginBaseFont
	basefont="Segoe UI" 
	//TMC2:EndBaseFont
	//TMC2:BeginLight
	light="Segoe UI Light"
	//TMC2:EndLight
	//TMC2:BeginSemiLight
	semilight="Segoe UI Semilight"
	//TMC2:EndSemiLight
	//TMC2:BeginSemiBold
	semibold="Segoe UI Semibold"
	//TMC2:EndSemiBold
	//TMC2:BeginBold
	bold="Segoe UI Bold"
	//TMC2:EndBold
	
	//Standard Element/Text colors ********
	//TODO: Some of these colors arent actually used, fix or remove
	
	Dark =  "241 241 241 255"   
	Neutral = "224 224 224 255" 
	Light = "202 202 202 255"   

	
	//Dark =  "14 14 14 255"
	//Neutral = "31 31 31 255"
	//Light = "43 43 43 255"
	
	DefaultBackground=Neutral

	//DefaultText=white
	DefaultText=black
	DefaultText.Hover="102 102 102 255"
	DefaultText.Disabled="55 55 55 255"
	DefaultText.Selected=Accent.Text
	DefaultText.Back=Accent //For highlighted text
	DefaultCursor=white
		
	Label.Text=DefaultText
	SubLabel.Text="180 180 180 255" //Any label we want to have visual distinction, usually subheaders
	
	URL.Text=Accent
	URL.Hover.Text=DefaultText.Hover

	Page.Back=Neutral
	Page.Tab=Light
	Page.Tab.Active=Accent
	Page.Tab.Hover="78 78 78 255"
	Page.Tab.Active.Hover=Page.Tab.Active
	Page.Tab.Text=DefaultText
	Page.Tab.Active.Text=Accent.Text
	
	List.Back=Dark
	List.Header=Light
	List.Header.Div=Neutral
	List.Page=Dark
	List.Page.Header=Light
	List.Page.Header.Div=Neutral
	List.Text=DefaultText
	List.Header.Text=DefaultText
	List.Header.Text.Hover=DefaultText.Hover
	List.Text.Disabled=DefaultText.Disabled
	
	//Button.Back="51 51 51 255"
	Button.Back=JackMyth.HalfOpacity
	//Button.Page.Back="51 51 51 255"
	Button.Page.Back=Button.Back
	Button.Hover="74 74 74 255"
	Button.Page.Hover="74 74 74 255"
	Button.Active=Accent
	Button.Active.Hover=Accent.Hover
	Button.Disabled=Button.Back
	Button.Text=DefaultText
	Button.Hover.Text=DefaultText
	Button.Active.Text=Accent.Text
	Button.Disabled.Text="109 109 109 255"
	
	Check.Outline="204 204 204 255"
	Check.Outline.Hover=white
	Check.Outline.Disabled="119 119 119 255"
	Check.Active=Accent
	Check.Text=DefaultText
	Check.Text.Hover=DefaultText
	Check.Disabled.Text=DefaultText.Disabled
	
	Radio.Outline="204 204 204 255"
	Radio.Hover.Outline=white
	Radio.Active=Accent
	Radio.Text=DefaultText
	Radio.Text.Hover=DefaultText
	Radio.Disabled.Text=DefaultText.Disabled
	
	//ComboBox.Back="17 17 17 255"
	ComboBox.Back=JackMyth.HalfTranslucent
	ComboBox.Hover=Light
	ComboBox.Outline="119 119 119 255"
	ComboBox.Outline.Hover="153 153 153 255"
	ComboBox.Active=ComboBox.Hover
	ComboBox.Disabled=Button.Back
	ComboBox.Text=DefaultText
	ComboBox.Disabled.Text="110 110 110 255"
	
	Scroll.Back="23 23 23 50"
	Scroll.Bar.Back="69 69 69 255"
	Scroll.Bar.Hover="116 116 116 255"
	Scroll.Bar.Active="162 162 162 255"
	Scroll.Button.Back=Scroll.Back
	Scroll.Button.Hover=Scroll.Bar.Hover
	Scroll.Button.Active=Scroll.Bar.Active
	
	Menu.Back=ComboBox.Hover
	Menu.Button.Hover="96 96 96 170"
	Menu.Button.Active=Accent.Hover
	//Menu.Hover="64 64 64 255"
	Menu.Hover="0 185 255 200"
	Menu.Active=Accent
	Menu.Outline="118 118 118 255"
	Menu.Div="128 128 128 255"
	Menu.Text=DefaultText
	Menu.Disabled.Text=DefaultText.Disabled
	
	Progress.Back=Button.Hover
	
	TextBox.Back=ComboBox.Back
	TextBox.Outline=ComboBox.Outline
	TextBox.Outline.Hover=white
	//TextBox.Active=white
	TextBox.Active=JackMyth.HalfTranslucentInverse
	TextBox.Outline.Active=Accent
	TextBox.Text=TextBox.Outline
	TextBox.Hover.Text=DefaultText
	TextBox.Active.Text=white
	TextBox.Disabled.Text=DefaultText.Disabled
	TextBox.Active.Cursor=white
	
	//Specific Element colors *********
	
	//These are all in accent specific ini now
	//TitleBar="8 8 8 255"
	//TitleBar.Focus="8 8 8 255" //For loss of focus
	Notification.Back="202 202 202 255"
	
	TitleBar.Hover="70 70 70 100" //for buttons on titlebar
	TitleBar.Active="70 70 70 200"
	TitleBar.CloseButton="232 17 35 255" //Special colors for close X
	TitleBar.CloseButton.Active="241 112 122 255"
	Frame.Text="96 96 96 255"
	Frame.Focus.Text=DefaultText
	
	Root.Header = DefaultBackground
	Root.TabBar = Light
	Root.LeftCol = Light //Left Column
	Root.LeftCol.Header= DefaultBackground
	Root.LeftCol.Bottom = DefaultBackground
	//Root.Back = Dark
	Root.Back=Light
	Root.RightCol= JackMyth.HalfTranslucent
	//Root.RightCol = DefaultBackground //Right column (When needed)
	Root.Div = Menu.Div
	Root.BackTransparent=JackMyth.LittleTranslucent180
	//Root.BackTransparent="14 14 14 170" //For details header/grid chrome
	
	Root.LeftCol.Text="0 0 0 255"
	Root.LeftCol.Hover  = "255 255 255 255"
	Root.LeftCol.Selected = "255 255 255 255"
	Root.Label.Text=DefaultText
	Root.Label.Hover.Text="75 75 75 255"
	Root.SubLabel.Text="75 75 75 255"
	Root.LeftCol.Disabled=DefaultText.Disabled
	
	Search.Back="255 255 255 20"
	Search.Text="130 130 130 255"
	Search.Hover.Text="100 100 100 255"
	Search.Active.Text=black
	
	Chat.Back = Root.Back
	Chat.Popup = DefaultBackground
	Chat.Div = Light
	
	//Games that are installed/running use "Installed.Text"
	//Games that are uninstalled use "Uninstalled.Text"
	//Games that are updating/have updates use "Updating.Text"
	Uninstalled.Text="105 105 105 255"
	Uninstalled.Hover.Text="120 120 120 255"
	//Uninstalled.Hover.Text="80 80 80 255"
	Installed.Text=DefaultText
	Installed.Hover.Text="230 230 230 255"
	Updating.Text="16 99 131 255"
	//Updating.Text="165 165 165 255"
	Updating.Hover.Text="80 180 80 255"
	Shortcut.Text=Installed.Text
	Shortcut.Hover.Text=Installed.Hover.Text
	Mod.Text=Installed.Text
	Mod.Hover.Text=Installed.Hover.Text
	Decrypting.Text=Updating.Text
	Decrypting.Hover.Text=Updating.Hover.Text
	Syncing.Text=Updating.Text
	Syncing.Hover.Text=Updating.Hover.Text
	//Running.Text=Installed.Text
	Running.Text=Friends.InGameColor
	Running.Hover.Text=Friends.InGameColor
	//Running.Hover.Text=Installed.Hover.Text
	
 }
  
 styles
 {
	downarrow
	{
		image="graphics/Threshold/icons/down"    
	}

	downarrow:hover
	{
		image="graphics/Threshold/icons/down"
	}

	uparrow
	{
		image="graphics/Threshold/icons/up"    
	}
	
	rightarrow
	{
		image="graphics/Threshold/icons/right" 
	}
	
	rightarrow:hover
	{
		image="graphics/Threshold/icons/right_hover"    
	}
		
	Button
	{     
		font-family=basefont
		minimum-height=30
		padding-left=4
		padding-right=4
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		textcolor=Button.Text
		bgcolor=Button.Back
		render_bg
		{
		}
	}
	 
    "Page Button"
    {
		bgcolor=Button.Page.Back
		render_bg
		{
		}
    }
    
	Button:hover
    {   
  		textcolor=Button.Hover.Text
		bgcolor=Button.Back
  		render
		{     
			// lines around
			0="fill( x0, y0, x0+2, y1, Button.Hover)"
			1="fill( x1-2, y0, x1, y1, Button.Hover)"
			2="fill( x0, y0, x1, y0+2, Button.Hover)"
			3="fill( x0, y1-2, x1, y1, Button.Hover)"			
		}
    }

    "Page Button:hover"
    {   
		textcolor=Button.Hover.Text
		bgcolor=Button.Page.Back
		render
		{     
			// lines around
			0="fill( x0, y0, x0+2, y1, Button.Page.Hover)"
			1="fill( x1-2, y0, x1, y1, Button.Page.Hover)"
			2="fill( x0, y0, x1, y0+2, Button.Page.Hover)"
			3="fill( x0, y1-2, x1, y1, Button.Page.Hover)"
		}
    }
    
    Button:focus
    {
		textcolor=Button.Active.Text
		bgcolor=Button.Active
		render
	    {		    
	    }
    }
    
    "Page Button:focus"
    {
		textcolor=Button.Active.Text
		bgcolor=Button.Active
		render
		{
		}
    }
    
    Button:active // this is the left-mouse-currently-pressed state
	{
		textcolor=Button.Active.Text
		bgcolor=Button.Active
		render
		{
		}
    }
    
    "Page Button:active"
    {
		textcolor=Button.Active.Text
		bgcolor=Button.Active
		render
		{
		}
    }
    
    Button:selected
    {
		textcolor=Button.Active.Text
		bgcolor=Button.Active
		render
		{     
		}
    }

    "Page Button:selected"
    {
		textcolor=Button.Active.Text
		bgcolor=Button.Active
		render
		{
		}
    }
	
	Button:selected:hover
    {
		textcolor=Button.Active.Text
		bgcolor=Button.Active
		render
		{     
			// lines around
			0="fill( x0, y0, x0+2, y1, Button.Active.Hover)"
			1="fill( x1-2, y0, x1, y1, Button.Active.Hover)"
			2="fill( x0, y0, x1, y0+2, Button.Active.Hover)"
			3="fill( x0, y1-2, x1, y1, Button.Active.Hover)"
		}
    }

    "Page Button:selected:hover"
    {
		textcolor=Button.Active.Text
		bgcolor=Button.Active
		render
		{     
			// lines around
			0="fill( x0, y0, x0+2, y1, Button.Active.Hover)"
			1="fill( x1-2, y0, x1, y1, Button.Active.Hover)"
			2="fill( x0, y0, x1, y0+2, Button.Active.Hover)"
			3="fill( x0, y1-2, x1, y1, Button.Active.Hover)"
		}
    }
    
    Button:disabled
    {
		textcolor=Button.Disabled.Text
		bgcolor=Button.Disabled
		render
		{        
		}
    }   
    
    "Page Button:disabled"
    {     
		textcolor=Button.Disabled.Text
		bgcolor=Button.Disabled
		render
		{
		}   
    }
       
    CFriendsListSectionAffordance //Group list header option dropdown button
    {     
		inset="0 0 0 0"
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		textcolor=DefaultText
    }
    
    CFriendsListSectionHeader
    {
		bgcolor=none
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		textcolor=List.Header.Text
		inset="5 0 0 0"
		render_bg
		{
			//0="fill( x0-2, y0, x1, y1, List.Header )"
			0="fill( x0-2, y0, x1, y1, JackMyth.Opacity )"
		}
    }
            
    CFriendPanel
    {
		inset="0 2 0 0"
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		textcolor=DefaultText
    }

    CheckButton
    {
		font-family=basefont
		inset="20 0 0 0"
		minimum-height=26
		minimum-width=20
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		textcolor=Check.Text
		//image="graphics/Threshold/icons/check"
		render
		{
			0="fill(x0,y0+4,x0+2,y0+24,Check.Outline)"
			1="fill(x0+2,y0+4,x0+18,y0+6,Check.Outline)"
			2="fill(x0+2,y0+22,x0+18,y0+24,Check.Outline)"
			3="fill(x0+18,y0+4,x0+20,y0+24,Check.Outline)"
		}
    }
  
    CheckButton:selected
    {
		//image="graphics/Threshold/icons/check_sel"
		render
		{
			0="fill(x0,y0+4,x0+20,y0+24,Check.Active)"
			1="image(x0+2,y0+6,x1,y1,graphics/Threshold/icons/check_sel1)"
		}
    }
	
	CheckButton:hover
    {
		textcolor=Check.Text.Hover
		//image="graphics/Threshold/icons/check_hover" 
		render
		{
			0="fill(x0,y0+4,x0+2,y0+24,Check.Outline.Hover)"
			1="fill(x0+2,y0+4,x0+18,y0+6,Check.Outline.Hover)"
			2="fill(x0+2,y0+22,x0+18,y0+24,Check.Outline.Hover)"
			3="fill(x0+18,y0+4,x0+20,y0+24,Check.Outline.Hover)"
		}
    }
	
	CheckButton:selected:hover
    {
		textcolor=Check.Text.Hover
		//image="graphics/Threshold/icons/check_sel_hover"
		render
		{
			0="fill(x0,y0+4,x0+20,y0+24,Check.Active)"
			1="image(x0+2,y0+6,x1,y1,graphics/Threshold/icons/check_sel1)"
			2="fill(x0,y0+4,x0+2,y0+24,Check.Outline.Hover)"
			3="fill(x0+2,y0+4,x0+18,y0+6,Check.Outline.Hover)"
			4="fill(x0+2,y0+22,x0+18,y0+24,Check.Outline.Hover)"
			5="fill(x0+18,y0+4,x0+20,y0+24,Check.Outline.Hover)"
		}
    }
    
    CheckButton:disabled
    {
		textcolor=Check.Disabled.Text
		//image="graphics/Threshold/icons/check_dis"
		render
		{
			0="fill(x0,y0+4,x0+2,y0+24,Check.Outline.Disabled)"
			1="fill(x0+2,y0+4,x0+18,y0+6,Check.Outline.Disabled)"
			2="fill(x0+2,y0+22,x0+18,y0+24,Check.Outline.Disabled)"
			3="fill(x0+18,y0+4,x0+20,y0+24,Check.Outline.Disabled)"
		}
    }
    
    CheckButton:selected:disabled
    {
		textcolor=Check.Disabled.Text
		//image="graphics/Threshold/icons/check_sel_dis"
		render
		{
			0="fill(x0,y0+4,x0+2,y0+24,Check.Outline.Disabled)"
			1="image(x0+2,y0+6,x1,y1,graphics/Threshold/icons/check_dis1)"
			2="fill(x0+2,y0+4,x0+18,y0+6,Check.Outline.Disabled)"
			3="fill(x0+2,y0+22,x0+18,y0+24,Check.Outline.Disabled)"
			4="fill(x0+18,y0+4,x0+20,y0+24,Check.Outline.Disabled)"
		}
    }

	IndeterminateCheckButton
	{
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		textcolor=Check.Text
		bgcolor=none
		image="graphics/Threshold/icons/check_ind"
	}
	
	IndeterminateCheckButton:hover
	{
		textcolor=Check.Text.Hover
		image="graphics/Threshold/icons/check_ind_hover"
	}

    CheckButtonList
    {
        inset="0 1 1 1"
        textcolor=List.Text
        bgcolor=List.Back
        render{}
		render_bg {
		}
    } 
    
    CheckButtonList:scrollbar
    {
    } 
    
    "Page CheckButtonList"
    {
		inset="0 1 1 1"
        textcolor=List.Text
        bgcolor=List.Page
        render	{      	}  
		render_bg
        {
      	}
    }
    
    "Page CheckButtonList:scrollbar"
    {
   	}
    
    "CheckbuttonList Checkbutton"
    {
		textcolor=Check.Text
	}
	
	"CheckbuttonList Checkbutton:hover"
    {
		textcolor=Check.Text.Hover
	} 
    
    "CheckbuttonList Checkbutton:focus"
    {
		textcolor=Check.Text
	} 
	
	"CheckbuttonList Checkbutton:selected"
    {
		render_bg
		{
			
		}	
	} 
    
    ComboBox
    {
		inset="3 0 0 0"
		minimum-height=30
		textcolor=ComboBox.Text
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
		bgcolor=ComboBox.Back
		render
		{     
			// lines around
			0="fill(x0, y0, x0+2, y1, ComboBox.Outline)" //left
			1="fill(x1-2, y0, x1, y1, ComboBox.Outline)" //right
			2="fill(x0, y0, x1, y0+2, ComboBox.Outline)" //top
			3="fill(x0, y1-2, x1, y1, ComboBox.Outline)" //bottom
		}
    }
    
    ComboBox:hover
    {
		bgcolor=ComboBox.Back
		render
		{     
			// lines around
			0="fill(x0, y0, x0+2, y1, ComboBox.Outline.Hover)" //left
			1="fill(x1-2, y0, x1, y1, ComboBox.Outline.Hover)" //right
			2="fill(x0, y0, x1, y0+2, ComboBox.Outline.Hover)" //top
			3="fill(x0, y1-2, x1, y1, ComboBox.Outline.Hover)" //bottom
		}
    }
    
    ComboBoxButton
    {      
		bgcolor=none
		textcolor=none
		render{}
		render_bg 
		{
			0="image(x0+6,y0+10,x1,y1,graphics/Threshold/icons/down)"
		}
    }
    
    Divider
    {
		bgcolor="none"
		render
		{
			0="fill( x0, y1 - 1, x1, y1, Menu.Div )"     
		}
    }
    
    Frame
    {
    //bgcolor=JackMyth.HalfTrnaslucent
		bgcolor="DefaultBackground"
		render{
			0="fill(x0, y0, x1, y0+1, Frame.Outline.Focus)"
			1="fill(x0, y0, x0+1, y1, Frame.Outline.Focus)"
			2="fill(x1-1, y0, x1, y1, Frame.Outline.Focus)"
			3="fill(x0, y1-1, x1, y1, Frame.Outline.Focus)"
		}
    } 
    
    Frame:FrameFocus
    {
		render{
			0="fill(x0, y0, x1, y0+1, Frame.Outline)"
			1="fill(x0, y0, x0+1, y1, Frame.Outline)"
			2="fill(x1-1, y0, x1, y1, Frame.Outline)"
			3="fill(x0, y1-1, x1, y1, Frame.Outline)"
		}
    } 
    
    FrameBRGripPanel
    {
		//image=graphics/resizer
    }
    
    FrameBRGripPanel:hover
    {
		//image=graphics/resizer_over
    }
    
    FrameMinimizeButton
	{
		render_bg {}
		inset="12 11 0 0"
		image="graphics/Threshold/window_controls/min_focus"
	}
	
	FrameMinimizeButton:framefocus
	{  
		image="graphics/Threshold/window_controls/min"
	}
	
	FrameMinimizeButton:hover
	{  
		image="graphics/Threshold/window_controls/min"
		bgcolor="TitleBar.Hover"
	}
	
	FrameMinimizeButton:active
	{  
		bgcolor="TitleBar.Active"
	}

	FrameMaximizeButton
	{
		render_bg {}
		inset="12 11 0 0"
		image="graphics/Threshold/window_controls/max_focus"
	}
	
	FrameMaximizeButton:framefocus
	{
		image="graphics/Threshold/window_controls/max"
	}
	
	FrameMaximizeButton:hover
	{
		image="graphics/Threshold/window_controls/max"
		bgcolor="TitleBar.Hover"
	}
	
	FrameMaximizeButton:active
	{
		bgcolor="TitleBar.Active"
	}

	// these are for when the maximize button becomes the restore button
	FrameRestoreButton
	{
		render_bg {}
		inset="12 11 0 0"
		image="graphics/Threshold/window_controls/restore_focus"
	}

	FrameRestoreButton:framefocus
	{
		image="graphics/Threshold/window_controls/restore"
	}
	
	FrameRestoreButton:hover
	{
		image="graphics/Threshold/window_controls/restore"
		bgcolor="TitleBar.Hover"
	}

	FrameRestoreButton:active
	{
		bgcolor="TitleBar.Active"
	}

	FrameCloseButton
	{
		render_bg {}
		inset="12 11 0 0"
		image="graphics/Threshold/window_controls/close_focus"
	}
	
	FrameCloseButton:framefocus
	{
		image="graphics/Threshold/window_controls/close"
	}

	FrameCloseButton:hover
	{
		image="graphics/Threshold/window_controls/close"
		bgcolor="TitleBar.CloseButton"
	}

	FrameCloseButton:active
	{
		bgcolor="TitleBar.CloseButton.Active"
		image="graphics/Threshold/window_controls/close_active"
	}

	FrameCloseButton:disabled
	{
		image="graphics/Threshold/window_controls/close" 
	}
	

    FrameTitle
    {
		font-family=basefont
		inset="5 1 0 0"
		padding-left="0"
		padding-right="64"
		font-size=12 [$LINUX]
		font-size=14
		font-weight=400
		textcolor=Frame.Text
		bgcolor=TitleBar.Focus
		render_bg
		{
		}
    }

    
    FrameTitle:framefocus
    {
		textcolor=Frame.Focus.Text
		bgcolor=TitleBar
		render_bg
		{
		}
    }
    
   
	"CFriendsDialog SectionedListPanelInterior"
	{
		bgcolor=none
		inset="-6 -1 -1 -1"
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		textcolor=List.Text
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=JackMyth.HalfTranslucent
		//selectedbgcolor=DefaultText.Back
		shadowtextcolor=List.Text.Disabled	// the color of disabled line items		
		render{	}
		render_bg { 
		}
	}	

    GraphPanel //XXX:Pretty sure this isnt even used anymore
    {
		textcolor=Accent
		bgcolor=none
		inset="0 -3 0 0"
		render_bg { }
    }
    
    HTML
    {
    bgcolor=JackMyth.Translucent
		//bgcolor="almostblack"
		//inset="2 2 2 2"
		render_bg 
		{
	    }
     
    }
    
    Label
	{
		textcolor=Label.Text
		selectedtextcolor=Label.Text
		bgcolor="none"
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
 	}
   
    ListPanel
    {
    bgcolor= JackMyth.HalfTranslucent
		//bgcolor=List.Back
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		textcolor=List.Text
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
		shadowtextcolor=List.Text.Disabled	// the color of disabled line items
		padding-left=10
		inset="0 0 0 0"
		render{}       
		render_bg 
		{
		}
	}
      
    "Page ListPanel"
	{
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		textcolor=List.Text
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
		padding-left=10
		inset="0 0 0 0"
		bgcolor=List.Page
		render_bg
		{
		}
	}
    
    "CGamesListPanel"
	{
		//bgcolor=JackMyth.HalfTranslucent
		//bgcolor=Root.Back
		//bgcolor=Root.Back
		//font-family=basefont
		font-family="Comic Sans MS"
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		textcolor=List.Text
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
		shadowtextcolor=List.Text.Disabled
		padding-left=10
		inset="0 0 0 0"
		render_bg 
		{
    }
    }
  
    "GameItem_Uninstalled"
    {
	    font-family=basefont
			textcolor=Uninstalled.Text
			selectedtextcolor=Accent.Text
    }
    "GameItem_Uninstalled:hover"
    {
    	font-family=basefont
			textcolor=Uninstalled.Hover.Text
			selectedtextcolor=Accent.Text
		}
 
    "GameItem_Installed"
    {
    	font-size=15 [$LINUX]
			font-size=18
			textcolor=Installed.Text
			selectedtextcolor=Accent.Text
    }
    "GameItem_Installed:hover"
    {
    	font-size=15 [$LINUX]
			font-size=18
			textcolor=Installed.Hover.Text
			selectedtextcolor=Accent.Text
    }

    "GameItem_Running"
    {
    	font-size=15 [$LINUX]
			font-size=18
      textcolor=Running.Text
      selectedtextcolor=Accent.Text
    }
    "GameItem_Running:hover"
    {
    	font-size=15 [$LINUX]
			font-size=18
      textcolor=Running.Hover.Text
      selectedtextcolor=Accent.Text
    }
    
    "GameItem_Shortcut"
    {
    	font-size=15 [$LINUX]
			font-size=18
		textcolor=Shortcut.Text
		selectedtextcolor=Accent.Text
    }
    "GameItem_Shortcut:hover"
    {
    	font-size=15 [$LINUX]
			font-size=18
        textcolor=Shortcut.Hover.Text
        selectedtextcolor=Accent.Text
    }
	
    "GameItem_Mod"
    {
    	font-size=15 [$LINUX]
			font-size=18
		textcolor=Mod.Text
		selectedtextcolor=Accent.Text
    }
    "GameItem_Mod:hover"
    {
    	font-size=15 [$LINUX]
			font-size=18
        textcolor=Mod.Hover.Text
        selectedtextcolor=Accent.Text
    }

    "GameItem_Updating"
    {
    	font-size=15 [$LINUX]
			font-size=18
    	textcolor=Updating.Text
    	selectedtextcolor=Accent.Text
    }
    "GameItem_Updating:hover"
    {
    	font-size=15 [$LINUX]
			font-size=18
    	textcolor=Updating.Hover.Text
    	selectedtextcolor=Accent.Text
    }
    
    "GameItem_Decrypting"
    {
	    font-size=15 [$LINUX]
			font-size=18
    	textcolor=Decrypting.Text
    	selectedtextcolor=Accent.Text
    }
    "GameItem_Decrypting:hover"
    {
    	font-size=15 [$LINUX]
			font-size=18
    	textcolor=Decrypting.Hover.Text
    	selectedtextcolor=Accent.Text
    }
    
    "GameItem_Syncing"
    {
    	font-size=15 [$LINUX]
			font-size=18
    	textcolor=Syncing.Text
    	selectedtextcolor=Accent.Text
    }
    "GameItem_Syncing:hover"
    {
    	font-size=15 [$LINUX]
			font-size=18
    	textcolor=Syncing.Hover.Text
    	selectedtextcolor=Accent.Text
    }
    
    "GameColumn_BigText"
	{
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		font-weight=700
		textcolor=DefaultText
    }
    
    ListPanelCheckBox
    {
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		textcolor=Check.Text
		image="graphics/Threshold/icons/check"
		inset="0 0 0 0"
		render{}
    }   

    ListPanelCheckBox:selected
    {
		image="graphics/Threshold/icons/check_sel"   
    }

	ListPanelCheckBox:focus
    {
		image="graphics/Threshold/icons/check" 
    }

    ListPanelCheckBox:selected:focus
    {
		image="graphics/Threshold/icons/check_sel"
    }
    
    ListPanelCheckBox:disabled
    {
		textcolor=Check.Disabled.Text
		image="graphics/Threshold/icons/check_dis"
    }
    
    ListPanelCheckBox:disabled:select
    {
		textcolor=Check.Disabled.Text
		image="graphics/Threshold/icons/check_sel_dis"
    }
    
    "ListPanelColumnheader ListPanelCheckBox"
    {
		font-family=basefont
		minimum-height=0
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		textcolor=Check.Text
		image="graphics/Threshold/icons/check_sm"
		inset="4 0 0 0"  
		}
     
	"ListPanelColumnHeader ListPanelCheckBox:selected"
    {
		image="graphics/Threshold/icons/check_sm_sel"  
    }
	
	"ListPanelColumnheader ListPanelCheckBox:focus"
    {
		image="graphics/Threshold/icons/check_sm"
	}

	"ListPanelColumnheader ListPanelCheckBox:selected:focus"
    {
		image="graphics/Threshold/icons/check_sm_sel"
    }
    
    ListPanelColumnheader
    {
		font-family=basefont
		minimum-height=0
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		textcolor=List.Header.Text
		bgcolor=List.Header
		inset="0 0 0 0"
		render={}
		render_bg    
		{
		}
	}
    
    ListPanelColumnHeader:hover
    {
		textcolor=List.Header.Text.Hover
    }
	
	"Page ListPanelColumnHeader"
	{
		bgcolor=List.Page.Header
		render_bg    
		{
		} 
	}
      
	"Csteamrootdialog ListPanelColumnheader"
    {
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		textcolor=List.Header.Text
		//bgcolor=List.Header
		bgcolor=JackMyth.Opacity
		inset="0 0 0 0"
		
		render_bg    
		{
		}   
	}

   
    "Csteamrootdialog ListPanelColumnHeader:hover"
    {
		textcolor=List.Header.Text.Hover
    }
    
   	"Csteamrootdialog ListPanelSectionCollapser"
	{
		inset = "0 1 0 0"
		//bgcolor=List.Header
		bgcolor=JackMyth.HalfOpacity
		render{}
	}
	
	"CGamesPage_Mini ListPanelSectionCollapser"
	{
		inset = "5 1 0 0"
		bgcolor=JackMyth.HalfOpacity
		//bgcolor=List.Header
		render{}
	}
    

 
	ListPanelColumnSelectButton // the games list column chooser  
	{
        inset="-3 3 0 0"
		bgcolor=List.Header
        render
        {
			0="image( x0 + 5, y0 + 4, x1, y1, graphics/Threshold/icons/plus )"
        }   
        render_bg {
        }
	}
    
	ListPanelColumnSelectButton:hover
	{
        render
        {
			0="image( x0 + 5, y0 + 4, x1, y1, graphics/Threshold/icons/plus_hover )"
        }
	}
	ListPanelColumnSelectButton:selected
	{
        render
        {
			0="image( x0 + 5, y0 + 4, x1, y1, graphics/Threshold/icons/plus )"
        }
	}

	"CGamesListPanel ListPanelColumnSelectButton"   
	{
        inset="0 0 0 0"
		bgcolor=List.Header
        render
        {
			0="image( x0+2, y0+2, x1, y1, graphics/Threshold/icons/plus )"
        }   
        render_bg {
        }
	}
	"CGamesListPanel ListPanelColumnSelectButton:hover"   
	{
        render
        {
			0="image( x0+2, y0+2, x1, y1, graphics/Threshold/icons/plus_hover )"
        }   
	}
	"CGamesListPanel ListPanelColumnSelectButton:selected"   
	{
        render
        {
			0="image( x0+2, y0+2, x1, y1, graphics/Threshold/icons/plus )"
        }  
	}
   
    ListPanelDragger
	{
		bgcolor="none"
		render 
		{
			//fill makes dragger visible
			0="fill( x0, y0, x0 + 1, y1 - 1, List.Header.Div )"
		}
    }
	
	"Page ListPanelDragger"
	{
		bgcolor="none"
		render 
		{
			//fill makes dragger visible
			0="fill( x0, y0, x0 + 1, y1 - 1, List.Page.Header.Div )"
		}
    }
    
    ListPanelInterior
    {     
		inset="0 0 0 0"
		padding-left=5
		font-size=13 [$LINUX]
		font-size=15
		textcolor=List.Text
		bgcolor="none" 
		render
		{				

		}
		render_bg 
		{				

		}
    } 
    
    ListPanelInterior:scrollbar
    {     

    } 

	"CSteamRootDialog ListPanel"
	{
		bgcolor=JackMyth.LittleTranslucent
		render_bg {}
	}
    
     "Csteamrootdialog ListPanelInterior"
    {
    bgcolor=JackMyth.HalfTranslucent
		//bgcolor=Root.Back
		render_bg 
		{
		}
	}
	
	"Csteamrootdialog ListPanelInterior:scrollbar"
    {     
		render
		{
		}
	}
	
	"Page ListPanelInterior"
	{
		bgcolor=List.Page
		render_bg
	  	{
	  	}
	}
	
	"Page ListPanelInterior:scrollbar"
	{

	}
      
    ListPanelSectionHeader
    {     
		inset="5 0 0 0"
		textcolor=List.Header.Text
		minimum-height=30
		font-size=13 [$LINUX]
		font-size=15
		bgcolor=List.Header
		render_bg
		{
		}    
    } 
	
	"Csteamrootdialog ListPanelSectionHeader"
    {
    bgcolor=JackMyth.HalfOpacity
		//bgcolor=List.Header
		render_bg
		{
		}    
    }
    
	"ListPanel RichText"
	{
		textcolor=TextBox.Hover.Text
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		bgcolor=none
		render{}
		render_bg {} 
	}

	"ListPanel RichText url" 
	{
		font-size=13 [$LINUX]
		font-size=15
		textcolor=URL.Text
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
		font-style=underline
	}

    "ListPanel RichTextInterior"
    {
		render_bg {} 
		bgcolor=none
    }
    
    ListPanelSectionCollapser
    {
		bgcolor=none
		render_bg {}
		image="graphics/Threshold/icons/right" 
		inset="0 0 0 0"
    }
    
    ListPanelSectionCollapser:hover
    {
		image="graphics/Threshold/icons/right_hover" 
    }
    
    ListPanelSectionCollapser:selected
    {
		image="graphics/Threshold/icons/down" 
    }
    
    ListPanelSectionCollapser:selected:hover
    {
		image="graphics/Threshold/icons/down_hover" 
    }
    
	MainNav
    {
		textcolor=DefaultText
		selectedtextcolor=DefaultText
		bgcolor="none"
		font-family=semilight
		font-size=16 [$LINUX]
		font-size=24
		font-weight=700
		//font-style="uppercase"
    }

	Menu
    {
		bgcolor=Menu.Back
		padding-right=4
		inset="2 2 2 2"
      
		render_bg
		{
			0="fill(x0, y0, x0+1, y1, Menu.Outline)" //left
			1="fill(x1-1, y0, x1, y1, Menu.Outline)" //right
			2="fill(x0, y0, x1, y0+1, Menu.Outline)" //top
			3="fill(x0, y1-1, x1, y1, Menu.Outline)" //bottom
		}
      
		render {}
    }
      
    MenuBar
    {
		bgcolor=none
    }
    
    "Page MenuBar"
    {
		bgcolor=none
    }
    
	"MenuBar MenuButton" 
	{
		textcolor="none"
		inset="0 0 0 0"
		render{
			0="image(x0+17,y0+10,x1,y1,graphics/Threshold/menu_focus)"
		}
	}

 	"MenuBar MenuButton:frameFocus" 
	{
		render{
			0="image(x0+17,y0+10,x1,y1,graphics/Threshold/menu)"
		}
	}
		
	"MenuBar MenuButton:hover" 
	{
		textcolor="none"
		bgcolor=TitleBar.Hover
		render_bg {
		}
	}
	
	"MenuBar MenuButton:selected" 
	{
		textcolor="none"
		bgcolor=TitleBar.Accent
		render_bg {
		}

	}
	
	MenuButton //XXX: where is this used?
    {
		font-family=basefont
		font-size=26 //SIGH...
		font-weight=400
		textcolor=DefaultText
		bgcolor="none"
		render_bg {}
    }  
   
	MenuButton:hover
    {
		//textcolor="white"
    }
    
	MenuButton:selected
    {
		//textcolor="white"
    }
        
	MenuItem
    {
		font-family=basefont
		textcolor=Menu.Text
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		inset="0 0 0 0"
		padding-right=6
		bgcolor=none
		render_bg {}
    }
   
	MenuItem:selected
    {
		bgcolor=Menu.Hover
    }
	
	MenuItem:hover
    {
		bgcolor=Menu.Hover
    }
    
    MenuItem:disabled
    {
		textcolor=Menu.Disabled.Text
    }
    
    MenuItem:disabled:hover
    {
		textcolor=Menu.Disabled.Text
		bgcolor=Menu.Hover
    }
   
    MenuSeparator
    {
		inset="-4 0 0 0"	
		textcolor="none"
		bgcolor=none
		render_bg{
			0="fill(x0+15,y1-1,x1-20,y1,Menu.Div)"
		}
    }

    Notification
    {
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		bgcolor=Notification.Back
		render_bg
		{
		}
		render {}
    }

    
    Page
    {
		bgcolor="none"
		render_bg
		{
			// background gradient
			0="fill( x0, y0, x1, y1, Page.Back )"
		}
    }

    "CSteamRootDialog Page"
    {
		bgcolor="none"
		render_bg {}
    }
    
    "Page RadioButtonList"
    {
		bgcolor="List.Page"
    }
      
	PageTab
    {
		minimum-height=0
		textcolor=Page.Tab.Text
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		inset="0 0 0 0"
		bgcolor=JackMyth.HalfOpacity
		//bgcolor=Page.Tab
		render={}
		render_bg
		{
		}
    }

    
    PageTab:selected
    {
		textcolor=Page.Tab.Active.Text
		bgcolor=Page.Tab.Active
		render_bg
		{
		}
    }

    
 	PageTab:hover
    {
		textcolor=Page.Tab.Text
		bgcolor=Page.Tab.Hover
		render_bg
		{
		}
    }
  
    PageTab:selected:hover
    {
		textcolor=Page.Tab.Active.Text
		bgcolor=Page.Tab.Active.Hover
		render_bg
		{
		}
    }

	"PageDragFrame PageTab"
	{
		font-size=13 [$LINUX]
		font-size=15
		font-style=""
	}

	TabCloseButton
    {
		render_bg {}
		bgcolor=none
		minimum-height=0
		padding=0
		image="graphics/Threshold/icons/tiny_x"
    }

	TabCloseButton:hover
    {
		image="graphics/Threshold/icons/tiny_x_hover"
    }
    
    Panel
	{ 
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		textcolor=DefaultText
		bgcolor="none"
	}
    
	ProgressBox //Legend has fortold that this is the loading frame
	{
	
	}
	
	"ProgressBox ProgressBar"
	{
		textcolor=none
		bgcolor=none
	}
	
    ProgressBar
    {
		textcolor="Accent"
		bgcolor="Progress.Back"
		render
		{
			// lines around
			//1="fill( x0 + 1, y0 + 1, x1 - 1, y0 + 2, ButtonBorder )"  // top
			//2="fill( x0 + 1, y1 - 2, x1 - 1, y1 - 1, ButtonBorder )"  // bottom
			//3="fill( x0 + 1, y0 + 1, x0 + 2, y1 - 1, ButtonBorder )"  // left
			//4="fill( x1 - 2, y0 + 1, x1 - 1, y1 - 1, ButtonBorder )"  // right
		}   
	}
    
	"Page ProgressBar"
    {
		textcolor="Accent"
		bgcolor="Progress.Back"
		render
		{
			// lines around
			//1="fill( x0 + 1, y0 + 1, x1 - 1, y0 + 2, ButtonBorder )"  // top
			//2="fill( x0 + 1, y1 - 2, x1 - 1, y1 - 1, ButtonBorder )"  // bottom
			//3="fill( x0 + 1, y0 + 1, x0 + 2, y1 - 1, ButtonBorder )"  // left
			//4="fill( x1 - 2, y0 + 1, x1 - 1, y1 - 1, ButtonBorder )"  // right  
		}   
    }
	
    PropertyPage
    {
		bgcolor="none"
    }
    
    "CFriendsDialog PropertySheet"
    {
		bgcolor="none"
    }
    
    RadioButton
    {
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		textcolor=Radio.Text
		render_bg {}
		image="graphics/Threshold/icons/rad"
		bgcolor=none
    } 
	
	RadioButton:hover
    {
		textcolor=Radio.Text.Hover
		image="graphics/Threshold/icons/rad_hover"
    }     
  
    RadioButton:selected
    {
		image="graphics/Threshold/icons/rad_sel"  
    }
	
	RadioButton:selected:hover //Since selected radio buttons cant be toggled, only change the text color
    {
		textcolor=Radio.Text.Hover
		image="graphics/Threshold/icons/rad_sel"  
    }
    
    RadioButton:focus
    {
		textcolor=Radio.Text
		image="graphics/Threshold/icons/rad"
    }
	
	RadioButton:focus:hover
    {
		textcolor=Radio.Text.Hover
		image="graphics/Threshold/icons/rad_hover"
    }

    RadioButton:selected:focus
    {
		textcolor=Radio.Text  
		image="graphics/Threshold/icons/rad_sel"
    }
	
	RadioButton:selected:focus:hover
    {
		textcolor=Radio.Text.Hover  
		image="graphics/Threshold/icons/rad_sel"
    }
    
    RadioButtonList
    {
		bgcolor=List.Back
		inset="-2 0 0 0"
		render_bg
		{
		}     
    }
        
    RichText
    {
		textcolor=TextBox.Hover.Text
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back	
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		inset="0 0 0 0"
		//bgcolor=TextBox.Back
		bgcolor=none
		render
		{
			// lines around
			//0="fill( x0, y0, x1, y0 + 1, TextBox.Outline )"  // top
			//1="fill( x0, y1 - 1, x1, y1, TextBox.Outline )"  // bottom
			//2="fill( x0, y0, x0 + 1, y1, TextBox.Outline )"  // left
			//3="fill( x1 - 1, y0, x1, y1, TextBox.Outline )"  // right
		}     
    }
         
    RichTextInterior 
	{
		bgcolor=none
    }
    
	// style of links in a rich text control
	
	"RichText url"
	{
		font-size=13 [$LINUX]
		font-size=15
		textcolor=URL.Text
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
		font-style=underline
	}
	
	"RichText url:hover"
	{
		textcolor=URL.Hover.Text
	}
	
	// style of bold text in a rich text control
	"RichText bold"
	{
		font-size=13 [$LINUX]
		font-size=15
		font-weight=1000
	}
	
	"RichText emphasis"
	{
		font-size=13 [$LINUX]
		font-size=15
		font-style=italic
	}

	ScrollBar
	{
		minimum-height=0
		inset="0 0 0 0"
	}
    
    ScrollBarButton.up
    {
		bgcolor=Scroll.Button.Back
		minimum-height=0
		inset="-1 2 0 0"
		image="graphics/Threshold/scroll/up"
		render_bg
		{
		}
		
    }
    
    ScrollBarButton.up:hover
    {
		bgcolor=Scroll.Button.Hover
		render_bg
		{
		}
    }
    
    ScrollBarButton.up:active
    {
		bgcolor=Scroll.Button.Active
		render_bg
		{
		}
    }

    ScrollBarButton.up:disabled
    {
		bgcolor=Scroll.Button.Disabled
		render_bg
		{
		}
    }
	
    ScrollBarButton.down
	{
		bgcolor=Scroll.Button.Back
		minimum-height=0
		inset="-2 0 0 0"
		image="graphics/Threshold/scroll/down"
		render_bg
		{
		}
    }
    
    ScrollBarButton.down:hover
	{
		bgcolor=Scroll.Button.Hover
		render_bg
		{
		}
    }
    
    ScrollBarButton.down:active
	{
		bgcolor=Scroll.Button.Active
		render_bg
		{
		}
    }
    
    
    ScrollBarButton.down:disabled
	{
		bgcolor=Scroll.Button.Disabled
		render_bg
		{
		}
    }
    
    ScrollBarButton.left
    {
		bgcolor=Scroll.Button.Back
		minimum-height=0
		inset="1 3 0 0"
		image="graphics/Threshold/scroll/left"
		render_bg 
		{
		}
    }
    
    ScrollBarButton.left:hover
    {
		bgcolor=Scroll.Button.Hover
		render_bg 
		{
	    }
    }
        
    ScrollBarButton.right
    {
		bgcolor=Scroll.Button.Back
		minimum-height=0
		image="graphics/Threshold/scroll/right"
		inset="0 2 0 0"
		render_bg 
		{
	    }
    }
        
    ScrollBarButton.right:hover
    {
		bgcolor=Scroll.Button.Hover
		render_bg 
		{
		}
    }
    
    ScrollBarHandle  //vertical scrollbar thumb
    {
		bgcolor=Scroll.Bar.Back
		minimum-height=0
		render_bg 
		{
		}
    }
       
    "ScrollBarHandle:hover"
    {
		bgcolor=Scroll.Bar.Hover
		render_bg 
		{
		}
    }
    
    "ScrollBarHandle:active"
    {
		bgcolor=Scroll.Bar.Active
		render_bg 
		{
		}
    }
    

 
    "SliderHoriz"  //horizontal scrollbar thumb
    {
		bgcolor=Scroll.Bar.Back
		minimum-height=0
		render 
		{
		}
    }
    
    "SliderHoriz:hover"
    {
		bgcolor=Scroll.Bar.Hover
		render 
      	{	
		}
    }
    
    "SliderHoriz:active"
    {
		bgcolor=Scroll.Bar.Active
      	render {
		}
    }
    
    ScrollBarSlider // gutter
    {
		bgcolor=Scroll.Back
		render{ }
		render_bg
		{
		}
    }
    
    ScrollBarSliderHoriz // gutter
    {
		bgcolor=Scroll.Back
		render{ }
		render_bg { }
    }
    
    ScrollBarSlider:disabled 
    {
		bgcolor="none"
		render_bg {}
    }
    
    "ScrollBar SliderHoriz" // gutter
    {
		bgcolor=Scroll.Back
    }

	"HTML ScrollBar"
	{
		bgcolor=Scroll.Back
		render_bg {
		}
	}
	"HTML ScrollBar.Horizontal"
	{
		bgcolor=Scroll.Back
		render_bg {
		}
	}
	
	"HTML ScrollBarSlider.Horizontal" 
	{
		bgcolor=Scroll.Back
		render_bg {
		}

	}

	"HTML SliderHoriz"
	{
		bgcolor=Scroll.Back
		render_bg
		{
		}
	}
 
    SectionedListPanel
    {
		bgcolor=List.Back
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		textcolor=List.Text
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
		inset="1 -1 1 1"  
		render
		{
		}
		render_bg 
		{
		}    
    }  
    
    "CFriendsDialog SectionedListPanel"
    {
			//bgcolor=DefaultBackground
			bgcolor=JackMyth.HalfOpacity
			font-family=basefont
			font-size=13 [$LINUX]
			font-size=15
			font-weight=400
			textcolor=List.Text
			selectedtextcolor=DefaultText.Selected
			//selectedbgcolor=DefaultText.Back
			selectedbgcolor=JackMyth.HalfTranslucent
			render { }
			render_bg 
			{  		
				
			}    
    }
    
    SectionedlistpanelCollapser
    {
		render_bg 
		{
		}
		bgcolor=List.Header
		image="graphics/Threshold/icons/right"
		inset="6 0 0 0"
    } 
	
	"CFriendsDialog SectionedlistpanelCollapser"
    {
		render_bg 
		{
		}
		render{}
		//bgcolor=List.Header
		bgcolor=JackMyth.HalfOpacity
		minimum-height=0
		image="graphics/Threshold/icons/right"
		inset="6 0 0 0"
    } 
    
    SectionedListPanelCollapser:hover
    {
		image="graphics/Threshold/icons/right_hover"
    }
	
	"CFriendsDialog SectionedListPanelCollapser:hover"
    {
		image="graphics/Threshold/icons/right_hover"
    }
    
    SectionedListPanelCollapser:selected
    {
		image="graphics/Threshold/icons/down"
    }
	
	"CFriendsDialog SectionedlistpanelCollapser:selected"
    {
		image="graphics/Threshold/icons/down"
    } 
    
    SectionedListPanelCollapser:selected:hover
    {
		image="graphics/Threshold/icons/down_hover"
    }
	
	"CFriendsDialog SectionedListPanelCollapser:selected:hover"
    {
		image="graphics/Threshold/icons/down_hover"
    }
  
    Slider //XXX: ??? I guess these are in settings?
    {
		font-family=basefont
		font-size=10
		font-weight=400
		textcolor=SubLabel.Text
		//font-style=uppercase
    }
      
    Slider:focus
    {
		textcolor=Label.Text 
    }
    
    StatusLabel
    {
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		textcolor=Label.Text
		font-style=normal   
    }
    
    StatusLabelDim
    {
		font-family=basefont
		font-size=11 [$LINUX]
		font-size=13
		font-weight=400
		textcolor=SubLabel.Text
		font-style=normal   
    }

    TextEntry
    {
		font-family=basefont
		minimum-height=30
		font-size=13 [$LINUX]
		font-size=15
		textcolor=TextBox.Text
		font-weight=400
		bgcolor=TextBox.Back
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
		shadowtextcolor=DefaultCursor  // this is the cursor color

		inset-left=4
		inset-top=0
		render
		{
			// lines around
			0="fill( x0, y0, x1, y0 + 2, TextBox.Outline )"  // top
			1="fill( x0, y1 - 2, x1, y1, TextBox.Outline )"  // bottom
			2="fill( x0, y0, x0 + 2, y1, TextBox.Outline )"  // left
			3="fill( x1 - 2, y0, x1, y1, TextBox.Outline )"  // right
		}     
    }
    
	"Page TextEntry"
    {
		bgcolor=TextBox.Back
		render
		{
			// lines around
			0="fill( x0, y0, x1, y0 + 2, TextBox.Outline )"  // top
			1="fill( x0, y1 - 2, x1, y1, TextBox.Outline )"  // bottom
			2="fill( x0, y0, x0 + 2, y1, TextBox.Outline )"  // left
			3="fill( x1 - 2, y0, x1, y1, TextBox.Outline )"  // right
		}      
    }
	
	TextEntry:hover
	{
		textcolor=TextBox.Hover.Text
		render
		{
			// lines around
			0="fill( x0, y0, x1, y0 + 2, TextBox.Outline.Hover )"  // top
			1="fill( x0, y1 - 2, x1, y1, TextBox.Outline.Hover )"  // bottom
			2="fill( x0, y0, x0 + 2, y1, TextBox.Outline.Hover )"  // left
			3="fill( x1 - 2, y0, x1, y1, TextBox.Outline.Hover )"  // right
		}
	}
	
	"Page TextEntry:hover"
	{
		textcolor=TextBox.Hover.Text
		render
		{
			// lines around
			0="fill( x0, y0, x1, y0 + 2, TextBox.Outline.Hover )"  // top
			1="fill( x0, y1 - 2, x1, y1, TextBox.Outline.Hover )"  // bottom
			2="fill( x0, y0, x0 + 2, y1, TextBox.Outline.Hover )"  // left
			3="fill( x1 - 2, y0, x1, y1, TextBox.Outline.Hover )"  // right
		}
	}
    
    TextEntry:focus //Active
    {     
		textcolor=TextBox.Active.Text
		shadowtextcolor=TextBox.Active.Cursor
		bgcolor=TextBox.Active
		render
		{
			// lines around
			0="fill( x0, y0, x1, y0 + 2, TextBox.Outline.Active )"  // top
			1="fill( x0, y1 - 2, x1, y1, TextBox.Outline.Active )"  // bottom
			2="fill( x0, y0, x0 + 2, y1, TextBox.Outline.Active )"  // left
			3="fill( x1 - 2, y0, x1, y1, TextBox.Outline.Active )"  // right
		}     
    }
       
    "Page TextEntry:focus"
    {     
		textcolor=TextBox.Active.Text
		shadowtextcolor=TextBox.Active.Cursor
		bgcolor=TextBox.Active
		render
		{
			// lines around
			0="fill( x0, y0, x1, y0 + 2, TextBox.Outline.Active )"  // top
			1="fill( x0, y1 - 2, x1, y1, TextBox.Outline.Active )"  // bottom
			2="fill( x0, y0, x0 + 2, y1, TextBox.Outline.Active )"  // left
			3="fill( x1 - 2, y0, x1, y1, TextBox.Outline.Active )"  // right
		}      
    }
    
    
    TextEntry:disabled
    {     
		textcolor=TextBox.Disabled.Text
		bgcolor=TextBox.Back
		render
		{
			// lines around
			0="fill( x0, y0, x1, y0 + 2, TextBox.Outline )"  // top
			1="fill( x0, y1 - 2, x1, y1, TextBox.Outline )"  // bottom
			2="fill( x0, y0, x0 + 2, y1, TextBox.Outline )"  // left
			3="fill( x1 - 2, y0, x1, y1, TextBox.Outline )"  // right
		}     
    }
    
	// The 'empty' style is used for 'hint text' in text entry fields.
	// If the text box does not have focus and does not have content, a
	// hint text property will be shown with this style. This is comment
	// to pre-fill to box with something like 'Search' that goes away when active
	TextEntry:empty
	{
		font-style=italic
		textcolor=TextBox.Disabled.Text
	}
	
    TextEntryLarge //Used for password on login screen
    {
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		textcolor=TextBox.Text
		font-weight=400
		bgcolor=TextBox.Back
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
		shadowtextcolor=DefaultCursor  // this is the cursor color

		inset-left=4
		render
		{
			// lines around
			0="fill( x0, y0, x1, y0 + 2, TextBox.Outline )"  // top
			1="fill( x0, y1 - 2, x1, y1, TextBox.Outline )"  // bottom
			2="fill( x0, y0, x0 + 2, y1, TextBox.Outline )"  // left
			3="fill( x1 - 2, y0, x1, y1, TextBox.Outline )"  // right
		}   
    }

    TextEntryLarge:hover
    {     
		textcolor=TextBox.Hover.Text
		render
		{
			// lines around
			0="fill( x0, y0, x1, y0 + 2, TextBox.Outline.Hover )"  // top
			1="fill( x0, y1 - 2, x1, y1, TextBox.Outline.Hover )"  // bottom
			2="fill( x0, y0, x0 + 2, y1, TextBox.Outline.Hover )"  // left
			3="fill( x1 - 2, y0, x1, y1, TextBox.Outline.Hover )"  // right
		} 
    }
	
	TextEntryLarge:focus
    {     
		textcolor=TextBox.Active.Text
		shadowtextcolor=TextBox.Active.Cursor
		bgcolor=TextBox.Active
		render
		{
			// lines around
			0="fill( x0, y0, x1, y0 + 2, TextBox.Outline.Active )"  // top
			1="fill( x0, y1 - 2, x1, y1, TextBox.Outline.Active )"  // bottom
			2="fill( x0, y0, x0 + 2, y1, TextBox.Outline.Active )"  // left
			3="fill( x1 - 2, y0, x1, y1, TextBox.Outline.Active )"  // right
		}  
    }
    
    TextEntryLarge:disabled
    {     
		textcolor=TextBox.Disabled.Text
		render
		{
			// lines around
			0="fill( x0, y0, x1, y0 + 2, TextBox.Outline )"  // top
			1="fill( x0, y1 - 2, x1, y1, TextBox.Outline )"  // bottom
			2="fill( x0, y0, x0 + 2, y1, TextBox.Outline )"  // left
			3="fill( x1 - 2, y0, x1, y1, TextBox.Outline )"  // right
		}  
    }
    
    TextEntryURL
	{
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		textcolor=URL.Text
		font-weight=400
		bgcolor="none"
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
		shadowtextcolor=DefaultCursor	// this is the cursor color
		inset-left=0
		inset-top=-1
		render { }			
	}

	TextEntryURL:Hover
	{
		textcolor=URL.Hover.Text
		render
		{

		}			
	}
	
	ToggleButton
    {
		inset="1 0 0 0"
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		textcolor=Button.Text
		bgcolor=Button.Back
		render_bg
		{
		}
    }
    
    ToggleButton:hover
    {
		textcolor=Button.Hover.Text
		render_bg
		{     
			// background fill
			0="fill( x0, y0, x0+2, y1, Button.Hover)"
			1="fill( x1-2, y0, x1, y1, Button.Hover)"
			2="fill( x0, y0, x1, y0+2, Button.Hover)"
			3="fill( x0, y1-2, x1, y1, Button.Hover)"
		}
    }
    
    ToggleButton:selected
    {
		textcolor=Button.Active.Text
		bgcolor=Button.Active
		render_bg
		{
		}
    }
  
    
    "Page ToggleButton"
    {
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		textcolor=Button.Text
		bgcolor=Button.Page.Back
		render_bg
		{
		}
    }
    
    "Page ToggleButton:hover"
    {
		textcolor=Button.Hover.Text
		render_bg
		{
			1="fill( x0, y0, x0+2, y1, Button.Page.Hover)"
			2="fill( x1-2, y0, x1, y1, Button.Page.Hover)"
			3="fill( x0, y0, x1, y0+2, Button.Page.Hover)"
			4="fill( x0, y1-2, x1, y1, Button.Page.Hover)"
		}
    }
   
    "Page ToggleButton:selected"
    {
		textcolor=Button.Active.Text
		bgcolor=Button.Active
		render_bg
		{
		}
    }
    
    // the background and frame of a tooltip
    TooltipWindow
    {
		font-size=13 [$LINUX]
		font-size=15
        bgcolor="Menu.Back"
		render_bg{
			1="fill( x0, y0, x1, y0 + 1, Menu.Outline )"  // top
			2="fill( x0, y1 - 1, x1, y1, Menu.Outline )"  // bottom
			3="fill( x0, y0, x0 + 1, y1, Menu.Outline )"  // left
			4="fill( x1 - 1, y0, x1, y1, Menu.Outline )"  // right
		}
    }

	// body text inside a tooltip
    "TooltipWindow Label"
    {
		font-size=13 [$LINUX]
		font-size=15
		padding-left=4
        textcolor=Label.Text
    }
    
    // headline text inside a tooltip
   	tooltip_headline
   	{
		font-size=13 [$LINUX]
		font-size=15
   		padding-left=4
		textcolor=Accent
   	}
   	
    TreeNode
    {
		bgcolor=none
		render_bg {}
    }
    
    TreeNodeImage
    {
		bgcolor=none
    }
    
    TreeViewSubPanel
    {
		bgcolor=none
    }
  
    TreeNodeText
    {
		font-family=basefont
		font-size=13
		font-size=15 
		textcolor=DefaultText
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
		bgcolor=none
		render {}
		render_bg {}
    }
  
    TreeView //File list
    {
		render_bg
		{
		}
    }
    
    URLLabel
    {
		textcolor=URL.Text
		bgcolor="none"
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		font-style=underline
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
    }
    
   	URLLabel:Hover
	{
		textcolor=URL.Hover.Text
	}
		
	URLLabelSimple
    {
		textcolor=URL.Text
		bgcolor="none"
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		font-style=regular
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
    }
    
	URLLabelSimple:Hover
    {
		font-style=underline
		textcolor=URL.Hover.Text
    }  
    
	URLLabelSimple2
    {
		textcolor=URL.Text
		bgcolor="none"
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		font-style=regular
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
    }
    
	URLLabelSimple2:Hover
    {
		textcolor=URL.Hover.Text
    }  

    
    // Steam-specific styles
    CConsoleHistory
    {
		font-family="Lucida Console"
		font-size=9
		font-family="Menlo" [$OSX]
		font-size=14 [$OSX]
		textcolor=DefaultText
		selectedtextcolor=DefaultText
		//bgcolor=Root.Back
		bgcolor=JackMyth.Translucent
      
		render
		{
		}
		render_bg 
		{
		}
    }
    
    GameColumnHeaderFavorites
    {
		image="steam/cached/fav_remove"
    }
    
    CGamesListFavoritesToggle
    {
		image="graphics/Threshold/icons/fav_addTo"
    }
    
    CGamesListFavoritesToggle:hover
    {
		image="graphics/Threshold/icons/fav_addTo_ovr"
    }
    
    CGamesListFavoritesToggle:selected
    {
		image="graphics/Threshold/icons/fav_remove"
    }

    CGamesListFavoritesToggle:selected:hover
    {
		image="graphics/Threshold/icons/fav_remove_ovr"
    }

    WrapPanel //XXX: ?? I think this is used for screenshot library but HMM
    {
		inset="0 0 0 0"
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		textcolor=DefaultText
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
		bgcolor=none
		inset="1 -1 1 1"
		render_bg {
        }  
    }
	
    FullscreenButton
    {
		bgcolor=none
		inset="8 0 0 0"
		render_bg={}
		render={}
		image="graphics/Threshold/window_controls/fullscreen_focus"
    }

	FullscreenButton:framefocus
    {
		image="graphics/Threshold/window_controls/fullscreen"
    }
	
    FullscreenButton:hover
    {
		image="graphics/Threshold/window_controls/fullscreen"
		bgcolor="TitleBar.Hover"
    }
	
    FullscreenButton:active
    {
		bgcolor="TitleBar.Active"
    }
	
    FullscreenButton:disabled
    {
		bgcolor=none
		inset="0 0 0 0"
		render_bg={}
		image=none
    }
    
    VRButton
    {
		inset="-10 0 0 0"
		bgcolor=none
		render_bg={}
		render={}
		image="graphics/Threshold/vr"
    }  

    VRButton:hover
    {
		bgcolor=Menu.Hover
    }
	
    VRButton:active
    {
		bgcolor=Menu.Hover
    }
	
    VRButton:disabled
    {
		bgcolor=none
		render_bg={}
		image="none"
    }
    
    VRButtonExit
    {
		inset="-10 0 0 0"
		bgcolor=none
		render_bg={}
		render={}
		image="graphics/Threshold/vr"
    }  

    VRButtonExit:hover
    {
		bgcolor=Menu.Hover
    }
	
    VRButtonExit:active
    {
		bgcolor=Menu.Hover
    }
	
    VRButtonExit:disabled
    {
		bgcolor=none
		image="none"
    }
	
	BackButton
    {
		bgcolor=none
		inset="0 0 0 0"
		render_bg={}
		image="graphics/Threshold/back"
    }
	
    BackButton:hover
    {
		bgcolor=none
		render_bg={}
		image="graphics/Threshold/back"
    }
	
    BackButton:active
    {
		bgcolor=none
		render_bg={}
		image="graphics/Threshold/back"
    }
	
    BackButton:disabled
    {
		bgcolor=none
		image="graphics/Threshold/back_dis"
		render_bg{}
    }
    
    ForwardButton
    {
		bgcolor=none
		inset="0 0 0 0"
		render_bg={}
		image="graphics/Threshold/forward"
    }
    
    ForwardButton:hover
    {
		bgcolor=none
		render_bg={}
		image="graphics/Threshold/forward"
    }
	
    ForwardButton:active
    {
		bgcolor=none
		render_bg={}
		image="graphics/Threshold/forward"
    }
	
    ForwardButton:disabled
    {
		bgcolor=none
		render_bg={}
		image="graphics/Threshold/forward_dis"
    }
    
    HomeButton
    {
		bgcolor=none
		inset="1 0 0 0"
		render_bg={}
		image="graphics/Threshold/home"
    }
    
    HomeButton:hover
    {
		bgcolor=Menu.Button.Hover
		render_bg={}
		image="graphics/Threshold/home"
		render_bg={
		}
    }
	
    HomeButton:active
    {
		bgcolor=Accent
		render_bg={}
		image="graphics/Threshold/home"
		render_bg={
		}
    }
	
    HomeButton:disabled
    {
		bgcolor=none
		render_bg={}
		image="graphics/Threshold/home"
    }
	
    ReloadButton
    {
		bgcolor=none
		inset="1 0 0 0"
		render_bg={}
		image="graphics/Threshold/reload"
    }
    
    ReloadButton:hover
    {
		bgcolor=Menu.Button.Hover
		image="graphics/Threshold/reload"
		render_bg={
		}
    }

    ReloadButton:active
    {
		bgcolor=Accent
		image="graphics/Threshold/reload"
		render_bg={
		}
    }

    ReloadButton:disabled
    {
		bgcolor=none
		render_bg={}
		image="graphics/Threshold/reload"
    }
    
    StopButton
    {
		bgcolor=none
		inset="1 0 0 0"
		render_bg={}
		image="graphics/Threshold/stop"
    }
    
    StopButton:hover
    {
		bgcolor=Menu.Button.Hover
		image="graphics/Threshold/stop"
		render_bg={
		}
    }

    StopButton:active
    {
		bgcolor=Accent
		image="graphics/Threshold/stop"
		render_bg={
		}
    }

    StopButton:disabled
    {
		bgcolor=none
		render_bg={}
		image="graphics/Threshold/stop"
    }
	
	"html-findbar"
 	{
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		textcolor=DefaultText
		font-weight=400
		bgcolor="DefaultBackground"
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
		shadowtextcolor=DefaultCursor	// this is the cursor color
		inset-left=0
		inset-top=0
		
		render
		{
			// lines around
		    0="fill( x0, y0, x1, y0 + 1, Menu.Outline )"  // top
			1="fill( x0, y1 - 1, x1, y1, Menu.Outline )"  // bottom
			2="fill( x0, y0, x0 + 1, y1, Menu.Outline )"  // left
			3="fill( x1 - 1, y0, x1, y1, Menu.Outline )"  // right
		}     	
	}
		
 	"html-imebar" 
 	{
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		textcolor=DefaultText
		font-weight=400
		bgcolor="DefaultBackground"
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
		shadowtextcolor=DefaultCursor	// this is the cursor color
		inset-left=0
		inset-top=0
		
		render
		{
		    // lines around
		    0="fill( x0, y0, x1, y0 + 1, Menu.Outline )"  // top
			1="fill( x0, y1 - 1, x1, y1, Menu.Outline )"  // bottom
			2="fill( x0, y0, x0 + 1, y1, Menu.Outline )"  // left
			3="fill( x1 - 1, y0, x1, y1, Menu.Outline )"  // right
		}     	
	}
      
	gamedetails-headerlabel
	{
		font-size=16 [$LINUX]
		font-size=24
		font-style="normal"
		font-family=semilight
		font-weight=400
		textcolor=DefaultText
	}

	gamedetails-headerlabel-red
	{
		font-size=16 [$LINUX]
		font-size=24
		font-style="normal"
		font-family=semilight
		font-weight=400
		textcolor="Accent"
	}
 	
	gamedetails-headerlabel-green
	{
		font-size=16 [$LINUX]
		font-size=24
		font-style="normal"
		textcolor="Accent"
		font-family=semilight
		font-weight=400
	}

	gamedetails-headerlabel-blue
	{
		font-size=16 [$LINUX]
		font-size=24
		font-style="normal"
		textcolor="Accent"
		font-family=semilight
		font-weight=400
	}
	
	// styles for text used in RichText controls in various places
	
	console_text_error
	{
		textcolor="Accent"
		font-size=14
		font-family="Menlo" [$OSX]
      	font-size=16 [$OSX]
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
	}
	
	console_text
	{
 		font-family="Lucida Console"
		font-size=9
		font-family="Menlo" [$OSX]
      	font-size=14 [$OSX]
	    textcolor=DefaultText
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
	}
	
	friends_chat_text //TODO: Chat text colors
	{
		textcolor="DefaultText"
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
		font-size=13 [$LINUX]
		font-size=15
	}
	
	friends_chat_text_self
	{
		textcolor="ChatOwnTextColor"
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
		font-size=13 [$LINUX]
		font-size=15
	}

	friends_chat_history
	{
		textcolor="ChatDialog.HistoryColor"
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
		font-size=13 [$LINUX]
		font-size=15
	}
	
	friends_chat_event
	{
		textcolor="DefaultText"
		font-size=13 [$LINUX]
		font-size=15
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
	}

	friends_chat_bright_event
	{
		textcolor="DefaultText"
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
		font-size=13 [$LINUX]
		font-size=15
		font-weight=1000
	}

	friends_chat_url
	{
		textcolor=URL.Text
		font-style=underline
		font-size=13 [$LINUX]
		font-size=15
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
	}
	
	friends_chat_url:hover
	{
		textcolor=URL.Hover.Text
	}
	
	friends_chat_name_ingame
	{
		textcolor="Friends.InGameColor"
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
		font-size=13 [$LINUX]
		font-size=15
	}

	friends_chat_name_golden
	{
		textcolor="Friends.GoldenColor"
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
		font-size=13 [$LINUX]
		font-size=15
	}

	
	friends_chat_self
	{
		textcolor="Friends.OnlineColor"
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
		font-size=13 [$LINUX]
		font-size=15
	}
	
	friends_chat_name
	{
		textcolor="Friends.OnlineColor"
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
		font-size=13 [$LINUX]
		font-size=15
	}
	
	friends_chat_accountid
	{
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
		textcolor="DefaultText"
		font-size=13 [$LINUX]
		font-size=15
	}
	
	friends_chat_securitylink
	{
		textcolor="DefaultText"
		bgcolor="none"
		font-family=basefont
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		font-style=underline
		selectedtextcolor=DefaultText.Selected
		selectedbgcolor=DefaultText.Back
	}
	
	friends_chat_securitylink:Hover
	{
		textcolor="DefaultText.Hover"
	}
	
	CChatRoomDlg //TODO: Here lies (some) chat window things. May god have mercy on your soul
	{			
		//bgcolor=DefaultBackground
		minimum-height=400
		minimum-width=400
		render
		{
		}
		render_bg
		{	
			0="image_scale(x0,y0-32,x1,y1,graphics/JackMyth/ChatRoom)"
			1="fill(x0,y0,x1,y0+55,JackMyth.HalfTranslucent)"
			2="fill(x0,y0+50,x1,y0+55,JackMyth.HalfTranslucent)"
		}

	}
		
	ChatListPanel
	{	
		//bgcolor=Chat.Back
		//bgcolor=JackMyth.Opacity
		render {}

		render_bg
		{
			0="gradient(x0,y0,x1,y1,JackMyth.HalfTranslucent,JackMyth.Opacity)"
		}
	}
		
	Chat_MenuButton_withChrome
	{
		font-family=basefont
		//font-style="uppercase"
		font-size=13 [$LINUX]
		font-size=15
		font-weight=400
		textcolor=DefaultText
		bgcolor=Button.Back
		minimum-width=120
		render_bg 
		{          
		}
	}
	
	Chat_MenuButton_withChrome:disabled
	{
		textcolor=DefaultText.Disabled
		render_bg
		{
		}
    }    
    
   	// used in friends tooltip and friends list for overriding regular styles with custom colors
   	friends_offline
   	{
   		textcolor="Friends.OfflineColor"
   	}
   	
    friends_offline:hover
   	{
   		textcolor="Friends.OfflineHoverColor"
   	}
   	
   	friends_online
   	{
   		textcolor="Friends.OnlineColor"
   	}
   	
   	friends_online:hover
   	{
   		textcolor="Friends.OnlineHoverColor"
   	}
   	
   	friends_ingame
   	{
   		textcolor="Friends.InGameColor"
   	}
   	   	
   	friends_ingame:hover
   	{
   		textcolor="Friends.InGameHoverColor"
   	}

   	friends_golden
   	{
   		textcolor="Friends.GoldenColor"
   	}
   	   	
   	friends_golden:hover
   	{
   		textcolor="Friends.GoldenHoverColor"
   	}
   	
   	friends_ignored
   	{
   		textcolor="Friends.IgnoredColor"
   	}

   	
   	TabPageCloseButton
   	{
   		padding-right=16
   	}

	SuperNavMenu
	{
		padding-left=8
		padding-right=8
		bgcolor=Menu.Back
		render {}

		render_bg
		{
			// top area and graphic
			0="fill(x0, y0, x0+1, y1, Menu.Outline)" //left
			1="fill(x1-1, y0, x1, y1, Menu.Outline)" //right
			2="fill(x0, y0, x1, y0+1, Menu.Outline)" //top
			3="fill(x0, y1-1, x1, y1, Menu.Outline)" //bottom
		}
	}

	SuperNavMenuItem
	{
		font-size=13 [$LINUX]
		font-size=15
		font-weight=regular
		textcolor=Menu.Text
		bgcolor=none
	}

	SuperNavMenuItem:selected
	{
		textcolor=Menu.Text
		render_bg
		{
			// top area and graphic
			0="fill( x0+1, y0+1, x1-1, y1-1, Menu.Hover )"
		}
	}

	SuperNavMenuItem:hover
	{
		textcolor=Menu.Text
		render_bg
		{
			// top area and graphic
			0="fill( x0+1, y0+1, x1-1, y1-1, Menu.Hover )"
		}
	}

	"SuperNavMenuDivider" //Pretty sure this uses MenuDivider anyway, why bother having two
	{
		textcolor="none"
		render {
			//1="fill( x0+6, y0+1, x1-6, y0+2, Menu.Div )"
		}
	}
	
	"NotifyRemoteClientTitle" //XXX:??
	{
		textcolor="DefaultText"
	}
	
	"NotifyRemoteClientInfo"
	{
		textcolor="176 172 165 255"
	}
	
	//Special window styling for older frames
	//Deprecated,Moved to JackMyth.styles
	//CGamePropertiesDialog
	//{
	//	render_bg {
	//		0="fill(x0, y0, x1, y0+64, Page.Tab)"
	//	}
	//}
	
	CServerBrowserDialog
	{
		render_bg {
			0="fill(x0, y0, x1, y0+64, Page.Tab)"
		}
	}
	
	CInternetGames
	{
		render_bg {
			0="fill(x0, y0, x1, y1 - 42, Page.Tab)"
		}
	}
	
	COverlaySettingsDialog
	{
		render_bg {
			0="fill(x0, y0, x1, y0+64, Page.Tab)"
		}
	}

	CPlayersDialog
	{
		render_bg {
			0="fill(x0, y0, x1, y0+64, Page.Tab)"
		}
	}
	
  }
}