/* Adjust the MainContent Block to return to the left half its width */

/*********** Skin Definitions  ***********/

/* GLOBAL RESETS **/
:link,li :link
{
	color:#330066;
	text-decoration:underline;
	font-size:12px;
}
:visited,li :visited 
{
	color:#6B82B6;
	text-decoration:underline;
	font-size:12px;
}
/*td
{
	padding-bottom:4px;
}
td.TDBottom
{
    padding-bottom:2px;
}*/
table.rowspace td
{
    padding-bottom:4px;
}
.toptext
{
    vertical-align:top;
}
#homelinks a
{
	font-size:13px;
}
a:hover{color:#cccc33;}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;font-weight:400;}
/*ul,p,ol,li */
h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,strong,fieldset {margin:0; padding:0}

a img,:link img,:visited img {border:none}

/* GLOBAL SETS **/
.blank {
padding-bottom:14px;
}
.clear {clear:both;}
.blank {PADDING-BOTTOM: 14px;}
.highlightblank {PADDING-BOTTOM: 14px;}
body {
	text-align:center;
	font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 12.5px;
	background: #FFFFFF;
	color:#333333;
	}
.wrapper {
	margin-left:auto;
	margin-right:auto;
	width:880px;
	}

/* control the width of the page here */
div#SkinWrapper {
	width: 880px;
	margin: 0 auto;
	/* required for ie fix above */
	text-align: left;
}
div#SkinWrapper.NoHeaderNoFooter {
	width: 100%
}

#AdminMenuWrapper a, 
div#AdminMenuWrapper a:link, div#AdminMenuWrapper a:visited{ color: #000000; text-decoration: none;}

div#SkinHeader {
	width: 100%;
	margin: 12px 0 0 0; 
}

div#Logo {
	width: 30%;
	float: left;
}
div#HeaderLogin{
	width: 150px;
	float: right;
	font-size: 80%;
	padding: 0 0 10px 10px;
	margin: 0 0 0 8px;
	border-left: solid 1px #EDEDED;
	/* added when the control was changed to something similar to mr4 */
	text-align: right;
	color: #AAA8A9;
}
/*
div#HeaderLogin input { display: block; float: right; width: 100%; margin-bottom: 3px;}
div#Buttons { text-align: right; white-space: nowrap; }
div#Buttons input { padding: 3px 0 0 0;display: inline !important; width: auto; float:none; vertical-align: bottom;}

#Buttons a, #Buttons a:link { padding-left: 10px; font-size: 95%; color: #C3372A;text-decoration:underline;}
#Buttons a:visited {color: #C3372A;}
#Buttons a:active {color: #C3372A;}
#Buttons a:hover {color: #C3372A;text-decoration:none;}
*/
div#HeaderLogin a:link, div#HeaderLogin a:visited { font-size: 115%; color: #C3372A; }
div#HeaderLogin a:hover { color: #C3372A; }
div#HeaderLogin a:active { color: #C3372A; }


div#HeaderSearch {
	width: 275px;
	float: right;
	font-size: 80%;
	text-align: left;
	margin: 0;
	padding: 0;
}
#HeaderSearch select {
	width: 100%;
}
#HeaderSearch h2 {
	margin: 0 0 3px 0;
	color: #330066;
	font-weight: bold;
	
}
#SearchInput {
	width: 880px;
	margin: 3px 0 0 0;
}
#SearchInput input.textBox {
	width: 21%;
	vertical-align:middle;
}
#SearchInput .OR
{
	width:100px;
	text-align:center;
	font-family:Arial;
	font-weight:bold;
	font-Size:12px;
}

#SearchInput .Search
{
	width:100px;
	text-align:center;
	font-family:Arial;
	font-weight:bold;
	vertical-align:middle;
	font-Size:12px;
}

#UserLinks {
	text-align: right;
	width: 100%;
	margin-top: 5px;
}
#UserLinks a, #UserLinks a:link { padding-left: 10px; font-size: 11px; color: #BB3A24;text-decoration:underline;}
#UserLinks a:visited {color: #BB3A24;}
#UserLinks a:active {color: #BB3A24;}
#UserLinks a:hover {color: #BB3A24;text-decoration:none;}
#UserLinks a img {border:none; display:inline;}

div#MainMenuWrapper  {
	background: #EEEEEE url('img/purple-banner_880.gif') no-repeat;
	margin: 4px 0;
	height: 60px;
	z-index:100;
}
div#MainMenuWrapper ul, div#MainMenuWrapper li { margin:0; padding: 0; }

/* [BREADCRUMB] token */
#Breadcrumb {margin: 5px 0 8px 0;color: #C3372A;}
#Breadcrumb a.SkinObject, #Breadcrumb a.SkinObject:link { padding-left: 0; font-size: 11px; color: #C3372A;text-decoration:underline;}
#Breadcrumb a.SkinObject:visited {color: #C3372A;}
#Breadcrumb a.SkinObject:active {color: #C3372A;}
#Breadcrumb a.SkinObject:hover {color: #C3372A;text-decoration:none;}

/* SkipLinks */
#SkipLinks {margin: 5px 0;color: #555555}
#SkipLinks a, #SkipLinks a:link { padding-left: 5px; font-size: 90%; color: #555555;text-decoration:underline;}
#SkipLinks a:visited {color: #555555;}
#SkipLinks a:active {color: #555555;}
#SkipLinks a:hover {color: #330066;text-decoration:none;}

div#ContentPaneWrapper_3Col {
	width: 385px;
	float: left;
	border-right: solid 1px #330066;
	margin-right:6px;
} 

div#ContentPaneWrapper_2Col {
	float: right;
	margin-left: -15px;
	width: 635px;
} 
div#ContentPaneWrapper_Search 
{
	float: left;
	width: 585px;
}
div#ContentPaneWrapper_1Col  {
	float: left;
	width: 100%;
} 

div#LeftPaneWrapper {
	float: left;
	width: 220px;
}
div#LeftPaneInnerWrapper {
	margin-right: 0px;
}

div#RightPaneWrapper {
	/*float: right;
	width: 220px;*/
	float: right;
	width: 60px;
}
div#RightPaneWrapper_Search {
	float: right;
	width: 200px;
}
div#RightPaneInnerWrapper {
	margin-left: 0;
}
div#LeftPaneInnerWrapper, div#RightPaneInnerWrapper { }

div#Footer 
{
	/*background: #617FB3 url('img/footerImage.jpg') repeat-y;*/
	border-top: solid 1px #EDEDED;
	border-bottom: solid 1px #EDEDED;
	color: #777D7D;
	padding: 4px 10px;
} 


#Footer a, #Footer a:link { color: #777D7D;text-decoration:underline;}
#Footer a:visited {color: #777D7D;}
#Footer a:active {color: #333;}
#Footer a:hover {color: #333;text-decoration:none;}

div#FooterNIAID { 
	width: 80px;
	float: left; 
	padding: 2px 0 0 5px;
}
div#FooterCenterWrapper {
	width: 600px;
	margin: 0 auto;
	
}
div#FooterTop {
	text-align: center;
}
div#FooterText 
{
	margin: 7px 0 0 0;
	color:#330066;
	font-size:8.5pt;
	font-family:Arial;
	font-weight:bold;
	text-align: center;
}
div#FooterNavigation 
{
	margin: 7px 0 0 0;
	text-align: center;
	font-size: 90%;
}

div#Footer #Copyright { font-size: 90%;text-align: center; margin: 7px 0 0 0;}

div#FooterLogo { 		
	padding: 2px 0 0 0;
	font-size: 90%;
	float:right; 
	width: 80px;
	text-align: center;
}

/* *****  ALL STYLE DEFINITIONS BELOW THIS POINT ARE LEGACY/DEFAULT ***** */
/* ***  THEY ARE LEFT IN PLACE TO SUPPORT CORE/3RD PARTY ADMIN PAGES **** */

/* [NAV] */

.main_dnnmenu_container {
	background-color: transparent; 
	text-align: right;
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
}
/* the sub menu styles */
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #999; 
	font-size: 12pt; 
	font-weight: bold; 
	font-style: normal; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/
    padding: 1px 3px 3px 1px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #999; 
	font-size: 12pt; 
	font-weight: bold; 
	font-style: normal; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 0px 2px 0px 0px;   /*explicitly set padding for root menu items*/
}

/* root menu hover */
.main_dnnmenu_itemhover {  
	background-color: #ccc; 
}
/* sub menu hover */
.main_dnnmenu_itemhover td {  
	background-color: #ccc; 
}


.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #eee;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
/* container for the page navigation */
.PagingTable {
    width: 100%;
    background-color: #FFFFFF;
    border: #003366 1px solid; 
}

/* class applied to all the widgets (tokens) in a skin */
/* links in the skins are defined by their containing div */
.SkinObject { }

A.SkinObject:link { }

A.SkinObject:visited { }

A.SkinObject:hover { }

A.SkinObject:active { }

/* style for module titles */
.Head   { }

/* style of item titles on edit and admin pages */
/* labels the form fields */
.SubHead    { }

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead { }

/* text style used for most text rendered by modules */
.Normal,.NormalDisabled { }

/* text style used for rendered text which should appear disabled */
.NormalDisabled { color: red; }

/* text style used for rendered text which requires emphasis */
.NormalBold { font-weight: bold }

/* text style used for error messages */
.NormalRed {font-weight: bold;color: #ff0000;}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox { }
.title { color: Red; margin:0; padding: 0; }

/* styles used by Data Grids */
/* table containing the grid or div wrapping the grid */
.DataGrid_Container { }
.DataGrid_Container th {
	font-weight: normal;
	color: #000000;
	background-color: #eeeeee;
}
.DataGrid_Container th a:link { color: #ffffff;text-decoration: underline; }

.DataGrid_Container th a:visited { color: #ffffff;text-decoration: underline; }

.DataGrid_Container th a:hover { color: #ffffff;text-decoration: none; }

.DataGrid_Container th a:active { color: #ffffff;text-decoration: underline; }

.DataGrid_Container th a.sorted:link { font-weight: bold; }

.DataGrid_Container th a.sorted:visited {font-weight: bold; }

.DataGrid_Container th a.sorted:hover { font-weight: bold; }

.DataGrid_Container th a.sorted:active { font-weight: bold; }

.DataGrid_AlternatingItem
{
	background-color: #EDEDED;
}

.DataGrid_Footer 
{
	color: white;
	background-color: #330066;
	border: none;
}
.DataGrid_Header
{
	color: white;
	font-weight: bold;
	background-color: #000000;
	font-size: 10pt;
	height: 22px;	
	border: none;
}
.DataGrid_Item
{
	border: none;
}

.DataGrid_SelectedItem
{
	color: #330066;
}
.Paging
{
	color: #330066;
}
.DataGrid
{
	border-right: #330066 1px solid;
	border-top: #330066 1px solid;
	border-left: #330066 1px solid;
	border-bottom: #330066 1px solid;
}

.DataGrid2
{
	border-right: none;
	border-top: transparent 5px solid;
	border-left: none;
	border-bottom: none;
}

/* end styles used by Data Grids */

/* styles used by TreeMenu Skin Object */
.TreeMenu_Node {
    font-weight: normal;
}

.TreeMenu_NodeSelected {
    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;
}
/* end styles used by TreeMenu Skin Object */

/* styles used in the FileManager */
.FileManager {
	border: black 1px solid;
	height:400px;
}
.FileManager_ToolBar {
	border-bottom: black 1px solid;
	height:25px;
}
.FileManager_Explorer {
	height:100%;
	border: dimgray 1px solid;
	background-color: White;
	margin: 2px 2px 2px 2px;
}

.FileManager_FileList {
	height:100%;
	border: dimgray 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-weight: bold;
    color: #E7E7FF;
    background-color: #9EBFF6;
    border-bottom: dimgray 1px solid;
    height: 25px;
}

.FileManager_Pager {
    font-weight: bold;
    background-color: #EEEEEE;
    border-top: dimgray 1px solid;
    height: 25px;
}

.FileManager_StatusBar {
    font-weight: normal;
    background-color: #dedfde;
    height: 25px;
	margin: 2px 2px 2px 2px;
}

.FileManager_Item {
    font-weight: normal;
    color: Black;
    background-color: #F8F8F8;
    border-top: black 1px dashed;
    border-bottom: black 1px dashed;
}

.FileManager_AltItem {
    font-weight: normal;
    color: Black;
    background-color: #EEEEEE;
    border-style: none;
}
.FileManager_SelItem {
    font-weight: bold;
    color: White;
    background-color: #99ffff;
    border-style: none;
}

.FileManagerTreeNode {
    font-weight: normal;
}

.FileManagerTreeNodeSelected {
    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;
}
/* end styles used in the FileManager */

/* styles used in the Wizard Framework */
.Wizard {
	border: black 1px solid;
	height:400px;
	width:650px;
}
.WizardButton {
	border: dimgray 1px solid;
	padding: 2px;
	background-color: gainsboro;
}
.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: 10px;
	height: 325px;
}
.WizardHelp {
	padding: 5px;
	border-left: black 1px solid;
	width: 180px;
	background-color: #ccffff;
}
.WizardHelpText {
	overflow: auto;
	width: 180px;
	color: black;
	height: 300px;
}
.WizardText {
	color: black;
}
/* end styles used in the Wizard Framework */

/* 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;
  background-color: #ffff99;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton {
    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;
}
/* End hyperlink style for buttons and link buttons used in the portal admin pages */

/*********** 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; 
	cursor: hand;
	height:16;
	background-color: Transparent;
}

.ModuleTitle_MenuItem {
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	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; 
	cursor: hand; 
	background-color: #EEEEEE; 
	border-left: #EEEEEE 1px solid; 
	border-bottom: #EEEEEE 1px solid; 
	border-top: #EEEEEE 1px solid; 
	text-align: center; 
	width: 15; 
	height: 21;
}

.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #FFFFFF; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	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; 
	cursor: hand; 
	color: black; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	background-color: #C1D2EE;
}

.ModuleTitle_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
	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; 
	cursor: hand;
}
/*********** End Module Title Menu ***********/

/*  Main Menu ?? still required ?? */
.MainMenu_MenuContainer {
	background-color: transparent; 
}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16;
	background-color: Transparent;
}
.MainMenu_MenuItem {
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	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; 
	cursor: hand; 
	background-color: #EEEEEE; 
	border-left: #EEEEEE 1px solid; 
	border-bottom: #EEEEEE 1px solid; 
	border-top: #EEEEEE 1px solid; 
	text-align: center; 
	width: 15; 
	height: 21;
}
.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #FFFFFF; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	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; 
	cursor: hand; 
	color: black; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	background-color: #C1D2EE;
}
.MainMenu_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
	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; 
	cursor: hand;
}	
	
/*********** Styles used by DNN legacy code ***********/

/* button style for standard HTML buttons */
.StandardButton
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 11px;
	background: #dddddd;
	color: #000000;
}

/* author: Jose Luis Rivera */
/* Styles for the main text and images within the workflow (Text/HTML) Module */

.imageleftside img
{
	border: 1px solid transparent;
	margin-right: 15px;
	margin-bottom: 20px;
	float: left;
}

.imagerightside img
{
	border: 1px solid transparent;
	margin-left: 15px;
	margin-bottom: 20px;
	float: right;
}

.clear
{
	clear: both;
}

.imageleftside2 img
{
	border: 1px solid transparent;
	margin-right: 5px;
	margin-bottom: 20px;
	float: left;
}


/* new grid section */
/*grid section*/
/* tables */
span.CollectionName
{
	color: #330066;
	font-weight:bold;
	font-size: 14px;
}
table.tablesorter {
	width: 100%;
	/*border: #663399 1px solid;*/
	
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	color: white;
	font-weight: bold;
	background-color: #000000;
	/*font-size: 10pt;*/
	height: 18px;
}
table.tablesorter thead tr .header {
	/*background-image: url(img/bg.gif);*/
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .headerClicked {
	background-color:#ffffcc;
}

table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 0px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#EDEDED;
}
table.tablesorter thead tr .headerSortUp
{
    background-image: url(img/asc.gif);
    background-position-y: center;
    background-position:left center;
    background-repeat: no-repeat;
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(img/desc.gif);
	background-position-y: center;
	background-position:left center;
    background-repeat: no-repeat;
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #000000;
}

table.tablesorter input
{
    border:none;
    background-color:Transparent;
}




/* pager section */
div.tablesorterPager {
	padding: 10px 0 10px 0;
	text-align: left;
	font-size:10pt;
	color: #000;
	width:100%;
	height:20px;
}

div.tablesorterPager span {
	
}
div.tablesorterPager span.prev {
	width: auto;
    padding: 0px 2px 0px 2px;
    color: #330066;
    text-decoration: underline;
    cursor:pointer;
}
div.tablesorterPager span.next {
	width: auto;
    padding: 0px 2px 0px 2px;
    color: #330066;
    text-decoration: underline;
    cursor:pointer;
}

div.tablesorterPager span.current
{
    color:#000000;
    padding: 0px 2px 0px 2px;
}

div.tablesorterPager span.pagenumber
{
    color: #330066;
    padding: 0px 2px 0px 2px;
    text-decoration: underline;
    cursor:pointer;
}

div.tablesorterPager span.first {
	width: auto;
    padding: 0px 2px 0px 2px;
    color: #330066;
    text-decoration: underline;
    cursor:pointer;
}
div.tablesorterPager span.last {
	width: auto;
    padding: 0px 2px 0px 2px;
    color: #330066;
    text-decoration: underline;
    cursor:pointer;
}

.linkActive
{
    cursor:pointer;
}
.linkDeactive
{
    color:Black;
    text-decoration:none;
    cursor:text;
    
}

/*end new grid section*/
	




input.groovybutton
{
   font-size:11px;
   font-family:Tahoma,sans-serif;
   color:#330066;
   height:18px;
   background-color:#eff5f3;
   border-top-style:solid;
   border-top-color:#330066;
   border-top-width:1px;
   border-bottom-style:solid;
   border-bottom-color:#330066;
   border-bottom-width:1px;
   border-left-style:solid;
   border-left-color:#330066;
   border-left-width:10px;
   border-right-style:solid;
   border-right-color:#330066;
   border-right-width:1px;
   cursor:pointer;
}


/*date picker style*/


table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #330066;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #eff5f3;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: red;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(img/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}



div.dp-popup {
	position: relative;
	background: #eff5f3;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}
#mid-container {
margin: 0 0 0 0;
font-size: 11px;
line-height: 13px;
overflow:visible;
}
#mid-container .mid {
background: transparent url('../../images/midcontainer-single-mid.png') top center repeat-y;
min-height:10px;
}
#mid-container .top {
height:10px;
background: transparent url('../../images/midcontainer-single-top.png') top center no-repeat;
}
#mid-container b {
}
#mid-container .inner {
min-height:243px;
background: transparent url('../../images/midcontainer-single-bottom.png') bottom center no-repeat;
overflow:visible;
}
#mid-container .lastsection div.inner {
background: transparent url('../../images/midcontainer-single-bottom-helix.png') bottom center no-repeat;
}
#mid-container .lastsection div.top {
background: transparent url('../../images/midcontainer-single-bottom-helix-top.png') bottom center no-repeat;
}
#mid-container .lastsection div.mid {
background: transparent url('../../images/midcontainer-single-bottom-helix-mid.png') top center repeat-y;
}
#mid-container .inner .innerpad {
padding:23px 25px 0 23px;
margin: 0 0 0 0;
}

#mid-container h3 {
color:#231145;
font-size:18px;
margin:-10px 0 13px 0;
}
#mid-container .section {
width:206px;
float:left;
color:#818888;
margin-right:6px;
}
#mid-container .lastsection {
width:206px;
}

#mid-container div.firstsection {
background:none;
padding-top:10px;
width:385px;
}
#mid-container .section p, #support p {
margin:0 0 7px 0;
}
#mid-container a.learnmore:link, #ATCCLinks a.learnmore:visited {
color:#6b3488;
font-size:10px;
}
#mid-container a.learnmore:hover {
color:#222;
text-decoration:none;
font-size:10px;
}
#mid-container .section ul
{
	list-style:none;
	margin:0 0 5px 15px;
	padding-left:0px;
}

#mid-container .section table tbody tr td ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#mid-container .section ul.yellow 
{
color:#c5d357;
margin:0 0 5px 15px;
font-size:11px;
line-height:18px;
}
/*
#mid-container a:link, #ATCCLinks a:visited {
color:#330066;
text-decoration:none;
}
#mid-container a:hover {
color:#333;
text-decoration:none;
}
*/
/*end datepicker style*/

#ATCCLinks #sidenav {
margin: 0 0 10px 0;
font-size: 11px;
line-height: 13px;
overflow:visible;
}

#ATCCLinks .section p, #support p {
margin:0 0 7px 0;
}
#ATCCLinks a.learnmore:link {
color:#6b3488;
font-size:10px;
}
#mid-container a.learnmore:visited {
color:#6B82B6;
font-size:10px;
}
#ATCCLinks a.learnmore:hover {
color:#CCCC33;
text-decoration:none;
font-size:10px;
}
#ATCCLinks .section ul.yellow {
color:#c5d357;
margin:0 0 5px 15px;
font-size:11px;
line-height:18px;
}
#ATCCLinks a:link,  #ATCCLinks a:visited {
color:#818888;
text-decoration:underline;
}
#ATCCLinks a:hover {
color:#330066;
text-decoration:underline;
}

#ATCCLinks h3
{
	font-size:18px;
}

#sidenav ul,#sidenav p,#sidenav ol,#sidenav li{margin:0; padding:0}
#sidenav {
margin:0 3px 10px 0px;
font-size:11px;
/*width:204px;*/
}

#sidenav ul {
list-style:none;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
background:#E9EBEC url('../../images/subnavbg.png') top left repeat-x;
}
/*#sidenav ul li {
border-bottom:1px solid #D9DEDF;
}*/
#sidenav ul li:last-child {
border-bottom:none;
}
#sidenav ul li a {
display:block;
/*padding:8px 0px 0px 10px;*/
padding:8px;

}
#sidenav ul li a:link, #sidenav ul li a:visited {
color:#818888;
background: transparent url('../../images/subnav-arr.png') 185px center no-repeat;
list-style-position:outside;
border-bottom:1px solid #D9DEDF;
text-decoration:none;
font-size:11px;
padding-right:25px;
width:170px;
}
#sidenav ul li a:hover, #sidenav ul li.current a {
color:#FFF;
background:#231146 url('../../images/subnav-arr-on.png') 185px center no-repeat;

}


#ATCCLinks #sidenav ul {
list-style-type:disc;
color:#c5d357;
border-radius: 0px;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
background:none;
margin-left:14px;
}
#ATCCLinks  #sidenav ul li {
border:none;
}
#ATCCLinks #sidenav ul li a {
display:block;
padding:2px;
}

#ATCCLinks #sidenav ul li a:link, #ATCCLinks #sidenav ul li a:visited {
color:#818888;
background:none;
text-decoration:underline;
border-bottom:0px;
list-style-position:inside;
font-size:12px;
}
#ATCCLinks #sidenav ul li a:hover, #ATCCLinks #sidenav ul li.current a {
color:#333;
text-decoration:underline;
background:none;
border-bottom:0;
}

.CustomDropDownText {
	background:url('../../images/DDLText.png');
	border:0px solid red;
	border-style:none;
	Width:210px;
	text-align:center;
	font-weight:bold;
	font-family:Arial;
	Height:16px; 
	vertical-align:middle;
}

.dropdown
{
	position:absolute;
    display: none; 
    width: 222px; 
    border: 1px solid silver;
    background-color:White;
    padding:2px 0px 2px 3px;
    z-index:200;
    height:250px;
    overflow-y:auto;
    overflow-x:hidden;

}
.dropdown a {
	display: block;
	width: 98%;
	color: #555555;
	margin-top: 1px;
	margin-bottom: 1px;
	padding:2px 0px 2px 3px;
	text-decoration:none;
	background-color: #FFF;

}
.dropdown a:hover {
	background-color: #999999;
	text-decoration:none;
	color:#FFF;
	padding:2px 0px 2px 3px;
}
.dropbutton 
{
	height:18px;
	border:none;
	vertical-align:middle;
	display:inline;
}
.DDLframe{display:block;border:1px;text-align:center;z-index:101;}

#SearchInput .submit {
background: transparent url('../../images/search.png') center top no-repeat;
width:33px;
height:29px;
border:none;
text-indent:-99999px;
cursor:pointer;
vertical-align:middle;
}

div#signup, #signup a
{
	z-index:-100;
	font-size: 11pt; 
	color: #000000; 
	font-family: Arial;
	font-weight:bold;
	padding-left:0px;
	width:400px;
}
 #signup a
 {
	color:#330066;
 }
 #signup a:hover
 {
	color:#CCCC33;
 }
 #signup a:visited
 {
	color:#6B82B6;
 }
 
.commingSoonCollLinks
{
    border-color:#330066;
    border-style:solid;
    border-width:2
}

.loginPageLoginDiv
{
    padding-top:30px;
    height:160px;
    width:420px;
	background-color:White;
    display:block;
    position:fixed;
    _position:absolute;
    left: 35%;
    top: 25%;
    visibility:visible;
    vertical-align:middle;
    border:1px solid #999999;
    text-align:left;
    padding-left:30px;
    padding-right:30px;
}
 /* Z-index of #mask must lower than #boxes .window */  
div#mask {  
        position:absolute;  
        z-index:9000;  
        background-color:gray;  
        display:none;  
    }  

div#boxes .window {  
       position:fixed;  
        left: 45%;
        top: 35%;
      background-color:#fff;
        display:none;  
        z-index:9999;  
        padding:5px;  
        border: solid 1px black;
    }  

    /* Customize your modal window here, you can add background image too */  
div#boxes #dialog {  
     /*   width:400px;   
        height:20px;  
        background-color:#FAFAFA;
        border: solid 2px 	#330066;
        padding: 0px;*/
    }  
    
    /* Z-index of #mask must lower than #boxes .window */  
div#Cartmask {  
        position:absolute;  
        z-index:9000;  
        background-color:gray;  
        display:none;  
    }  

div#Cartboxes .Cartwindow {  
        position:fixed;  
        left: 45%;
        top: 35%;
        width:440px;  
        height:200px;  
        display:none;  
        z-index:9999;  
        padding:20px;  
    }  

    /* Customize your modal window here, you can add background image too */  
div#Cartboxes #Cartdialog {  
        width:230px;   
        height:120px;  
        background-color:#FAFAFA;
        border: solid 2px 	#330066;
        padding: 0px;
    }  
    
    .TemplateImage
{
    display:inline;
}


    /* Z-index of #mask must lower than #boxes .window */  
    div#maskDeposit {  
        position:absolute;  
        z-index:9000;  
        background-color:gray;  
        display:none;  
    }  

    div#boxesDeposit .windowDeposit {  
        position:absolute;  
        width:200px;         
        height:200px;  
        display:none;  
        z-index:9999;  
        padding:20px;  
    }  

    /* Customize your modal window here, you can add background image too */  
    div#boxesDeposit #dialogDeposit {  
        width:735px;   
        height:auto;  
        background-color:#FAFAFA;
        border: solid 1px 	#000000;
        padding: 5px;
    }  
	/*
	.depositform-modal-overlay {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		height: 100%;
		width: 100%;
		margin: 0;
		padding: 0;
		background: #131313;
		opacity: .85;
		filter: alpha(opacity=85);
		z-index: 101;
	}
	.depositform-modal-window {
		position: fixed;
		top: 50%;
		left: 50%;
		margin: 0;
		padding: 0;
		z-index: 102;
		background: #fff;
		border: solid 8px #000;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
*/
	.depositform-close-window {
		position: absolute;
		width: 24px;
		height: 24px;
		right: -14px;
		top: -14px;
		background: transparent url('img/close-button.png') no-repeat scroll right top;
		text-indent: -99999px;
		overflow: hidden;
		cursor: pointer;
	} 
.loginDiv
{
    padding-top:35px;
    height:160px;
    width:400px;
	background-color:White;
    display:block;
    position:fixed;
    _position:absolute;
    left: 35%;
    top: 25%;
    visibility:visible;
    vertical-align:middle;
    border:1px solid #999999;
    text-align:left;
    padding-left:30px;
    padding-right:30px;
}


.loginPageLoginDiv
{
    padding-top:30px;
    height:160px;
    width:450px;
	background-color:White;
    display:block;
    position:fixed;
    _position:absolute;
    left: 35%;
    top: 25%;
    visibility:visible;
    vertical-align:middle;
    border:1px solid #999999;
    text-align:left;
    padding-left:30px;
    padding-right:30px;
}