/*** WEBSITE: MTO Financial Solutions Website   AUTHOR: Sommer Hayes CREATED: 19/01/2007 
/* Template */

/******************************************************
    SKIN LAYOUT STYLES
******************************************************/
#bodyDiv { width:100%; height: 100%; text-align:center; padding: 0px; margin: 0px; background-color: #f5f5f5;}
#frame{width:760px;margin-left:auto;margin-right:auto;text-align:left;background:#FFFFFF url(containerbg.jpg) repeat-y;}
#container {width:730px; margin-left:15px; }
#branding {height: 108px; width:730px;}
#branding img {margin-bottom:-4px;}
#contentArea { width:100%; float:left;}
#enclose { width: 540px; float: left;}
.leftPanel {width:140px; float:left;}
.contentPanel{ width:380px;float:right;}
.rightPanel { width:160px; float:right;}
#footer {clear:both; height:35px; width:100%; background: #fff url(footerbg.gif) repeat-x;font-size: 11px; color:#666666;line-height:2em;}
.footerLeft {float:left;}
.footerRight {float:right;}
#footer a, #footer .footerMenuItem a:link, #footer .footerMenuItem a:active, #footer .footerMenuItem a:visited  {
    font-size: 11px; 
    color:#666666; 
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}

/******************************************************
    CONTAINER STYLES
******************************************************/
.container{
    width:100%;
}

.container .containerContent {}
.containerContent {
    padding: 0px;
}
#dnn_LeftPane .Normal {margin-bottom:20px;}
/******************************************************
    SELECTOR STYLES              
******************************************************/
body {
	background:#fff;
    margin:0px; 
    padding:0px;
    height:100%; /* IE6 hack for 100% background  */
}
html {
    background:#f5f5f5; height:auto;  /* firefox and IE7 hack for 100% background */
 
}
/* ensure capitals are used where needed due to doctype. */
body, td, ul li, p, .Normal, .NormalDisabled, .blogCalendar td{
    font-family: arial, verdana, helvetica;
    font-size:12px;
    font-weight:normal; 
    color:#333; 
    line-height:1.5em;
}
/* text style used for rendered text which should appear disabled */
.NormalDisabled {
    color: red;
}
/* heading styles */
h3, h4, h5, dt, h6, . h3 span.SubHead .newstitle, tfoot, thead, th{
    font: arial, verdana, helvetica;
    font-style:normal;
    font-size:12px;
    color:#003E7E; 
    padding:0px; 
}
h1, .Head {
    font-size:14px;
    color:#003E7E;
    font-weight:bold;
    margin:0px;
}
h2, h2 .Head, h2 span.Head, .container h2 span.Head{
    font-weight:bold;
    font-size:12px;
    color:#003E7E;
    margin-top:20px;
}
h3, h3 span.SubHead, .newstitle{
    font-size: 12px;
	color:#003E7E;
	font-style:normal;
}
h4 {
    font-size: 12px;
    color:#333;
}
h5, DT {
    font-size: 12px;
    color:#333;
	font-style:italic;
}
h6 {
    font: 12px italic;
}
p {}
ul { margin: 0 0 10 25px;}
ul li { margin-left:5px; padding:0px; line-height:1.5em;list-style-image: url(bullet.gif)}
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;}
hr {
    color: #999; 
    height:1pt; 
    text-align:left;
}
img {
    border:0px;
    margin:0px;
    padding:0px;
}

/* link styles */
a, a:link, a:active, a:visited, a.CommandButton, a:link.CommandButton, a:active.CommandButton, a:visited.CommandButton 
{
    color:#003E7E; 
    text-decoration:none; 
    padding: 0px; 
    margin:0px;
    }
a:hover, a:hover.CommandButton{
    text-decoration:none; 
    color:#333;
}
blockquote {
    font-size:15px; 
    font-family:"Lucida Sans Unicode"; 
    float:right;
}
pre {
    font-family: Lucida Console, monospace;
    color: #434343;
    font-weight: normal;
    font-size: 11px;
}
address {
    font-family: Arial, Verdana, Helvetica;
    color: #434343;
    font-weight: normal;
    font-size: 11px;
    font-style: italic;
}

/******************************************************
    FORM STYLES              
******************************************************/
fieldset{
    margin-top:20px; 
    border:none;
}
fieldset legend{
    color:#333333; 
    font-weight:bold; 
    font-size:11px;
}
fieldset p{
    margin:0px 0px 3px 0px; 
    padding:0px;
}
fieldset label{
    display:block; 
    float:left; 
    width:90px; 
    padding-right:5px; 
    text-align:left;
}
.progressbar{
    width:300px; 
    border:1px solid #0099CC; 
    color:#0099CC; 
    font-size:11px; 
    text-indent:10px; 
    line-height:22px;
}
.progressbar span.active{
    color:#333;
}
.progressbar span.complete{
    color:#999;
}
/* Generic Form Element classes */
.formInput{
    width:150px; 
    height:18px; 
    border:1px solid #CCCCCC;
}
.formBtn{}.formRadio{}.formCheckBox{}
p.formFeedback{
    margin-bottom:10px; 
    padding:10px 20px; 
    border:1px solid #CCCCCC;
}
/* button style for standard HTML buttons */
.StandardButton{
	padding: 0 5px 0 5px;
	font-weight: normal;
	font-size: 11px;
	background: #ddd;
	color: #000;
	font-family: Verdana, sans-serif;
}

/******************************************************
    GENERAL STYLES
******************************************************/
.floatLeft{
    float:left;
}
.floatRight{
    float:right;
}
.blogCalendar th, .CreateFrom, .extraInfo, .extraInfo .Normal, .extraInfo .NormalBold {
    font-size: 11px; 
    font-weight: normal; 
    color: #000;
}
.blogSummary {}
.blogCommentsHeading {
    padding: 5px; 
    margin: 5 0 5 0px; 
    background: #EFEFEF;
}
.blogComments {
    border-bottom: 1px solid #C0C0C0; 
    padding-bottom: 5px;
}
/* styles to mimic auto height of div elements as per IE */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */

/******************************************************
    DNN STYLES (These styles are commonly used)
******************************************************/

/* style of item titles on edit and admin pages */
.subHead {color: #444444; font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold;}

/******************************************************
    DNN STYLES 
	(Some of these we try to avoid, but are still used in some modules; Some we are unsure of what they do)
******************************************************/

/* 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 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: Tahoma, Arial, Helvetica normal 12px;
}
/* What exactly does this style?? */
.SkinObject {
    font-weight: bold;
    font-size: 8.5pt;
    color: #003366;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}
A.SkinObject:link,A.SkinObject:hover, A.SkinObject:visited, A.SkinObject:active {
    text-decoration:    none;
    color:#003366;
}
/* 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,.DataGrid_Item{
    background-color:Transparent;
    color: Black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}
.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, A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited, A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active{
    text-decoration:none;
    color: #003366;
}
A.TreeMenu_Node:hover, A.TreeMenu_NodeSelected:hover{
    text-decoration:none;
    color: #ff0000;
}
/* text style used for help text rendered by modules */
.Help{
  border: black 1px solid;
  padding: 2px;
  font-weight: normal;
  font-size: 11px;
  font-family: Tahoma, Arial, Helvetica;
  background-color: #ffff99;
}
/******************************************************
    DIGICON QUICK LINK STYLES
******************************************************/
.QuickLink {
    width:160px;
    background:#fff;
    margin-bottom:10px;
    padding:0px;
}
.QuickLink h3, .QuickLink h3 a {
    margin:0px; 
    color:#003E7E;
    font-size: 14px;
    font-weight: bold;
}
.QuickLink h3 img {
    border:0px;
    padding:0px;
    margin-top:3px;   
}
.QuickLink img {
    float:left; 
    padding:3px 5px 3px 5px; 
    border:1px solid #000;
    margin-top:5px;
    margin-bottom:5px;
    background:#fff;
 }
.QuickLink p {
    margin-top:10px; 
    padding:5px; 
    font-size:11px;
    line-height:1.2em;
    background-color:#F5F5F5;
}

/******************************************************
    NUKE NEWS STYLES
******************************************************/
.newsactionbarlinks:link, .newsactionbarlinks:active, .newsactionbarlinks:visited
{font-size:11px;color:#FFFFFF;background-color: #666666;padding: 3px 5px 3px 5px;}
.newsactionbarlinks:hover{color:white;background-color: #999999;}
.rssFeed {margin-top: 10px;}
.readMore {padding: 0 0 5 0px;}
.newspostdate, .newsPosted{padding: 5 0 5 0px;font-size:10px;color:gray;}

/******************************************************
    LEFT PANE STYLES
******************************************************/
#dnn_LeftPane .Normal P {
	font-size:10px;
}
#dnn_LeftPane p {
	background:#F5F5F5;
}

/******************************************************
    INFINITE MENU STYLES
******************************************************/
/* --[[ Main Expand Icons ]]-- */
html>body #imenus0 { min-height:150px; }
#imenus0 .imeam span,#imenus0 .imeamj span {
	width:7px; 
	height:5px; 
	left:0px; 
	top:5px;
}
#imenus0 li:hover .imeam span,#imenus0 li a.iactive .imeamj span {
	background-image:url(none); 
	background-repeat:no-repeat;
	background-position:top left;
}
/* --[[ Sub Expand Icons ]]-- */
#imenus0 ul .imeas span,#imenus0 ul .imeasj span {
	width:5px; 
	height:7px; 
	left:0px; 
	top:3px;
}
#imenus0 ul li:hover .imeas span,#imenus0 ul li a.iactive .imeasj span {
	background-image:url(none); 
	background-repeat:no-repeat;
	background-position:top left;
}
/* --[[ Main Container ]]-- */
#imouter0 {
	background-color:#ffffff; 
	border-style:none; 
	padding:0px; 
	margin:0px; 
}
/* --[[ Sub Container ]]-- */
#imenus0 li ul {
	background-color:#ffffff; 
	border-bottom:1px solid #B9E2F8; 
	margin:4px 0px 0px; 
}
/* --[[ Main Items ]]-- */
#imenus0 li a {
	background-color:#F5F5F5; 
	color:#666666; 
	text-align:left; 
	font-family:Arial; 
	font-size:11px; 
	font-weight:bold; 
	text-decoration:none; 
	border-bottom:1px solid #fff; 
	padding:2px 8px; 
}
/* [hover] - These settings must be duplicated for IE compatibility.*/
#imenus0 li:hover>a {
	background-color:#dfdfdf; 
	text-decoration:none; 
}
#imenus0 li a.ihover{
	background-color:#dfdfdf; 
	text-decoration:none; 
}
.imde imenus0 a:hover{
	background-color:#dfdfdf; 
	text-decoration:none; 
}
/* [active] */
#imenus0 li a.iactive {
	background-color:#dfdfdf;
}
/* --[[ Sub Items ]]-- */
#imenus0 ul a {
	color:#666666; 
	text-align:left; 
	font-size:11px; 
	font-weight:normal; 
	text-decoration:none; 
	border-style:none; 
	padding:2px 5px; 
}
/* [hover] - These settings must be duplicated for IE comptatibility.*/
#imenus0 ul li:hover>a {
	background-color:#b9e1f7; 
	text-decoration:none; 
}
#imenus0 ul li a.ihover {
	background-color:#b9e1f7; 
	text-decoration:none; 
}
/* [active] */
#imenus0 ul li a.iactive {}

.imrcmain0 {z-index:auto !important}