a:link						{color: #003366;}
a:active					{color: #0066CC;}
a:visited					{color: #003366;}
a:hover						{color: #0066CC; text-decoration: none;}

a.linkwhitesmall:link						{color: #FFFFFF; font-size: 11px; font-family: arial, sans-serif;}
a.linkwhitesmall:active					{color: #DDDDDD; font-size: 11px; font-family: arial, sans-serif;}
a.linkwhitesmall:visited				{color: #FFFFFF; font-size: 11px; font-family: arial, sans-serif;}
a.linkwhitesmall:hover					{color: #DDDDDD; font-size: 11px; font-family: arial, sans-serif; text-decoration: none;}

body, td {
	font-family: arial, sans-serif;
	font-size: 13px;
		scrollbar-face-color: #234F8F;
		scrollbar-shadow-color: #0D2F62;
		scrollbar-highlight-color: #6A90C6;
		scrollbar-3dlight-color: #FFFFFF;
		scrollbar-darkshadow-color: #000000;
		scrollbar-track-color: #E4E8EF;
		scrollbar-arrow-color: #FFFFFF;
}

.InvoiceModuleBlue {background-image: url('../graphics/bg_invoice_module_blue.gif'); background-repeat: repeat-x; background-color: #EAF3FF; border: 1px solid; border-color: #CCCCCC; }
.InvoiceModuleTan {background-image: url('../graphics/bg_invoice_module_tan.gif'); background-repeat: repeat-x; background-color: #FFFBF1; border: 1px solid; border-color: #CCCCCC; }
td.triangleright {background-image: url('../graphics/header_shadow_on_white.gif'); background-repeat: repeat-x; }
td.rightdots {background-image: url('../graphics/dots_gradient_right.gif'); background-repeat: repeat-y; }
td.BoxBottomLeft {background-color: #EBEDEF; color: #666666; background-image: url('../graphics/box_bottom_left_bg.gif'); background-repeat: no-repeat; padding: 5px; }
td.BoxBottom {background-color: #EBEDEF; color: #666666; background-image: url('../graphics/box_bottom_shadow.gif'); background-repeat: repeat-x; padding: 5px; }
td.BoxBottomRight {background-color: #EBEDEF; color: #666666; background-image: url('../graphics/box_bottom_right_bg.gif'); background-repeat: no-repeat; background-position: top right; padding: 5px; }

td.boxbrackettop {
	background-image: url('../graphics/box_bracket_top_bg.gif'); 
	background-repeat: repeat-x; 
	font-size: 14px; 
	color: #003366; 
	font-weight: bold; 
	font-family: arial, sans-serif;
}
td.boxbrackettopportfolio {
	background-image: url('../graphics/box_bracket_top_bg.gif'); 
	background-repeat: repeat-x; 
	font-size: 13px; 
	color: #003366; 
	font-weight: bold; 
	font-family: arial, sans-serif;
}
td.boxbrackettoperror {
	background-image: url('../graphics/box_bracket_top_bg.gif'); 
	background-repeat: repeat-x; 
	font-size: 14px; 
	color: #CC0000; 
	font-weight: bold; 
	font-family: arial, sans-serif;
}
td.boxbracketright {background-image: url('../graphics/box_bracket_top_right.gif'); background-repeat: no-repeat; }
table.boxbracketcontent {
	border: 1px solid;
	border-color: #666666;
	border-collapse: collapse;
}

.textsmallwhite {font-size: 11px; color: #FFFFFF; }

.textsmall {font-size: 11px; }
.textgrey {color: #999999; }
.textgreydark {color: #666666; }
.loginerror {color: #CC0000; }
.error {color: #CC0000; }

.HeadingL1 {font-size: 16px; font-weight: bold; font-family: arial, sans-serif;}
.HeadingL2 {font-size: 14px; font-weight: bold; font-family: arial, sans-serif;}
.HeadingL1orange {font-size: 16px; color: #FF9900; font-weight: bold; font-family: arial, sans-serif;}
.HeadingL2orange {font-size: 14px; color: #FF9900; font-weight: bold; font-family: arial, sans-serif;}
.HeadingL1white {font-size: 16px; color: #FFFFFF; font-weight: bold; font-family: arial, sans-serif;}
.HeadingL2white {font-size: 14px; color: #FFFFFF; font-weight: bold; font-family: arial, sans-serif;}
.HeadingL1blue {font-size: 16px; color: #003366; font-weight: bold; font-family: arial, sans-serif;}
.HeadingL2blue {font-size: 14px; color: #003366; font-weight: bold; font-family: arial, sans-serif;}
.HeadingL1grey {font-size: 16px; color: #666666; font-weight: bold; font-family: arial, sans-serif;}
.HeadingL2grey {font-size: 14px; color: #666666; font-weight: bold; font-family: arial, sans-serif;}
.HeadingL1red {font-size: 16px; color: #CC0000; font-weight: bold; font-family: arial, sans-serif;}
.HeadingL2red {font-size: 14px; color: #CC0000; font-weight: bold; font-family: arial, sans-serif;}
.HeadingL1green {font-size: 16px; color: #009900; font-weight: bold; font-family: arial, sans-serif;}
.HeadingL2green {font-size: 14px; color: #009900; font-weight: bold; font-family: arial, sans-serif;}

.HeadingL1C {font-size: 32px; color: #000000; font-weight: bold; font-family: century gothic, arial, sans-serif;}
.HeadingL2C {font-size: 22px; color: #000000; font-weight: bold; font-family: century gothic, arial, sans-serif;}
.HeadingL3C {font-size: 16px; color: #000000; font-weight: bold; font-family: century gothic, arial, sans-serif;}
.HeadingL1Cblue {font-size: 32px; color: #336699; font-weight: bold; font-family: century gothic, arial, sans-serif;}
.HeadingL2Cblue {font-size: 22px; color: #336699; font-weight: bold; font-family: century gothic, arial, sans-serif;}
.HeadingL3Cblue {font-size: 16px; color: #336699; font-weight: bold; font-family: century gothic, arial, sans-serif;}

.HeadingL1T {font-size: 30px; color: #000000; font-family: Tahoma, Helvetica, sans-serif;}
.HeadingL2T {font-size: 22px; color: #000000; font-family: Tahoma, Helvetica, sans-serif;}
.HeadingL3T {font-size: 16px; color: #000000; font-family: Tahoma, Helvetica, sans-serif;}
.HeadingL1Tblue {font-size: 30px; color: #003366; font-family: Tahoma, Helvetica, sans-serif;}
.HeadingL2Tblue {font-size: 22px; color: #003366; font-family: Tahoma, Helvetica, sans-serif;}
.HeadingL3Tblue {font-size: 16px; color: #003366; font-family: Tahoma, Helvetica, sans-serif;}

.button {
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #003366;
	background-image: url("http://www.derningsolutions.com/graphics/button_bg.gif");
	background-color: #E0E0E0;
	cursor: pointer;
	cursor: hand;
}

.InvoiceTitle {font-size: 22px; font-weight: bold; font-family: arial, sans-serif;}
.InvoiceNavMonthActive {background-color : #CFE0F8; color: #003366; font-weight: bold; }
.InvoiceNavMonthNormal {ackground-color : #FFFFFF; font-weight: bold; }
.InvoiceNavMonthInactive {background-color : #EEEEEE; color: #999999; font-weight: bold; }


input.login {
	font-family : verdana, arial, sans-serif;
	font-size : 12px;
	background-color : F5FAFE;
	border-color : 003366;
	border-style : solid;
	border-width : 1px;
	color : 666666;
}

input.textfield, select.textfield, textarea.textfield {
	font-family : verdana, arial, sans-serif;
	font-size : 12px;
	background-color : F5FAFE;
	border-color : 003366;
	border-style : solid;
	border-width : 1px;
	color : 666666;
}

.copyright {
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #999999;
}

.optioncomingsoon	{font-family: verdana, courier-new, courier, serif; font-size: 10px;}





/* ###################################################################################### */
/* Admin MenuSkin styles ################################################################ */

.menuskin{
position:absolute;
width:240px;
background-color:#ECEEF2;
border:1px dotted #666666;
font:normal 12px Arial;
color: #666666;
line-height:18px;
z-index:100;
visibility:hidden;
}

.menuskin a{
text-decoration:none;
color: #666666;
padding-left:10px;
padding-right:10px;
}
.menuskin a:visited{
text-decoration:none;
color: #666666;
}
.menuskin a:active{
text-decoration:none;
color: #666666;
}

#mouseoverstyle{
background-color:#5577A8;
background-image: url('../graphics/header_cascade_bg.gif'); background-repeat: repeat-x; 
}

#mouseoverstyle a{
color:#003366;
}



#Portfolio		{ left: 151px; top: 116px; position: absolute; visibility: hidden; z-index: 1 }
#Admin				{ left: 551px; top: 116px; position: absolute; visibility: hidden; z-index: 1 }
.menutableoutside	{ border:1px dotted #555555;
										background-color:#ECEEF2;
										padding: 2px;
										filter:alpha(opacity=90);
									}
.menutableinside	{
										padding: 2px;
									}
a.menus:link		{ color: #555555;
								font-family: arial, sans-serif, 'sans serif';
								font-size: 13px;
								text-decoration: none }
a.menus:active	{ color: #555555;
								font-family: arial, sans-serif, 'sans serif';
								font-size: 13px;
								text-decoration: none }
a.menus:visited	{ color: #555555;
								font-family: arial, sans-serif, 'sans serif';
								font-size: 13px;
								text-decoration: none }
a.menus:hover		{ color: #003366;
								font-family: arial, sans-serif, 'sans serif';
								font-size: 13px;
								text-decoration: none }
td.dropmenu				{ }
td.dropmenuhover	{ background-image: url('../graphics/header_cascade_bg.gif'); background-repeat: repeat-x; }