/* 
	colour palette:
	#8cc63f	- green
	#c9cbcc - gray
	#231f20 - black
	
	#c00046	- red
	
	#7fbbd7 - light blue
*/

body {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	background-color: #eeeeee;
	margin: 0 auto;
}

.skinmaster			{ height: 100%; background-color: #fff; }
.skincontrolpanel  	{ background-color: #eeeeee; }
.skinheader		 
{
	height: 115px;
	padding-left: 22px;
}
.skinlogo
{
	width: 250px;
	padding-top: 30px;	
	float: left;
}
.skinlogo a.home { background: url(../../images/logo.png) no-repeat; width:225px; height:55px; display:block; text-decoration: none; }
.skinmenu 
{	
	padding-left: 22px;		
}
.skincontent 
{
	padding-left: 20px;	
	padding-right:10px; 
}
.skinfooter 
{
	padding-left: 22px;
	padding-top: 10px;
	padding-bottom: 10px;	
}
.skinfooter a, .skinfooter span
{
	color: #231f20; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none;
}
.skinfooter a:hover { text-decoration: underline; }

.toppane {
	width: 100%;
}
.rightpane {	
	width:180px; 
}
.contentpane, .bottompane
{
	width: 730px;
}

/* Main Menu */
.MainMenu_MenuContainer	{ height: 21px; }
.MainMenu_MenuBar		{ height: 21px; cursor: pointer; }
.MainMenu_MenuBar td 	{ padding-left: 10px; padding-right: 10px; }
.MainMenu_MenuItem
{
	color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	height: 21px;
	padding-left: 10px; padding-right: 15px;
	border-bottom: 1px solid #7fbbd7;	/* light blue */	
}

.MainMenu_MenuIcon
{
	display: none; visibility: hidden;
}
.MainMenu_SubMenu
{
	cursor: pointer;
	z-index: 1000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=3);	
	background-color: #0078b0; /* blue */
}
.MainMenu_MenuBreak
{
	background-color: orange;
	height: 50px;
}
.MainMenu_MenuItemSel
{
}

.MainMenu_MenuArrow
{
	/* arrow in sub menu */ 
	display: none; visibility: hidden;	
}
.MainMenu_RootMenuArrow
{
	/* arrow in main menu */
	display: none; visibility: hidden;
}

.MainMenu_RootMenuItemBreadcrumb
{
	cursor: pointer;
	color: #ffffff;
	font-size: 11px;
	background: url(../../images/mnu_bg_layers_blue.png) no-repeat right bottom;
	height: 21px;
}

.MainMenu_RootMenuItem
{	
	cursor: pointer;
	color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; 
	height:21px;
	background: url(../../images/mnu_bg_layers_blue.png) no-repeat right top;	
}
.MainMenu_RootMenuItemActive, .MainMenu_RootMenuItemSelected {
	cursor: pointer;
	color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; 
	height:21px;
	background: url(../../images/mnu_bg_layers_blue.png) no-repeat right bottom;
}
.MainMenu_RootMenuItem td, .MainMenu_RootMenuItemActive td, .MainMenu_RootMenuItemSelected td {
	padding-left: 10px; padding-right: 10px;
}

.MainMenu_SubMenuItemActive, .MainMenu_SubMenuItemSelected, .MainMenu_SubMenuItemBreadcrumb
{
	color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	height: 21px;
	padding-left: 10px; padding-right: 15px;
	background-color: #91d70b; /* green */
	border-bottom: 1px solid #7fbbd7;	/* light blue */
	
}


.StandardButton {
}
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
}
.TreeViewMenu_Header {
	
}

/* Text Styles */
.Head {
   	color: #8cc63f; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;
}
span.head {
	color: #8cc63f; font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold;
}
span.subheading {
	color: #8cc63f; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;
}
span.bold {
	color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold;
}
div.container_head {
    color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold;
}
div.container_head a:active, div.container_head a:link, div.container_head a:hover, div.container_head a:visited	
{ color: #8cc63f; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; text-decoration: underline; }


.SubHead {
	color: #231f20; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;
}
.SubHead td {
	color: #8cc63f; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;
}
span.subhead {
	color: #8cc63f; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; }
}

.normal {
   	color:#231f20; font-family: Arial, Helvetica, sans-serif; font-size: 11px;
}
div.normal p {
	margin: 0px; padding: 0px;
}
div.normal p, div.normal table, div.normal tr, div.normal td, span.normal {
	color:#231f20; font-family: Arial, Helvetica, sans-serif; font-size: 11px;
}
.normalbold {
	color:#231f20; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;
}
.normalred 
{
	color: #c00046; font-family: Arial, Helvetica, sans-serif; font-size: 11px;
}
.normalgreen 
{
	color: #8cc63f; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;
}
.normalwhite {
	color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px;
}
.normalboldwhite {
	color:#fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;
}
.normalboldwhiteunderline {
	color:#fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: underline;
}
.NormalTextBox
{
	color:#231f20; font-family: Arial, Helvetica, sans-serif; font-size: 11px;	
}

div.rightpane span.normal 
{
	color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px;
}

h4, h5
{
	color:#8cc63f; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom: 5px;	
}
h5 { margin-top:0px; }

.bad a:link  	{ color:#231f20; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.bad a:visited  { color:#231f20; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.bad a:active   { color:#231f20; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.bad a:hover 	{ color:#231f20; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; }

.breadcrumbs   	{ color:#231f20; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

/* CommandButton */
a.CommandButton, span.CommandButton {
	color:#8cc63f; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; cursor: pointer;
}
a.CommandButton:active, a.CommandButton:link, a.CommandButton:visited { 
   color: #8cc63f; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;  
}
a.CommandButton:hover {	text-decoration: underline; }

td.FCKImageGalleryHeaderContainer a.CommandButton {
	color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; cursor: pointer;
}
td.FCKImageGalleryHeaderContainer a.CommandButton:active, td.FCKImageGalleryHeaderContainer a.CommandButton:link, td.FCKImageGalleryHeaderContainer a.CommandButton:visited { 
   color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;  
}
td.FCKImageGalleryHeaderContainer a.CommandButton:hover {	text-decoration: underline; }

/* td.container_content & td.container_footer CommandButton */
/* CommandButton (21px height for IE, 17px for FF & Safari ) */
td.container_content a.CommandButton, td.container_footer a.CommandButton {
	color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;
	background: url(../../images/commandbtn_bg.png) no-repeat top;
	width:175px; height:17px;
	*height: 21px;  /* For IE */ 
	padding-left: 10px;
	padding-top: 4px;
	float:left; display:block;
	margin-right: 10px;
}
td.container_content a.CommandButton:active, a.CommandButton:link, a.CommandButton:visited, a.CommandButton:hover { 
   color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;  
}
/* td.container_content & td.container_footer CommandButton - end */

/* CommandButtonBG (21px height for IE, 17px for FF & Safari ) */
div.CommandButtonContainerRegister { height:50px; margin-top: 10px; }
div.CommandButtonContainer { height:30px;  margin-top: 20px; }
a.CommandButtonBG {
	color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;
	background: url(../../images/commandbtn_bg.png) no-repeat top;	
	width:162px; height:17px;
	*width:172px;  /* For IE */
	*height: 21px;  /* For IE */ 	
	padding-left: 10px;
	padding-top: 4px;
	float:left; display:block;
	margin-right: 10px;
	margin-bottom: 5px;
}
a.CommandButtonBG:active, a.CommandButtonBG:link, a.CommandButtonBG:visited, a.CommandButtonBG:hover {
	color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; 
}
/* CommandButtonBG - end */

/* CommandButtonSM (21px height for IE, 17px for FF & Safari ) */
a.CommandButtonSM {
	color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;
	background: url(../../images/commandbtn_sm.png) no-repeat top;
	width:90px; height:17px; display:block; 
	*height: 21px; /* For IE */
	padding-top:4px;
	text-align:center;
	float:left; display:block;
	margin-right: 10px;
}
a.CommandButtonSM:active, a.CommandButtonSM:link, a.CommandButtonSM:visited, a.CommandButtonSM:hover {
	color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; 
}
/* CommandButtonSM - end */

/* CommandButtonME (21px height for IE, 17px for FF & Safari ) */
a.CommandButtonME {
	color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;
	background: url(../../images/commandbtn_me.png) no-repeat top;
	width:120px; height:17px; display:block; 
	*height: 21px; /* For IE */
	padding-top:4px;
	text-align:center;
	float:left; display:block;
	margin-right: 10px;
}
a.CommandButtonME:active, a.CommandButtonME:link, a.CommandButtonME:visited, a.CommandButtonME:hover {
	color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; 
}
/* CommandButtonME - end */

a.forgotpassword  
{
	color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; text-decoration: none; 
}
a.forgotpassword:hover { text-decoration: underline; }
td.container_content a.forgotpassword 
{
	color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; text-decoration: none; 
}

a#increaseFontSize, a#decreaseFontSize  
{
	color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; text-decoration: none; 
}

/* nav_side_login (21px height for IE, 17px for FF & Safari ) */
a.logintext {
	background: url(../../images/commandbtn_bg.png) no-repeat top;	
	height:17px;
	*height: 21px;  /* For IE */ 
	padding-left: 10px;
	padding-top: 4px;
	display:block;	
	margin-bottom: 5px;
}
a.logintext:active, a.logintext:link, a.logintext:visited, a.logintext:hover { 
   color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;  
}

div.login_username {
	background: url(../../images/nav_side_gray_btn.png) no-repeat;	
	width:172px; height:21px;
	padding-top:2px;
	padding-left:10px;	
	margin-bottom: 2px;
}
div.login_username .NormalTextBox {
	background: transparent;
	border: none;
	width: 130px; height: 21px;
}
div.login_password {
	background: url(../../images/nav_side_gray_btn.png) no-repeat;	
	width:150px; height:21px;	
	padding-top: 2px;		
}
div.login_password input.NormalTextBox {
	background: transparent;
	border: none;
	width: 130px; height: 21px;	
	margin-left: 10px;
}
div.login_password input.StandardButton {
	background: url(../../images/arrow_green_right.png) no-repeat;
	border: none;
	width:21px; height:21px;	
	position:absolute;
	margin-left: 11px;
	margin-top: -2px;
	cursor: pointer;
}


/*
div.login_password .NormalTextBox {
	background: transparent;
	border: none;
	width: 130px;
}
div.login_password .StandardButton {
	background: url(../../images/arrow_green_right.png) no-repeat;
	border: none;
	display: block;
	width:21px; height:21px;
	text-decoration: none;	
	float:right;
	margin-right: -22px;
	margin-top: -18px;	
	cursor: pointer;
}
*/

/* custom */
.nav_side_container_bg {
	width:216px; height:100%;
	background: url(../../images/nav_side_blue_bg.png) repeat-y;	
	padding-right: 5px;
}
.nav_side_container {
	margin-left: 2px;
	width:198px; height:100%;
	background: url(../../images/nav_side_blue.png) no-repeat;
	padding-left: 12px;
}
.nav_side_search {
	padding-top:30px; 
	width: 175px; height:85px; 
	*height:95px; /* For IE */
}
.nav_side_search input {
	border: none;
	width:150px; height:21px;
	padding-left:10px; padding-top:4px;
	margin-right: 1px;
}
a.nav_side_search
{
	background: url(../../images/arrow_green_right.png) no-repeat;
	width: 21px; height:21px; display:block;	
	padding:0;
	margin-top:-21px; margin-left:151px;
	*margin-top:-22px; /* For IE */
}

#nav_side_search_textsizing {
	color: #fff;
	font-size: 11px;
	padding: 4px 0px 4px 5px;
}

.nav_side_login { width: 175px; }

/* custom controlpanel */
#dnn_ControlPanel { margin-top: 5px; margin-bottom: 5px; }

/* public home blocks */
div.block_container 	{ width:728px; height: 200px; }
div.blockitem_wrapper { 
	background: url(../../images/bg_home_public.png) no-repeat;
	width: 182px; height: 186px;
	float: left;
	cursor: default;
}
div.blockitem_bg {
	background: url(../../images/bg_home_public_block.png) no-repeat;
	width: 173px; height: 177px;
	float: left; 
	margin-left:3px;
	margin-top: 3px;
}
div.blockitem_bg_over {
	background: url(../../images/bg_home_public_block.png) no-repeat bottom; 
	width: 173px; height: 177px;
	float: left; 
	margin-left: 3px;
	margin-top: 3px;
}

div.blockitem { 	
	color:#231f20; font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	width: 160px; height:170px;
	float:left;
	padding-left:10px;
}

div.blockitem h1 				{ color: #8cc63f; font-size: 15px; margin-top: 5px; margin-bottom: 5px; }
div.blockitem_bg_over h1 		{ color: #fff; font-size: 15px; margin-top: 5px; margin-bottom: 5px; }

div.blockitem ul, .blockitem li { list-style-type: none; margin:0px; padding:0px; }
div.blockitem a 			{ color:#231f20; text-decoration: underline; }
div.blockitem p 			{ margin:0px; }
div.blockitem_bg_over a		{ color: #fff; }
div.blockitem_bg_over p 	{ color: #fff; margin:0px;  }

/* public home blocks - end */

/* middle bar */
div.middlebar_container {
	background: url(../../images/bg_middle_bar_clear.png) no-repeat;
	width:728px; height:30px;	
}
div.middlebar_bg {
	background: url(../../images/bg_middle_bar.png) no-repeat;
	width:719px; height: 21px;
	float:left; 
	position:absolute;
	margin-left: 3px;
	margin-top: 3px;
}
div.middlebar_content
{
	color:#fff; font-family: Arial, Helvetica, san-serif; font-size: 12px;
	float:left;
	margin-left: 10px;
	margin-top: 3px;
}
/* middle bar - end */

/* GridView */
.GridView_Container { font-family: Arial, Helvetica, Sans-Serif; font-size: 11px; }
.GridView_Header { color: #fff; font-weight: bold; background-color: #8cc63f; height: 25px; padding: 0px; }
/* these sizes need to be set here, otherwise the font size is too big. */
/*.GridView_Header td.TitleHeader, .GridView_Header td.OwnerHeader, .GridView_Header td.CategoryHeader, .GridView_Header td.ModifiedDateHeader, .GridView_Header td.SizeHeader, .GridView_Header td.DownloadHeader { font-size:11px; }*/
.DNN_Documents td { font-size:11px; }
a.Normal { font-size:11px; }
.GridView_Row td, .GridView_AltRow td { height:21px; }
.GridView_Row td.Normal span, .GridView_AltRow td.Normal span { color:#231F20; font-family:Arial,Helvetica,sans-serif; font-size:11px; }
td.Normal, td.NormalDisabled { color:#231F20; font-family:Arial,Helvetica,sans-serif; font-size:11px; }
span.NormalDisabled { color:#c9cbcc !important; }
.GridView_Row { }
.GridView_AltRow { background-color: #eee; }
.GridView_Container a { color: #8cc63f; text-decoration:none; }
.GridView_Container a:hover { color: #8cc63f; text-decoration: underline; }
/* GridView - end */


/* DataGrid 
.DataGrid_Container			{ color:#231f20; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.DataGrid_Header td			{ color:#231f20; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; }
.DataGrid_Item td, .DataGrid_AlternatingItem td { height: 20px; }
.DataGrid_Item				{ color:#231f20; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.DataGrid_AlternatingItem	{ color:#231f20; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #eeeeee; }

/* GridView 
.GridView_Container			{ color:#231f20; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.GridView_Header td			{ color:#231f20; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; }
.GridView_Row td, .GridView_AltRow td { height: 20px; }
.GridView_Row				{ color:#231f20; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.GridView_AltRow			{ color:#231f20; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #eeeeee; }
*/


div.wrapper_input_text {
background:transparent url(../../images/bg_input_text.png) no-repeat scroll 0 0;
height:21px;
margin-bottom:2px;
margin-top:2px;
padding-left:10px;
padding-top:2px;
width:214px;
}

/* File Input field skin */
input.hidden {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

input.file {
	width: 300px;
}

div#divLogoUpload 
{
	width: 350px;
}

div.fakefile {
	width: 350px;
	margin-top: -28px;
	z-index: 1;
	line-height: 90%;
	cursor: pointer !important;
}

div.fakefile input {
	background:transparent none repeat scroll 0 0;
	border:medium none;
	height:21px;
	width:190px;
	color:#231F20;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	padding-top: 5px;
}

div.wrapper_input_files {
	position: relative;
	height: 20px;
	width: 320px;
	
	background:transparent url(../../images/bg_input_text.png) no-repeat scroll 0 0 !important;
	/*height:21px;*/
	margin-bottom:2px;
	margin-top:2px;
	padding-left:10px;
	padding-top:2px;
	width:214px;
}
div.wrapper_input_files div.CommandButtonSM 
{
	color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;
	background: url(../../images/commandbtn_sm.png) no-repeat top;
	width:90px; height:16px; display:block; 
	*height: 21px; /* For IE */
	padding-top:5px;
	*padding-top:6px; /* For IE */
	margin-top: -19px;
	text-align:center;
	/*float:right; */display:block;
	margin-left: 210px;
}
.footer-left
{
    float: left; line-height: 16px;
}
.footer-right 
{
    font-size:10px; float: right; line-height: 18px; padding-right: 20px; *padding-right: 40px;
}

.watermark-text
{
    color: #a3a3a3;
}

a.normallink 
{
    color: #000;
	font-size: 11px;
	text-decoration: none;
}

a.normallink:hover
{
    text-decoration: underline;
}

.disc-list li
{
    list-style: disc outside none !important;
    padding-bottom: 5px;
}

.invoice-card-details tr
{
    height:30px; vertical-align: bottom;
}