/*             CSS for DotNetNuke Css Skin	          */
/*                  by Kowhai Media                       */
/*            http://www.kowhaimedia.co.nz		  */
/*	               Rua Skin v1                        */

* { margin: 0; padding: 0; } 
html { height: 100%;  }
body { background: #F3F3F3 url(images/body_background.gif) top left repeat-x; color: #4C4C4C; font-family: tahoma, sans-serif, arial; font-size: 12px; line-height: 1.4em; text-align: center; }
ul li { cursor: default; list-style-image: url(images/bullet-grey.gif); padding-left: 0; margin-left: 10px; list-style-position: inside; }
table, tr, td, p,  ul li {
	font-family: tahoma;
	font-size: 12px;
	line-height: 1.4em;
}
.image5 {margin: 5px;}
.image10 {margin: 10px;}

/* ---- DNN Control Panel ---------------------- */

table.ControlPanel {background: #fafafa; border: 0; border-bottom: 1px solid #888;}
table.ControlPanel td {padding: 0px 0 6px 0;}
table.ControlPanel td td.SubHead {padding: 3px 0 2px 0; background: #eaeaea; border-bottom: 1px solid #ddd;}
table.ControlPanel td td td.SubHead {background: transparent; border: 0;}
table.ControlPanel td td {vertical-align: middle; border: 0;}
table.ControlPanel table td {padding: 1px 0 0 0;}
table.ControlPanel td a {margin: 0 4px 0 4px; text-align: center;}
table.ControlPanel .ControlPanel {border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 0; border-bottom: 0; width: 0px; height: 100px; display: none;}

/* ---- Design Elements ---------------------- */

/*-- div containing site		--*/#wrapper { height: auto !important; height: 100%; width: 980px; min-width: 780px; background-color: #fff;  margin: 20px auto; position: relative; padding: 5px; border: 1px solid #eaeaea; }
/*-- div containing header		--*/#header { clear: both; height: 25px; text-align: left; position: relative }
/*-- div containing logo		--*/#logo { width: 50%; position: absolute; top: 0px; left: 5px; }
/*-- div containing login		--*/#login { position: absolute; top: 5px; right: 0px; }
/*-- div containing search              --*/#search { position: absolute; bottom: -28px; right: 4px; text-align: left; }
/*-- textbox used for search	        --*/#dnn_dnnSEARCH_txtSearch.NormalTextBox { height:18px; background-color: #EEE; width: 120px; color: #404852; padding: 4px 0px -4px 4px; border: 0px solid #fff; cursor:text;}

/*--- Banner Elements ---------------------- */

/*-- div banner wrapper			--*/#bannerwrapper { margin: 5px 0; height: 182px; width: 100%; position: relative; color: #fff; }
/*-- div containing banner image 1	--*/#banner1 { color: #fff; clear: both; height: 182px; background: url(images/banner1.jpg) top right no-repeat; width: 100%; float: right; }
/*-- div containing banner image 2      --*/#banner2 { color: #fff; clear: both; height: 182px; background: url(images/banner2.jpg) top right no-repeat; width: 100%; float: right; }
/*-- div containing banner image 3	--*/#banner3 { color: #fff; clear: both; height: 182px; background: url(images/banner3.jpg) top right no-repeat; width: 100%; float: right; }
/*-- div containing breadcrumbs	        --*/#bread { margin: 0 0 10px 10px; padding: 3px; clear: both;}
/*-- clearing of floated elements       --*/.clear { clear: both; border:none; visibility: hidden; }
/*-- div containing contentpanes        --*/#horizontalcontainer { width: 100%; text-align: left; }
/*-- div containing horizontal menu     --*/#horizontalmenu { height: 36px; margin-right: auto; margin-left: auto; text-align: center; background: url(images/nav2_idle.gif) top left repeat; position: relative; text-align: left; }

/*--- Main Content Wrapper ---------------------- */

/*-- div container wrapper		    --*/#container { text-align: left;  width: 100%; float: right; margin-left: -180px; height: auto !important; height: 100%; position: relative;}
/*-- div container of main content panes    --*/#content { margin-left: 180px; padding-left: 10px; margin-bottom: 40px; height: 1%;}
 
 /*--- Panes ---------------------- */
 
/*-- div logo pane				--*/.LogoPane { float: left; width: 40%; }
/*-- div banner pane				--*/.BannerPane { float: right; width: 40%; }
/*-- div content pane  				--*/.ContentPane { clear: both; height: auto !important; height: 100%; position: relative; }
/*-- div topleft pane   			--*/.TopLeftPane { float: left; width: 25%; }
/*-- div topcenter pane     			--*/.TopCenterPane { float: left; width: 49%; }
/*-- div topright pane      			--*/.TopRightPane{ float: left; width: 25%; }
/*-- div bottomleft pane			--*/.BottomLeftPane { float: left; width: 25%; }
/*-- div bottomright pane   			--*/.BottomRightPane { float: left; width: 70%; }
/*-- div left pane  				--*/.LeftPane { float: left; width: 30%; }
/*-- div right pane 				--*/.RightPane { float: right; width: 68.5%; }
/*-- div footer				        --*/#footer { clear: both; height: 30px; text-align: center; padding: 10px 0; color:#5F666D; }
/*-- div footer elements	  		--*/#footer span { color:#5F666D; }

/*--- Login and Privacy Elements---------------------- */

/*-- login and user token idle          --*/ .LOGIN_object, a.LOGIN_object:link, a.LOGIN_object:visited, a.LOGIN_object:active, .USER_object, a.USER_object:link, a.USER_object:visited, a.USER_object:active { color: #5F666D; font-family: tahoma, sans-serif, arial; font-size: 12px; font-weight:bold; text-decoration: none; }
/*-- login and user token hover         --*/ a.LOGIN_object:hover, a.USER_object:hover { color: #5F666D; font-family: tahoma, sans-serif, arial; font-weight:bold; font-size: 12px; text-decoration: underline; }
/*-- date token idle                    --*/ .DATE_object { color: #4c4c4c; font-family: tahoma, sans-serif, arial; font-size: 12px; font-weight:bold; text-decoration: none;}
/*-- terms privacy and copyright        --*/ .FOOTER_objects { font-size: 12px; font-family: tahoma, sans-serif, arial; color: #5F666D;}
/*-- terms privacy and copyright links  --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { color:#5F666D; font-weight:bold; text-decoration:none; }
/*-- terms privacy and copyright hover  --*/ a.FOOTER_objects:hover { color:#5F666D; font-weight:bold; text-decoration: underline;  }

/*--- Text ---------------------- */

/*-- most of the text on site           --*/ .normal, .Normal { font-family: tahoma, sans-serif, arial; font-size: 12px; color: #555; }
/*-- most of the bold text on site      --*/ .NormalBold { font-family: tahoma, sans-serif, arial; font-size: 12px; font-weight: bold; color: #555; }
/*-- red text on site for errors        --*/ .NormalRed { color: #C50000; font-family: tahoma, sans-serif, arial; font-weight: bold; font-size: 12px; }
/*-- subheadings - mostly in admin      --*/ .SubHead { font-family: tahoma, sans-serif, arial; font-size: 12px; font-weight: bold; color: #777; padding: 0; }
/*-- headings - mostly in admin         --*/ .Head { font-size: 12px; color: #777; background: transparent; font-weight: bold; padding: 0;}
.whitefont {color: #FFFFFF;}

/*--- Links ---------------------- */

/*-- default links visited and active   --*/ a:link, a:visited, a:active { color: #666; font-family: tahoma, sans-serif, arial; font-weight: bold; font-size: 12px; text-decoration: underline; }
/*-- default links hover                --*/ a:hover { color: #444; font-family: tahoma, sans-serif, arial; font-size: 12px; text-decoration: underline; }
/*-- normal  links visited and active   --*/ a.Normal:link, a.Normal:visited { color: #666; font-family: tahoma, sans-serif, arial; font-weight: bold; font-size: 12px; text-decoration: none; }
/*-- normal  links hover                --*/ a.Normal:hover { color: #444; font-family: tahoma, sans-serif, arial; font-size: 12px;	text-decoration: none; }
/*-- admin button-link style            --*/ a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { border: 0; color: #6A6A6A; background: transparent; padding: 2px 3px 3px 4px; font-family: tahoma, sans-serif, arial; font-weight: bold; font-size: 12px; text-decoration: none; height: 20px; }
/*-- admin button-link style hover      --*/ a.CommandButton:hover                                                 { border: 0; color: #6A6A6A; background: transparent; padding: 2px 3px 3px 4px; font-family: tahoma, sans-serif, arial; font-weight: bold; font-size: 12px; text-decoration: none; height: 20px; }

/*--- Forms ---------------------- */

/*-- default form elements              --*/ select, input { font-family: tahoma, sans-serif, arial; font-size: 12px; color: #333; }
/*-- textbox                            --*/ .NormalTextBox { color: #333; padding-left: 4px; line-height: 12px; font-family: tahoma, sans-serif, arial; font-weight: normal; font-size: 12px; }
/*-- textbox container                  --*/ td.NormalTextBox { padding: 0; margin: 0; background: transparent; visibility: invisible; border: 0; }