/* --------------------------------------------------------------------------------------------------------------------------------
     -------------  Su2p  -------  Regular 2 coloumn  -------------
     --------------------------------------------------------------------------------------------------------------------------------

	 
*/
* {
  margin:10;
  padding:10;
}
/* ******************************************************************* */
/*                                                                                                                                        */
/*  Common to all */
/* DNN does not read style.css now */
/*                                                                                                                                        */
/* ******************************************************************* */
/* ------------------- DNN COMMON ------------------------- */
/* --- Hacks Begin --- */
.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

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

/* --- Hacks End --- */

/* DNN internal elements */

/* 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;
}

/* 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: 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;
    border-top: black 1px dashed;
    border-bottom: black 1px dashed;
}

.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;
}

/* --- Overwrite default css --- */
.ControlPanel{
	font-size:small;
}

.ControlPanel .SubHead{
}	

/* ******************************************************************* */
/*                                                                                                                                        */
/*  Start of Skin Customisation */
/*                                                                                                                                        */
/* ******************************************************************* */

/* **********************************DNN text styles ***********************************/
/************************************************************************************/

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.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;
}

.Normal p {
font-size:100%;
}

.Normal span{
	font-size:100%;
}

/* 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
{
	font-size: 100%;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Verdana, Helvetica, sans-serif;
    color: #000000;
	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 {
    text-decoration:    underline;
    color: #000000;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #000000;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #000000;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #000000;
}

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

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

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

A.SkinObject:active   {
    text-decoration: underline;
    color:#000000;
}

A.SkinObject:hover    {
    text-decoration: underline;
    color:#000000;
}

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

/* **********************************General Elements ***********************************/
/************************************************************************************/
/* basic elements */
html {
	height:100%;
}

body {
	background-color: #ffffff;
	color:#000000;
	font-family: verdana, arial, sans-serif;
	padding: 0px;
	margin: 0px;
	font-size: .68em;
}

p
{ margin: 0px;
  padding: 0px 0px 16px 0px;
  line-height: 1.7em;
}
/* end basic */

/* Heading Styles and DNN equivalents */
h1, .Head {
	font-family: arial, sans-serif;
    letter-spacing: .1em;
}

h2, .SubHead {
  margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 100%;
}

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;
}
/* end heading styles */

/* Accessibility styles */
.textonlylinks {
	font-size:0px;
	visibility:hidden;
	display:none;
}

.Spacer{
	clear:both;
	font-size:0px;
}
/* end accessibility */

/* general */
img{border: 0px;}

a{outline: none;}

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

ul
{ margin: 8px 0px 0px 16px;
  padding: 0px;
}

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;
}
/* end general */

/* END GENERAL ELEMENTS */

/* **********************************IDs and CLASSES ***********************************/
/************************************************************************************/
#mainbody{
    background-color: #FFFFFF;
	background-image:url(images/back.png);
	background-repeat:repeat-y;
    width: 780px;
    color: #000000;
    margin-left: auto; 
    margin-right: auto;
}

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

/* image positioning - left, right and center */
.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;
}
/* end image positioning */

.clear {
	clear:both;
}

/* links above the logo / footer / menu */
#toplinks, #footer, #menu, #menu li a
{ background: #FFFFFF url(images/menu.png);
  color: #000000;
}

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

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

#toplinks{text-align: right;}

#footer{text-align: center;}

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

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

#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;
} 
/* end toplinks / footer / menu */

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

#logo h1
{ margin: 0px;
  padding: 41px 0px 0px 19px;
  font-size: 200%;
  letter-spacing: .2em;
  background: transparent;
  color: #ffffff;
}
/* end banner */

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

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

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

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

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

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

#column1 .Head
{ 
  color: #000000;
  font-size:60%;
  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: #000000;
  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;
}

#column2 a, #column2 a:hover
{ padding: 0px 0px 2px 0px;
  text-decoration: none;
  border-bottom: 1px dashed;
}

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

h1, #column2 h1
{ background: transparent;
  color: #000000;
}

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

#content, #column2 a, #column2 a:hover
{ background: transparent;
  color: #000000;
}

/* styling for grey graduated right hand side links */
#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: #000000;
} 

#column1 .links li a:hover
{ 
  color: #000000;
} 

#column1 ul.links {
  margin-left: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;    
}