﻿/* background color for the content part of the pages */
Body
{
	background-color: white;
	margin: 0px;
}

.ControlPanel, .PagingTable
{
	width: 100%;
	background-color: #FFFFFF;
	border-right: #003366 1px solid;
	border-top: #003366 1px solid;
	border-left: #003366 1px solid;
	border-bottom: #003366 1px solid;
}

.SkinObject
{
	font-weight: bold;
	font-size: 8.5pt;
	color: #003366;
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: none;
}

A.SkinObject:link
{
	text-decoration: none;
	color: #003366;
}

A.SkinObject:visited
{
	text-decoration: none;
	color: #003366;
}

A.SkinObject:hover
{
	text-decoration: none;
	color: #003366;
}

A.SkinObject:active
{
	text-decoration: none;
	color: #003366;
}

/* styles for LANGUAGE skinobject */
.Language
{
	vertical-align: middle;
	margin: 0px;
}

.Language img
{
	border: none;
}


/* style for module titles */
.Head
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 20px;
	font-weight: normal;
	color: #333333;
}

/* style of item titles on edit and admin pages */
.SubHead
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: black;
}

/* text style used for most text rendered by modules */
.Normal, .NormalDisabled
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
}

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
	color: Silver;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
}

/* text style used for error messages */
.NormalRed
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
}

/* styles used by Data Grids */
.DataGrid_AlternatingItem
{
	background-color: White;
	color: Red;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
}
.DataGrid_Container
{
	background-color: Transparent;
}
.DataGrid_Footer
{
	background-color: White;
}
.DataGrid_Header
{
	background-color: Transparent;
	color: Black;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
.DataGrid_Item
{
	background-color: Transparent;
	color: Black;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
}
.DataGrid_SelectedItem
{
	background-color: Silver;
	color: Blue;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
}

/* styles used by TreeMenu Skin Object */
.TreeMenu_Node
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
}

.TreeMenu_NodeSelected
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	background-color: #dcdcdc;
}

A.TreeMenu_Node:link, A.TreeMenu_NodeSelected:link
{
	text-decoration: none;
	color: #003366;
}

A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited
{
	text-decoration: none;
	color: #003366;
}

A.TreeMenu_Node:hover, A.TreeMenu_NodeSelected:hover
{
	text-decoration: none;
	color: #ff0000;
}

A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active
{
	text-decoration: none;
	color: #003366;
}

/* styles used in the FileManager */
.FileManager
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	height: 400px;
}
.FileManager_ToolBar
{
	border-bottom: black 1px solid;
	height: 25px;
}
.FileManager_Explorer
{
	height: 100%;
	border: #696969 1px solid;
	background-color: White;
	margin: 2px 2px 2px 2px;
}

.FileManager_FileList
{
	height: 100%;
	border: #696969 1px solid;
	background-color: White;
	margin: 2px 2px 2px 2px;
	overflow: auto;
}

.FileManager_MessageBox
{
	text-align: center;
	vertical-align: middle;
	background-color: White;
	padding: 25px 25px 25px 25px;
}

.FileManager_Header
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #E7E7FF;
	background-color: #9EBFF6;
	border-bottom: #696969 1px solid;
	height: 25px;
}

.FileManager_Pager
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	background-color: #EEEEEE;
	border-top: #696969 1px solid;
	height: 25px;
}

.FileManager_StatusBar
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	background-color: #dedfde;
	height: 25px;
	margin: 2px 2px 2px 2px;
}

.FileManager_Item
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	background-color: #F8F8F8;
	border-top: black 1px dashed;
	border-bottom: black 1px dashed;
}

.FileManager_AltItem
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	background-color: #EEEEEE;
	border-style: none;
}
.FileManager_SelItem
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: White;
	background-color: #99ffff;
	border-style: none;
}

.FileManagerTreeNode
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
}

.FileManagerTreeNodeSelected
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	background-color: #dcdcdc;
}

A.FileManagerTreeNode:link, A.FileManagerTreeNodeSelected:link
{
	text-decoration: none;
	color: #003366;
}

A.FileManagerTreeNode:visited, A.FileManagerTreeNodeSelected:visited
{
	text-decoration: none;
	color: #003366;
}

A.FileManagerTreeNode:hover, A.FileManagerTreeNodeSelected:hover
{
	text-decoration: none;
	color: #ff0000;
}

A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active
{
	text-decoration: none;
	color: #003366;
}

/* styles used in the Wizard Framework */
.Wizard
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	height: 400px;
	width: 650px;
}
.WizardButton
{
	border-right: #696969 1px solid;
	padding-right: 2px;
	border-top: #696969 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	border-left: #696969 1px solid;
	padding-top: 2px;
	border-bottom: #696969 1px solid;
	background-color: #dcdcdc;
}
.WizardHeader
{
	background: #ffffcc;
	border-bottom: black 1px solid;
	height: 40px;
}
.WizardFooter
{
	border-top: black 1px solid;
	background: #ccffcc;
	height: 25px;
	text-align: right;
}
.WizardBody
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	height: 325px;
}
.WizardHelp
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 9pt;
	padding-bottom: 5px;
	border-left: black 1px solid;
	width: 180px;
	padding-top: 5px;
	background-color: #ccffff;
}
.WizardHelpText
{
	overflow: auto;
	font-size: 8pt;
	width: 180px;
	color: black;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	height: 300px;
}
.WizardText
{
	font-size: 9pt;
	color: black;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
}


/* text style used for help text rendered by modules */
.Help
{
	border-right: black 1px solid;
	padding-right: 2px;
	border-top: black 1px solid;
	padding-left: 2px;
	font-weight: normal;
	font-size: 11px;
	padding-bottom: 2px;
	border-left: black 1px solid;
	color: black;
	padding-top: 2px;
	border-bottom: black 1px solid;
	font-family: Tahoma, Arial, Helvetica;
	background-color: #ffff99;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link
{
	text-decoration: underline;
	color: #003366;
}

A.CommandButton:visited
{
	text-decoration: underline;
	color: #003366;
}

A.CommandButton:hover
{
	text-decoration: underline;
	color: #ff0000;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #003366;
}

SPAN.CommandButton
{
	text-decoration: underline;
	cursor: pointer;
}

/* button style for standard HTML buttons */
.StandardButton
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 11px;
	background: #dddddd;
	color: #000000;
	font-family: Verdana, sans-serif;
}


/* GENERIC */
H1
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 20px;
	font-weight: normal;
	color: #666644;
}

H2
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 20px;
	font-weight: normal;
	color: #666644;
}

H3
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #003366;
}

H4
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #003366;
}

H5, DT
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

H6
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

TFOOT, THEAD
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	color: #003366;
}

TH
{
	vertical-align: baseline;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
}

A:link
{
	text-decoration: none;
	color: #003366;
}

A:visited
{
	text-decoration: none;
	color: #003366;
}

A:hover
{
	text-decoration: underline;
	color: #ff0000;
}

A:active
{
	text-decoration: none;
	color: #003366;
}

SMALL
{
	font-size: 8px;
}

BIG
{
	font-size: 14px;
}

BLOCKQUOTE, PRE
{
	font-family: Lucida Console, monospace;
}


UL LI
{
	list-style-type: square;
}

UL LI LI
{
	list-style-type: disc;
}

UL LI LI LI
{
	list-style-type: circle;
}

OL LI
{
	list-style-type: decimal;
}

OL OL LI
{
	list-style-type: lower-alpha;
}

OL OL OL LI
{
	list-style-type: lower-roman;
}
OL UL LI
{
	list-style-type: disc;
}

HR
{
	color: #696969;
	height: 1pt;
	text-align: left;
}

/* Module Title Menu */
.ModuleTitle_MenuContainer
{
	border-bottom: blue 0px solid;
	border-left: blue 0px solid;
	border-top: blue 0px solid;
	border-right: blue 0px solid;
}

.ModuleTitle_MenuBar
{
	cursor: pointer;
	height: 16px;
	background-color: Transparent;
}

.ModuleTitle_MenuItem
{
	cursor: pointer;
	color: black;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	border-left: white 0px solid;
	border-bottom: white 1px solid;
	border-top: white 1px solid;
	border-right: white 0px solid;
	background-color: Transparent;
}

.ModuleTitle_MenuIcon
{
	cursor: pointer;
	background-color: #EEEEEE;
	border-left: #EEEEEE 1px solid;
	border-bottom: #EEEEEE 1px solid;
	border-top: #EEEEEE 1px solid;
	text-align: center;
	width: 15px;
	height: 21px;
}

.ModuleTitle_SubMenu
{
	z-index: 1000;
	cursor: pointer;
	background-color: #FFFFFF;
	border-bottom: #FFFFFF 0px solid;
	border-left: #FFFFFF 0px solid;
	border-top: #FFFFFF 0px solid;
	border-right: #FFFFFF 0px solid;
}

.ModuleTitle_MenuBreak
{
	border-bottom: #EEEEEE 1px solid;
	border-left: #EEEEEE 0px solid;
	border-top: #EEEEEE 1px solid;
	border-right: #EEEEEE 0px solid;
	background-color: #EEEEEE;
	height: 1px;
}

.ModuleTitle_MenuItemSel
{
	cursor: pointer;
	color: black;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	background-color: #C1D2EE;
}

.ModuleTitle_MenuArrow
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
	border-right: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	border-top: #FFFFFF 0px solid;
}

.ModuleTitle_RootMenuArrow
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
}

/* Main Menu */
.MainMenu_MenuContainer
{
	background-color: transparent;
}
.MainMenu_MenuBar
{
	cursor: pointer;
	height: 16px;
	background-color: Transparent;
}
.MainMenu_MenuItem
{
	cursor: pointer;
	color: black;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	border-left: white 0px solid;
	border-bottom: white 1px solid;
	border-top: white 1px solid;
	border-right: white 0px solid;
	background-color: Transparent;
}
.MainMenu_MenuIcon
{
	cursor: pointer;
	background-color: #EEEEEE;
	border-left: #EEEEEE 1px solid;
	border-bottom: #EEEEEE 1px solid;
	border-top: #EEEEEE 1px solid;
	text-align: center;
	width: 15px;
	height: 21px;
}
.MainMenu_SubMenu
{
	z-index: 1000;
	cursor: pointer;
	background-color: #FFFFFF;
	border-bottom: #FFFFFF 0px solid;
	border-left: #FFFFFF 0px solid;
	border-top: #FFFFFF 0px solid;
	border-right: #FFFFFF 0px solid;
}
.MainMenu_MenuBreak
{
	border-bottom: #EEEEEE 1px solid;
	border-left: #EEEEEE 0px solid;
	border-top: #EEEEEE 1px solid;
	border-right: #EEEEEE 0px solid;
	background-color: #EEEEEE;
	height: 1px;
}
.MainMenu_MenuItemSel
{
	cursor: pointer;
	color: black;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	background-color: #C1D2EE;
}
.MainMenu_MenuArrow
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
	border-right: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	border-top: #FFFFFF 0px solid;
}
.MainMenu_RootMenuArrow
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
}

/* LEGACY STYLES from DNN 1-2 */
.HeadBg
{
	background-color: #CCCCCC;
}

.TabBg
{
	background-color: black;
}

.SelectedTab
{
	font-weight: bold;
	font-size: 8.5pt;
	color: #FFFFFF;
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: none;
}

A.SelectedTab:link
{
	text-decoration: none;
	color: white;
}

A.SelectedTab:visited
{
	text-decoration: none;
	color: #eeeeee;
}

A.SelectedTab:hover
{
	text-decoration: none;
	color: #cccccc;
}

A.SelectedTab:active
{
	text-decoration: none;
	color: #eeeeee;
}

.OtherTabs
{
	font-weight: bold;
	font-size: 8.5pt;
	color: white;
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: none;
}

A.OtherTabs:link
{
	text-decoration: none;
	color: white;
}

A.OtherTabs:visited
{
	text-decoration: none;
	color: #eeeeee;
}

A.OtherTabs:hover
{
	text-decoration: none;
	color: #cccccc;
}

A.OtherTabs:active
{
	text-decoration: none;
	color: #eeeeee;
}

.PagingTable
{
	height: 33px;
}

/*
.LabelEditOverClass
{	
	cursor: pointer;
	text-decoration: underline overline;
}
*/

.LabelEditTextClass
{
	border: solid 1px red;
	background-color: Transparent;
}

.LabelEditWorkClass
{
	/*background: url(/DotNetNuke/images/dnnanim.gif) no-repeat right;*/
	border: solid 0px red;
	background-color: Transparent;
}

/* style for the DNNTextSuggest control select menu */
.SuggestTextMenu
{
	border: solid 1px black;
	white-space: nowrap;
	background: white;
}
/* style for the DNNTextSuggest control selected menu node */
.SuggestNodeOver
{
	background-color: navy;
	color: White;
}


/*Edit In Place Tool Bar Classes*/
.eipbackimg
{
	border: outset 1px; /*give toolbar a 3D look*/
	position: absolute; /*needed so it doesn't take up space */
	margin-top: -22px; /*specify toolbar to be just above text */
	white-space: nowrap; /* makes toolbar horizontal */
	background: url(../../images/eip_toolbar.gif);
	background-color: #99cccc;
	height: 22px;
}

.eipbuttonbackimg
{
	width: 21px;
	height: 21px;
	cursor: pointer; /*change mouse to pointer when hover over button*/
	display: -moz-inline-box; /* Gecko proprietary  (ORDER IS IMPORTANT HERE!)*/
	display: inline-block; /* supported by Opera and ? */
}

.eipbutton_edit
{
	background: url(../../images/eip_edit.gif) no-repeat 100% center;
}
.eipbutton_save
{
	background: url(../../images/eip_save.gif) no-repeat 100% center;
}
.eipborderhover
{
	border: outset 1px;
}

/* used to collapse panes without any content in them */
.DNNEmptyPane
{
	width: 0px;
}

/* used to set the different module align options - from module settings */
.DNNAlignleft
{
	text-align: left;
}
.DNNAlignright
{
	text-align: right;
}
.DNNAligncenter
{
	text-align: center;
}

/* Login Styles */
.LoginPanel
{

}

.LoginTabGroup
{
	
}

.LoginTab {
	float: left;
	background: url("../../images/tablogin_gray.gif") left top;
	margin: 0 3px 3px 0;
	padding: 5px 5px 4px 5px;
	text-decoration: none;
	color: #FFF;
	border: 1px #25569a solid;
}

.LoginTabSelected{
	float: left;
	background: url("../../images/tablogin_gray.gif") left top;
	margin: 0 3px 3px 0;
	padding: 5px 5px 4px 5px;
	text-decoration: none;
	color: #FFF;
	background-position: 0% -41px;
	border: 1px #25569a solid;
}

.LoginTabHover
{
	float: left;
	background: url("../../images/tablogin_gray.gif") left top;
	margin: 0 3px 3px 0;
	padding: 5px 5px 4px 5px;
	text-decoration: none;
	color: #555;
	border: 1px #C00 solid;
	cursor:pointer;
}

.LoginContainerGroup
{
	clear: both;
	padding-top: 5px;
}

.LoginContainer
{
	
}

/* ================================
SOCKS Styles
================================ */

/*Common styles ----------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/

.ModuleTitle_MenuItem {
	border: white 0px solid; /*override borders*/    
}

.ModuleTitle_MenuItem TD {  /*TD if menu is using tables*/
	cursor: pointer; 
	cursor: hand; 
	color: #21578c; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	height: 21px;
    white-space: nowrap;  /*Word wrapping menu item now optional*/
    padding: 1px 3px 3px 1px;	
}

.ModuleTitle_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #EEEEEE; 
	width: 15px;
	height: 100%;   /*override the default height for icon so that menubreaks can have heights adjusted*/
}

.ModuleTitle_SubMenu 
{
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #FFFFFF; 
	filter: progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}

.ModuleTitle_MenuBreak  {
	background-color: #EEEEEE; 
	font-size: 1px; /*make sure you take out portal.css ModuleTitle_MenuBreak for this to work*/
}

.ModuleTitle_MenuItemSel {

	cursor: pointer; 
	cursor: hand; 
	color: #21578c; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	background-color: #DDDDDD;
}

/*main font*/
div.SOCKS * {
				font-size: 11px; font-weight: normal; font-family: Tahoma, Verdana, Calibri;
				color: #21578c; vertical-align: top; }
				
/*module padding*/
div.SOCKS	{ margin: 10px 5px 10px 5px; }
		
/*paragraph*/
div.SOCKS p {
				text-align: left;
				color: #000000;	background-color: #e5ecf8;
				padding: 5px 4px 2px 4px; margin: 0 0 0 0; }

/*links*/
div.SOCKS a:link,
div.SOCKS a:visited,
div.SOCKS a:hover,
div.SOCKS a:active {
				font-weight: normal;
				text-decoration: underline; }
				
div.SOCKS a:link { color: #3434c4; }/*#2359c9; }*/
div.SOCKS a:visited { color: #a680ea; }
div.SOCKS a:hover {	color: #00DBDB; }
div.SOCKS a:active { color: #2359c9; }


/* Controls --------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
/*text boxes, combo, spin, date*/
div.SOCKS *.SOCKS_edit,
div.SOCKS *.SOCKS_date,
div.SOCKS *.SOCKS_editS,
div.SOCKS *.SOCKS_editSS,
div.SOCKS *.SOCKS_editL,
div.SOCKS textarea {
				background-color: #ffffff;
				border: Solid 1px #7f9db9;
				padding-left: 4px; padding-right: 4px; }
div.SOCKS select.SOCKS_edit,
div.SOCKS select.SOCKS_date,
div.SOCKS select.SOCKS_editS,
div.SOCKS select.SOCKS_editSS,
div.SOCKS select.SOCKS_editL,
div.SOCKS textarea
	{ padding-left: 0px; padding-right: 0px; }

div.SOCKS textarea
{
	white-space: pre;
	overflow: auto;
}
			
/*text boxes' size*/
div.SOCKS *.SOCKS_edit { width: 150px; }
div.SOCKS *.SOCKS_date { width: 123px; }
div.SOCKS *.SOCKS_editS { width: 80px; }
div.SOCKS *.SOCKS_editSS { width: 40px; }
div.SOCKS *.SOCKS_editL { width: 180px; }
div.SOCKS textarea { width: 100%; height: 60px; }


/*button general*/
div.SOCKS input.SOCKS_btnL,
div.SOCKS input.SOCKS_btnM,
div.SOCKS input.SOCKS_btnN,
div.SOCKS input.SOCKS_btnS {
				font-family: Verdana, Sans-serif;
				color: #ffffff; background: #5b85d9;
				padding-left: 2px; padding-right: 2px; }
				
/*buttons' width*/
div.SOCKS input.SOCKS_btnL { width: 250px; }
div.SOCKS input.SOCKS_btnM { width: 210px; }
div.SOCKS input.SOCKS_btnN { width: 140px; }
div.SOCKS input.SOCKS_btnS { width: 80px; }

/*primary button*/
div.SOCKS input.SOCKS_btnP { background-color: #2359c9; }

/*checkbox*/
div.SOCKS input.SOCKS_checkIE,
div.SOCKS span.SOCKS_checkIE input { margin-left: -4px; margin-top: -4px; } /*IE*/

div.SOCKS input.SOCKS_checkM,
div.SOCKS span.SOCKS_checkM input { margin-top: 1px; margin-left: -2px;} /*Mozilla*/

/*radio button*/
div.SOCKS input.SOCKS_radioIE, 
div.SOCKS span.SOCKS_radioIE input { margin-left: -4px; margin-top: -4px; margin-bottom: -2px; margin-right: 1px; } /*IE*/

div.SOCKS input.SOCKS_radioM,
div.SOCKS span.SOCKS_radioM input { margin-top: -1px; margin-left: -1px; } /*Mozilla*/

/* Tables ----------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
/*table-readonly*/
div.SOCKS table.SOCKS_details { border: none; background-color: Transparent; width: 100%; margin: -5px auto, auto, -5px; empty-cells: show; }	/*table itself*/

div.SOCKS table.SOCKS_details td.SOCKS_detailsParent { width: 37%; }
div.SOCKS table.SOCKS_details table.SOCKS_roCells td {
					font-weight: bold; white-space: normal; padding: 2px 2px 2px 2px;
					border: solid 1px #cdd5de; background-color: #f5f6f8; } /*data-cells*/

div.SOCKS table.SOCKS_details table.SOCKS_roCells td.hidden { border: 0px; background-color: Transparent; }
					
div.SOCKS table.SOCKS_details table.SOCKS_roCells td.SOCKS_roLabel,
div.SOCKS table.SOCKS_details table.SOCKS_roCells td.SOCKS_roLabel1 {
					font-weight: normal; white-space: normal; color: #000000;
					background-color: #e5ecf8; border: none; } /*label-cells*/
					
div.SOCKS table.SOCKS_details table.SOCKS_roCells td.SOCKS_roLabel { width: 30%; }
div.SOCKS table.SOCKS_details table.SOCKS_roCells td.SOCKS_roLabel1 { width: 80%; }
					
div.SOCKS table.SOCKS_details tr.SOCKS_tblHeader td {
					font-weight: bold; white-space: nowrap; color: #21578c; background-color: #c1d5fd;
					padding: 2px 5px 5px 5px; border-bottom: solid 1px #21578c; } /*header*/

div.SOCKS table.SOCKS_details tr td table { border: solid 1px #cdd5de; background-color: #e5ecf8; width: 100%;} /*inner tables*/
div.SOCKS table.SOCKS_details tr td table.SOCKS_container { background-color: Transparent; border: solid 0px #ffffff; } /*table containing SOCKS_list table*/

div.SOCKS table.SOCKS_details textarea { white-space: normal; border: none; color: #000000; background-color: #e5ecf8; width: 100%; height: 45px;} /*Notes*/

/*------------------------------------------------------------------------------------------------------*/

/*table-form*/
div.SOCKS table.SOCKS_form { border: none; background-color: #ffffff; width: 700px;} /*width: 99%; margin: -7px auto -7px -7px; }	/*table itself*/

div.SOCKS table.SOCKS_form td { white-space: nowrap; vertical-align: middle; } /*cells*/
div.SOCKS table.SOCKS_form td.SOCKS_tdWrap { white-space: normal; } /*wrapped cell*/

div.SOCKS table.SOCKS_form tr.SOCKS_frmHeader td,
div.SOCKS table.SOCKS_form td.SOCKS_frmHeader,
div.SOCKS table.SOCKS_form *.SOCKS_acHeader {
					 font-weight: bold; background-color: #e5ecf8; border: solid 1px #cdd5de; padding: 2px 2px 2px 2px; } /*header*/

div.SOCKS *.SOCKS_acHeader { background-color: #ffe6f1; } /*accounting attention header*/
div.SOCKS table.SOCKS_form *.SOCKS_acHeader { background-color: #ffe6f1; } /*accounting attention header*/
					 
div.SOCKS table.SOCKS_form tr.SOCKS_frmSubHeader td {
					font-weight: bold; background-color: #ebf5ff;
					border: solid 1px #cdd5de; padding: 2px 2px 2px 2px; width: 100%; } /*subheader*/
					 
div.SOCKS table.SOCKS_form td.SOCKS_products { width: 100%; }
div.SOCKS table.SOCKS_form table.SOCKS_products { width: 100%; margin: 0px 0px 0px 0px; } /*products list*/
div.SOCKS table.SOCKS_form table.SOCKS_products td {
					white-space: nowrap; padding: 2px 5px 2px 5px;	border-bottom: Solid 1px #cdd5de; } /*products list cells*/

div.SOCKS table.SOCKS_form tr.SOCKS_frmListHeader td,
div.SOCKS table.SOCKS_form tr.SOCKS_frmListFooter td {
					font-weight: bold; white-space: nowrap; background-color: #ebf5ff; padding: 2px 10px 2px 5px;
					 border-bottom: solid 1px #cdd5de;} /*products list header, footer*/

div.SOCKS table.SOCKS_form tr.SOCKS_frmListHeader td { border-top: solid 1px #cdd5de; }
					
div.SOCKS table.SOCKS_form tr.SOCKS_frmListHeader td.SOCKS_tdLeft,
div.SOCKS table.SOCKS_form tr.SOCKS_frmListFooter td.SOCKS_tdLeft { border-left: solid 1px #cdd5de; } /*products list header, footer*/

div.SOCKS table.SOCKS_form tr.SOCKS_frmListHeader td.SOCKS_tdRight,
div.SOCKS table.SOCKS_form tr.SOCKS_frmListFooter td.SOCKS_tdRight { border-right: solid 1px #cdd5de; width: 100%; } /*products list header*/

div.SOCKS *.SOCKS_tsSelected { color: White; background-color: #9fb8d4;  }

/*------------------------------------------------------------------------------------------------------*/

/*table-list*/
div.SOCKS table.SOCKS_list { border-bottom: solid 1px #cdd5de; border-left: solid 1px #cdd5de; background-color: #e5ecf8; width: 98%; }	/*table itself*/
div.SOCKS table.SOCKS_list td { color: #000000; padding: 5px 3px 5px 3px; white-space: normal; border-right: solid 1px #cdd5de; } /*common cells*/

div.SOCKS table.SOCKS_list tr.SOCKS_tblHeader td {
					font-weight: bold; white-space: nowrap; color: #21578c; background-color: #e5ecf8;
					padding: 2px 5px 5px 3px; border-bottom: solid 1px #21578c; border-top: solid 1px #21578c; cursor: hand;} /*header row*/
					
div.SOCKS table.SOCKS_list tr.SOCKS_rowSel td {
					background-color: #c1d5fd;
					border-top: solid 2px #e5ecf8; border-bottom: solid 2px #e5ecf8; } /*selected row*/
					
div.SOCKS table.SOCKS_list td.SOCKS_tdWrap { white-space: normal; } /*wrapped cell*/

div.SOCKS table.SOCKS_tblPagesLinks { width: 98%; } /*Total / pages section*/
div.SOCKS *.SOCKS_pageLink { padding-left: 4px; padding-right: 4px; }

div.SOCKS *.SOCKS_total { font-weight: bold; }
												
/*------------------------------------------------------------------------------------------------------*/
												
div.SOCKS *.SOCKS_last { width: 100%; } /*100%-wide item*/
div.SOCKS *.SOCKS_alignR { text-align: right; } /*right-align*/
div.SOCKS *.SOCKS_alignL { text-align: left; } /*left-align*/
div.SOCKS *.SOCKS_tdWrap { white-space: normal;  } /*wrapped cell*/

/*------------------------------------------------------------------------------------------------------*/
/*table-filter/actions*/
div.SOCKS table.SOCKS_actions { border: none; background-color: #ffffff; text-align: center; } /*table*/
div.SOCKS table.SOCKS_filter { width: 99%; margin: -4px -4px -4px -4px; text-align: left; } /*table*/

div.SOCKS table.SOCKS_actions td { white-space: nowrap; }

div.SOCKS table.SOCKS_actions tr.SOCKS_actHeader td {
						background-image: url(header-grad.jpg); 
						border: solid 1px #cdd5de; font-weight: bold; padding: 2px 2px 2px 0px; text-align: left;} /*header*/

/*------------------------------------------------------------------------------------------------------*/
/*table-popup/actions*/

body.SOCKS_popup { background-color: #e5ecf8; text-align: center; vertical-align: bottom; margin: 0px; }

div.SOCKS table.SOCKS_popup {
							margin: 0px 0px 0px 5px; border: solid 1px #cdd5de;
							background-color: #ffffff; text-align: left; } /*table*/
div.SOCKS table.SOCKS_popup td { white-space: nowrap; vertical-align: middle;}

div.SOCKS table.SOCKS_popup tr.SOCKS_puHeader td {
							padding: 2px 5px 5px 5px; border-bottom: solid 1px #21578c; 
							background-color: #e5ecf8; font-weight: bold; } /*header*/

div.SOCKS table.SOCKS_popup tr.SOCKS_puMainHeader td {
					 background-color: #e5ecf8; border: solid 1px #cdd5de;
					 padding: 2px 2px 2px 2px; font-weight: bold; } /*main header*/
					 
div.SOCKS table.SOCKS_popup tr.SOCKS_puMainHeader td span,
div.SOCKS table.SOCKS_popup tr.SOCKS_puHeader td span { font-weight: bold; }

div.SOCKS table.SOCKS_popup table.SOCKS_list { width: 100%; }
div.SOCKS table.SOCKS_popup table.SOCKS_inPopup { width: 100%; border: solid 1px #cdd5de; background-color: #ffffff; }
				
/* States ----------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
/*disabled item*/
div.SOCKS *.SOCKS_disabled { color: #ACA899; }
div.SOCKS input.SOCKS_btnD { background-color: #ECE9D8; border-style: ridge; color: #ACA899;}

/*required item*/
div.SOCKS *.SOCKS_required { color: #ff538c; }
div.SOCKS td textarea.SOCKS_required { color: #ff538c; }

/*ambiguous WS item*/
div.SOCKS a.SOCKS_ambiguousWS { color: #DD7700; }

/*disabled item (for Firefox)*/
div.SOCKS *.SOCKS_disabled { color:  Silver; }

/* Special Cases ---------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
/*News paragraph*/
/*Info paragraph*/

/*CUES Links*/
td.content_links a.Normal { font-size: 16px; font-weight: normal; font-family: Algerian, Imprint MT Shadow, Harlow Solid Italic, Forte;
	background-image: url(link_icon.gif); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 26px; }

td.content_links a.Normal:link { color: #21578c; text-decoration: none; }
td.content_links a.Normal:visited { color: #307ecb; text-decoration: none; }
td.content_links a.Normal:hover { color: #db6c00; text-decoration: underline; }
td.content_links a.Normal:active { color: #307ecb; text-decoration: none;}

/* Reports ---------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
.SOCKS_rptHeader { }
.SOCKS_rptTitle { font-size: 12px; font-weight: bold; font-family: Tahoma, Verdana, Calibri; color: #21578c; }
	
.SOCKS_rptColumnSection { background-color: #e5ecf8; border: solid 1px #cdd5de; margin-left: 3px; }
.SOCKS_rptSplitterSection { background-color: #cdd5de; margin-left: 3px; }

.SOCKS_rptColumns { color: #21578c; font-size: 11px; font-weight: bold; font-family: Tahoma, Verdana, Calibri; }
div.SOCKS_rptColumns { padding: 3px 1px 1px 1px; }

.SOCKS_rptDetails, .SOCKS_rptPrice, .SOCKS_rptDiscount { font-family: Arial; font-size: 12px; }
div.SOCKS_rptPrice table { text-align: right; }
div.SOCKS_rptDiscount table { text-align: center; }

.SOCKS_rptTotal { font-family: Arial; font-size: 13px; font-weight: bold; }
div.SOCKS_rptTotal { text-align: right; }
div.SOCKS_rptTotal table { text-align: right; }

.SOCKS_rptGray { font-size: 11px; font-family: Tahoma, Verdana, Calibri; color: #8c8c8c; }
div.SOCKS_rptGray table { text-align: right; }

.SOCKS_rptGroup2 { font-family: Arial; font-size: 12px; color: #21578c; font-weight: bold;}
div.SOCKS_rptGroup2 { border-bottom: solid 1 #21578c; border-top: solid 1 #21578c; background-color: #e5ecf8; }

.SOCKS_rptGroup1 { font-family: Arial; font-size: 12px; color: #740000; font-weight: bold; font-style: italic; }
div.SOCKS_rptGroup1 { background-color: Transparent; }

.SOCKS_rptGroup3 { font-family: Arial; font-size: 12px; font-weight: bold; color: #5d5d5d;}
div.SOCKS_rptGroup3 { border: no; background-color: #cdd5de; }

.SOCKS_hiddenLine { visibility: hidden; }


/* User Profile ---------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
span.SOCKS_upGroup { background-color: #e5ecf8; border: solid 1px #cdd5de; 
	color: #21578c; font-size: 12px; font-weight: bold;
	font-family: Tahoma, Verdana, Calibri; padding: 3px 5px 3px 5px; width: 100%; }

div.SOCKS *.SOCKS_upEdit,
div.SOCKS *.SOCKS_upEditLarge  {
				background-color: #ffffff;
				border: Solid 1px #7f9db9;
				padding-left: 4px; padding-right: 4px; width: 200px; }

