/* --------------------------------------------------------------------------------------------------------------------------------
     -------------  Su2p  -------  
     --------------------------------------------------------------------------------------------------------------------------------
*/

/* ******************************************************************* */
/*                                                                                                                                        */
/*COMMON STYLES*/
/*                                                                                                                                        */
/* ******************************************************************* */
* {
  margin:0;
  padding:0;
}

.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .Clearfix {height: 1%;}
/* End hide from IE-mac */

/* styles used by Data Grids */
.DataGrid_AlternatingItem
{
    background-color:White;
    color: Red;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%; /*10px;*/
    font-weight: normal;
}
.DataGrid_Container
{
	background-color: Transparent;
}
.DataGrid_Footer
{
    background-color:White;
}
.DataGrid_Header
{
    background-color:Transparent;
    color: Black;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 95%; /*10px;*/
    font-weight: bold;
    text-align: center;
}
.DataGrid_Item
{
    background-color:Transparent;
    color: Black;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 95%; /*10px;*/
    font-weight: normal;
}
.DataGrid_SelectedItem
{
    background-color: Silver;
    color: Blue;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 95%; /*10px;*/
    font-weight: normal;
}

.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: 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-family: Arial, Helvetica, sans-serif;
    font-size: 11px; /*11px*/
    font-weight: bold;
    color: #E7E7FF;
    background-color: #9EBFF6;
    border-bottom: dimgray 1px solid;
    height: 25px;
}

.FileManager_Pager
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; /*11px*/
    font-weight: bold;
    background-color: #EEEEEE;
    border-top: dimgray 1px solid;
    height: 25px;
}

.FileManager_StatusBar
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; /*11px*/
    font-weight: normal;
    background-color: #dedfde;
    height: 25px;
	margin: 2px 2px 2px 2px;
}

.FileManager_Item
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; /*11px*/
    font-weight: normal;
    color: Black;
    background-color: #F8F8F8;

}

.FileManager_AltItem
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; /*11px*/
    font-weight: normal;
    color: Black;
    background-color: #EEEEEE;
    border-style: none;
}
.FileManager_SelItem
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; /*11px*/
    font-weight: bold;
    color: White;
    background-color: #99ffff;
    border-style: none;
}

.FileManagerTreeNode 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; /*11px*/
    font-weight: normal;
}

.FileManagerTreeNodeSelected 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; /*11px*/
    font-weight: normal;
	background-color: #dcdcdc; 
}

A.FileManagerTreeNode:link, A.FileManagerTreeNodeSelected:link {
    text-decoration:    none;
    color: #303030;
}

A.FileManagerTreeNode:visited, A.FileManagerTreeNodeSelected:visited  {
    text-decoration:    none;
    color: #303030;
}

A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active   {
    text-decoration:    none;
    color: #303030;
}

A.FileManagerTreeNode:hover, A.FileManagerTreeNodeSelected:hover    {
    text-decoration:    none;
    color: #ff0000;
}

/* 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: 100%; /*11px*/
  padding-bottom: 2px;
  border-left: black 1px solid;
  color: black;
  padding-top: 2px;
  border-bottom: black 1px solid;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #ffff99;
}

/* 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-family: Arial, Helvetica, sans-serif; 
	font-size: 1em; /*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-family: Arial, Helvetica, sans-serif; 
	font-size: 90%; /*9pt; */
	font-weight: bold; 
	font-style: normal;

	background-color: #C1D2EE;
}

.ModuleTitle_MenuArrow {
	font-family: webdings; 
	font-size: 90%; 
	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: 90%; 
	cursor: pointer; 
	cursor: hand;
}

.ControlPanel{
	font-size:small;
}

.ControlPanel .SubHead{
}	

.SubSubHead {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  95%;
    font-weight: bold;
    color: black;
}

.Normal,.NormalDisabled, P, TD, ul, ol,p {
	font-family: Verdana, Helvetica, sans-serif;
	padding:5px 0 5px 0;
	margin:0;
	font-size:small;
}

.Normal p {
}

.Normal span{
}

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

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

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

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Verdana, Helvetica, sans-serif;
    color: #303030;
	font-size:small;
    /*font-weight: bold;*/
    text-decoration: none;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {

    color: #4f027c;
}

A.CommandButton:visited  {

    color: #4f027c;
}

A.CommandButton:active   {

    color: #4f027c;
}

A.CommandButton:hover    {

    color: #4f027c;
}

.SkinObject {
    font-family: Verdana, Helvetica, sans-serif;
    color: #303030;
    /*font-weight: bold;*/
    text-decoration: none;
}

A.SkinObject:link {
    text-decoration:    none;
    color:#787B4C;
}

A.SkinObject:visited  {
    text-decoration:    none;
    color:#787B4C;
}

A.SkinObject:active   {

    color:#787B4C;
}

A.SkinObject:hover    {

    color:#787B4C;
}

/* button style for standard HTML buttons */
.StandardButton
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-size: small; 
	background: #66cfe6;
	color: #002a5b;
	font-family: Verdana, Helvetica, sans-serif;
}
/* END DNN TEXT STYLES */

/* ******************************************************************* */
/*                                                                                                                                        */
/*  END COMMON */
/*                                                                                                                                        */
/* ******************************************************************* */

html {
	height:100%;
}

body {
	background-color: #837560;
	color:#000000;
	/*color:#70695A;*/
	font-family: verdana, arial, sans-serif;
	padding: 0px;
	margin: 0px;
}

p
{ 
	margin: 0px;
	padding: 0px 0px 16px 0px;
	line-height: 1.7em;
}

h1, .Head {
	font-family: arial, sans-serif;
	letter-spacing: .1em;
}

h2, .SubHead {
	margin: 0px;
	padding: 0px 0px 4px 0px;
}

h3  {
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
}

h4  {
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
}

h5  {
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
}

h6  {
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
}

img{
	border: 0px;
}

a{
	outline: none;
}

blockquote
{ 
	background: #FFFFFF;
	color: #70695A;
	border-color: #767676;
	margin: 20px 0px 20px 0px; 
	padding: 10px 20px 0px 20px;
	border-left: 8px solid;
}

ul
{ 
	margin: 8px 0px 0px 16px;
	padding: 0px;
	list-style-type:square;
}

ul li
{ 
	list-style-type: square;
	margin: 0px 0px 11px 0px; 
	padding: 0px;
}

ol
{ 
	margin: 8px 0px 0px 24px;
	padding: 0px;
}

ol li
{ 
	margin: 0px 0px 11px 0px; 
	padding: 0px;
}

/* ******************************************************************* */
/*                                                                                                                                        */
/*  CUSTOM */
/*                                                                                                                                        */
/* ******************************************************************* */
#mainbody{
    background-color: #FFFFFF;
    width: 780px;
    color: #70695A;
    margin-left: auto; 
    margin-right: auto;
}

.normalbody {
	background-image:url(images/back.png);
	background-repeat:repeat-y;
}

.widebody{
	background-image:url(images/backwide.png);
	background-repeat:repeat-y;
}

#toplinks, #footer, #menu, #menu li a
{ background: #FFFFFF url(images/menu.png);
  color: #DBD7D1;
  border-color: #D7D7D7;
}

#toplinks a, #footer a, #toplinks a:hover, #footer a:hover
{ background: transparent;
  color: #DBD7D1;
}

#toplinks, #footer
{ margin-left: auto; 
  margin-right: auto;
  padding: 10px 21px 0px 19px;
  width: 720px;
  height: 26px;
  text-transform: uppercase;
  font-size:0.7em;
}

#toplinks a, #footer a{text-decoration: none;}

#toplinks a:hover, #footer a:hover{text-decoration: underline;}

#toplinks{text-align: right;}

#footer{text-align: center;}

#footerback{
	background-image:url(images/back.png);
	background-repeat:repeat-y;
    width: 780px;
    margin-left: auto; 
    margin-right: auto;
}

#menu
{ height: 42px;
  width: 760px;
  margin-left: auto; 
  margin-right: auto;
}

#menu ul{margin: 0px auto;} 

#menu li
{ float: left; 
  margin: 0px; 
  padding: 0px;
} 

#menu li a 
{ display: block; 
  float: left; 
  height: 37px;
  text-decoration: none; 
  padding: 3px 19px 2px 19px;
  text-transform: uppercase;
  font-size:0.85em;
  
} 

#menu li a:hover, #menu li a#selected, #menu li a#selected:hover
{ background: #FFFFFF url(images/menu_hover.png);
  /*color: #70695A;*/
  color:#000000;
} 

#logo
{
  background: #FFFFFF url(images/logo.jpg) no-repeat;
  color: #ffffff;
  margin-left: auto; 
  margin-right: auto;
  width: 760px;
  height: 151px;
  text-align: left;
}

#logo h1
{ 
  margin: 0px;
  padding: 41px 0px 0px 19px;
  letter-spacing: .2em;
  background: transparent;
  color: #ffffff;
}

#column1, #column2 
{
	height: auto; /* added to allow Radmenu to flow */
}

/* column 1 - contains sidebar items */
#column1
{ width: 207px;
  float: right;
  padding: 16px 0px 15px 0px;
}

#column1 h2, #column1 h3, #column1 h4 {
	font-weight:bold;
	color:#ffffff;
	margin:5px;
	}

#column1 .Head
{ 
  color: #333333;
  font-size:small;
  font-weight:bold;
  margin-left:8px;
  vertical-align:middle;
}

#column1 h1 
{
  background: #FFFFFF url(images/sbi_header.png);
  text-transform:uppercase;
}

#column1, #column1 a, #column1 a:hover
{
  background: transparent;
  color: #DBD7D1;
  text-align:left;
  text-decoration: none;
}

#column1 a {
    border-bottom: 1px dashed;
}

#column1 h1 a {
	border-bottom:0;
}

#column1 a:hover {
  border-bottom: 1px solid;
}

#column1 p {
  padding:14px 8px 8px 19px;
}

#column1 ul {

}

#column1 .links{padding: 0px;}

#column1 .links ul{margin: 0px auto;} 

#column1 .links li 
{ margin: 0px; 
  float: left; 
  list-style: none; 
} 

#column1 .links li a , #column1 .links li a:hover
{ float: left; 
  text-decoration: none; 
  padding: 7px 0px 6px 19px;
  width: 188px;
  border: 0px;
} 

#column1 .links li a
{ background: #FFFFFF url(images/link.png);
background-repeat:repeat-x;
background-position:bottom left;
  color: #DBD7D1;
} 

#column1 .links li a:hover
{ background: #B7B7B7;
  color: #CE7014;
} 

#column1 ul.links {
  margin-left:0px;
}

/* column 2 - page content */
#column2
{ text-align: justify;
  float: left;
  padding: 12px 3px 15px 19px;
}

#column2 h1
{ 
color:#cc6633;
	padding: 6px 0px 4px 0px; 
  margin: 0px 0px 12px 0px; 
  border-bottom: 1px solid #cc6633;
  text-transform: uppercase;
  font-weight: normal;
}

#column2 a, #column2 a:hover
{ padding: 0px 0px 2px 0px;
  border-bottom:dashed 1px #70695a;
  color:#70695a;
}

#column2 a:hover{  border-bottom:solid 1px #70695a;}

.narrowcolumn {
	width:512px;
}

.widecolumn {
	width:719px;
}



h1, #column2 h1
{ 
  background: transparent;
  color: #cc3300;
  border-color: #cc3300;
}

#content, #column2 a, #column2 a:hover
{
}

#content
{ 
  margin-left: auto; 
  margin-right: auto;
  width: 760px;
  height: auto;
  padding: 0px;
  /* overflow: hidden; */ /* hidden to allow Radmenu to flow */
}

#column2 .Head {
  background: transparent;
  color: #cc3300;
  padding: 6px 0px 4px 0px; 
  margin: 0px 0px 12px 0px; 
  font-size: medium;
  text-transform: uppercase;
  font-weight: bold;

}

#column2 h3 {
  background: transparent;
  color: #cc3300;
  padding: 6px 0px 4px 0px; 
  margin: 0px 0px 12px 0px; 
  font-size: medium;
  text-transform: uppercase;
  font-weight: normal;
  border-bottom:solid 1px #cc3300;
}

#column2 h3 a {
	color:#ce7014;
	border-bottom:none;
}

#column2 h3 a:hover {
	border-bottom:none;
	text-decoration:none;
}

#column2 #profiles a {
	text-decoration:none;
}

#column2 #profiles a:hover {
	text-decoration:none;
}

#contentpane {
	color:#70695A;
}

.left
{ float: left; 
  padding: 0px 8px 0px 0px;
}

.right
{ float: right; 
  padding: 0px 0px 0px 8px;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

.clear {
	clear:both;
}

.textonlylinks {
	font-size:0px;
	visibility:hidden;
	display:none;
}

.Spacer{
	clear:both;
	font-size:0px;
}

/* END IDs and CLASSES */

/* ==================================================== */
/* RADMENU styling  */
/* ==================================================== */
.rootGroup
 {
    white-space:normal !important;    
}
/* no wrap on all subsequent levels */
.level1
{
    white-space:nowrap !important;    
}

/* extra border for all lower levels */
.level1 .item
{
    border-left: 1px solid #999999;  
    border-right: 1px solid #999999;    
    border-bottom: 1px solid #999999;    	
}

/* top border for the first item in all lower levels */
.level1 .first
{
    border-top: 1px solid #999999;    
}