/*========================================================*/
/*  Skin styles for DotNetNuke           by dnnskin.net   */  
/*  Overall      support@dnnskin.net                      */  
/*========================================================*/

body 									{ margin:0px; padding:0px;color:#888;}
th,td,div									{ color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal}
a,a:link,a:visited,a:active				{ color:#000; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
a:hover									{ color:#999; text-decoration:none; }

/*========================================================*/
/*  Skin Layout                                           */
/*========================================================*/
.normal,.Normal							{ line-height:1.5em}
.Head									{ color:#000}
.SubHead								{ color:#888}
.CommandButton,A.CommandButton:link,
A.CommandButton:visited,
A.CommandButton:active					{color:#f00; text-decoration:none; font: bold 9pt Tahoma, Arial, Helvetica, sans-serif; padding:0 3px;}
A.CommandButton:hover					{ color:#000; text-decoration:none;}
.dnnwrapper								{ width:780px;}
.dnnspace								{ height:15px; width:100px; overflow:hidden}
.clear									{ clear:both;}
.floatleft								{ float:left;}
.floatright								{ float:right}
.Settings								{ text-align:left}
.option									{ display:none}
#dnn_ctr_Login_pnlLogin table				{ float:none; margin:0 auto}
#dnn_ctr_ManageUsers_pnlUser			{ text-align:left;}
#dnn_ctr_ManageUsers_pnlUser .Normal		{ line-height:20px}
#dnn_ctr_Terms_lblTerms,
#dnn_ctr_Privacy_lblPrivacy				{ line-height:20px}
#dnn_ctr_Terms_lblTerms .SubHead,
#dnn_ctr_Privacy_lblPrivacy .SubHead		{ font-size:14px;color:#fd7f03;line-height:26px; margin:0px; padding:0px; font-weight: bold;}
#dnn_ctr979_LogViewer_dlLog td			{ text-align:left; white-space: normal; border:1px #fff solid}
#dnn_BannerPane .SubHead					{ color:#CCCCCC; font: normal 9px Verdana, Arial, Helvetica, sans-serif}

#dnntop_left							{ height:42px; background:url(images/top_left.png) left top no-repeat}
#dnntop_right							{ height:42px; background:url(images/top_right.png) right top no-repeat}
#dnntop_box								{ height:42px; background:url(images/top_bg.png) left top repeat-x; margin:0 42px}

#dnnhead_left							{ background:url(images/head_left.png) left top repeat-y}
#dnnhead_right							{ background:url(images/head_right.png) right top repeat-y}
#dnnhead_box							{ background:url(images/head_bg.png) left top repeat-x; margin:0 21px; position:relative; height:80px}

.logo									{ width:50%; margin-left:10px;}
.account								{ position:absolute; z-index:2000; right:5px; top:0px; text-align:right; color:#777}
.dnnbreader								{ width:100%; background:#fff; height:24px}

#dnnbreader_left						{ background:url(images/content_left.png) left top repeat-y; height:26px}
#dnnbreader_right						{ background:url(images/content_right.png) right top repeat-y; height:26px}
#dnnbreader_box							{ background:url(images/breadbg.gif) top right no-repeat #282828;margin:0 21px;height:26px;border-top:1px #555 solid}

#dnnbreader_box .breader					{ width:60%; height:24px; color:#777; padding-left:4px}
#dnnbreader_box .searchbox a:link,
#dnnbreader_box .searchbox a:active,
#dnnbreader_box .searchbox a:visited		{ color:#fdb903}
#dnnbreader_box .searchbox a:hover		{ color:#FFFFFF}

#dnnbanner_left							{ background:url(images/banner_left.png) left top repeat-y;}
#dnnbanner_right						{ background:url(images/banner_right.png) right top repeat-y}
#dnnbanner_box							{ background:url(images/banner_bg.png) top left repeat-x #7e7e7e; margin:0 21px;}

#dnnmenu_left							{ background:url(images/menu_left.png) left top repeat-y; height:38px}
#dnnmenu_right							{ background:url(images/menu_right.png) right top repeat-y; height:38px}
#dnnmenu_box							{ background:url(images/menu_bg.png) top right no-repeat; margin:0 23px; height:38px}

.option									{ width:1px; position:relative}
.option a:link,
.option a:active,
.option a:visited						{ position:absolute; right:3px; top:4px; display:block; width:30px; height:30px; text-align:center;}
.option a:hover							{ color:#FFFFCC; background:url(images/themeon.gif) center center no-repeat }

#dnncontent_left						{ background:url(images/content_left.png) left top repeat-y;}
#dnncontent_right						{ background:url(images/content_right.png) right top repeat-y;}
#dnncontent_box							{ background:#fff; margin:0 21px; padding:5px}

#dnncopyright_left						{ background:url(images/content_left.png) left top repeat-y;}
#dnncopyright_right						{ background:url(images/content_right.png) right top repeat-y;}
#dnncopyright_box						{ background:url(images/copy_bg.png) right top repeat-x #fff; margin:0 21px; height:70px}
.bot_img								{ background:url(images/bot_img.png) right top no-repeat; height:70px; width:200px}

#dnnbot_left							{ height:42px; background:url(images/bot_left.png) left top no-repeat}
#dnnbot_right							{ height:42px; background:url(images/bot_right.png) right top no-repeat}
#dnnbot_box								{ height:42px; background:url(images/bot_bg.png) left top repeat-x; margin:0 42px;}

/*========================================================*/
/*  Content Panes                                         */
/*========================================================*/

.ChatPane								{ width:70%; float:right}
.ContentPane							{ padding:0px; margin:0px;}
.LeftPane								{ width:22%; padding-right:8px}
.RightPane								{ width:22%; padding-left:8px}
.toppane								{ float:left; width:100%}
.topleftpane							{ width:49.5%;}
.toprightpane							{ width:49.5%}
.bannerpane								{ margin:0px; padding:0px}
.bannerpane p							{ margin:0px; padding:0px}
.boxapane								{ width:24%; float:left; margin-right:1%;}
.boxbpane								{ width:24.5%; float:left; margin-right:1%; }
.boxcpane								{ width:24.5%; float:left;}
.boxdpane								{ width:24%; float:right;}
.dnnpanes								{ clear:both;}
/*========================================================*/
/*  Skin Object                                           */
/*========================================================*/

.Breadcrumb,a.Breadcrumb:link,
a.Breadcrumb:active,
a.Breadcrumb:visited					{ color:#eee; line-height:24px; padding:0 3px}
a.Breadcrumb:hover						{ color:#ccc;}

.user,a.user:link,a.user:active,
a.user:visited 							{ color:#eee; font-size:12px;  line-height:20px; padding:0 10px; white-space:nowrap}
a.user:hover							{ color:#ccc;}

.login,a.login:link,a.login:active,
a.login:visited 							{ color:#eee; font-size:12px; line-height:20px; padding:0 10px}
a.login:hover							{ color:#ccc;}

.copyright,a.copyright:link,
a.copyright:active,a.copyright:visited 	{ color:#666; line-height:20px; margin:0 10px}
a.copyright:hover						{ color:#333;}

.privacy,a.privacy:link,
a.privacy:active,a.privacy:visited 		{ color:#000; line-height:20px; margin:0 10px}
a.privacy:hover							{ color:#336699;}

.terms,a.terms:link,a.terms:active,
a.terms:visited 							{ color:#000; line-height:20px; margin:0 10px}
a.terms:hover							{ color:#336699;}
.Language								{ display:none}/* If you want to use the multi language��please remove the display:none*/
.CurrentDate							{ color:#777; line-height:20px; font-size:12px; display:block;}
/*========================================================*/
/*Search SkinObject Styles                        		  */
/*========================================================*/

#dnn_dnnSEARCH_txtSearch				{ margin-top:3px; border:1px #ccc solid}
.searchbox								{ width:250px; color:#777; position:relative; z-index:80}
.searchbox a:link						{ display:block; position:absolute; right:10px; top:2px}
.ServerSkinWidget						{ font-size:11px}
div.SearchContainer						{ white-space: nowrap; height:26px}
div.SearchBorder							{ width:200px; height:20px; border:solid 1px #282828; position:absolute; right:35px; background-color: White; white-space: nowrap;top: 2px;}
div.SearchIcon							{ float:left;width:31px;height:20px; cursor: pointer; z-index:11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img						{ margin-top: 3px;}

input.SearchTextBox						{ float: left; z-index: 10; border: 0px; width:150px; height:18px; margin-left:3px;}

#SearchChoices							{ display: none; border:solid 1px #C3D4DF; cursor: pointer; margin: 0; padding: 0; text-align:left; font-size:12px; background-color: #F3F7FA; position:absolute; top: 22px; left: 0px; z-index:4000; }
#SearchChoices li							{ cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite			{ background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault			{ background-color: #F8FAFF; border: none;}

/*========================================================*/
/*  CSS Menu1 Style        		                        */
/*========================================================*/

.cssmenu 								{ position:relative; height:20px; float:left}
.cssmenu span 							{ padding:0 20px; white-space: nowrap; display:block;}
.cssmenu ul								{ margin:0px; padding:0px;display: block;float:left}
.cssmenu li 								{ list-style: none none outside; float:left;position:relative;}
.cssmenu ul li 								{ background:url(images/menu4.gif) top left no-repeat; float:left}
.cssmenu ul li a							{ background:url(images/menu4.gif) right -40px no-repeat;height:38px; display:block; float:left}
.cssmenu ul .current 						{ background:url(images/menu4.gif) left -80px no-repeat; margin:0px}
.cssmenu ul .current a					{ background:url(images/menu4.gif) right -120px no-repeat; color:#fff;}
.cssmenu ul .current span					{ color:#fff}
.cssmenu ul .current .slide span			{ background:transparent;}
.cssmenu ul a:link, 
.cssmenu ul a:active, 
.cssmenu ul a:visited						{ width:auto;color:#fff; text-decoration:none; line-height:38px;display: block; cursor:pointer}
.cssmenu ul a:hover 						{ color: #fff; background:url(images/menu4.gif) left -160px no-repeat;float:left}
.cssmenu ul a:hover span 					{ background:url(images/menu4.gif) right -200px no-repeat; float:left}
.downarrow								{ position:absolute; right:9px; top:17px}
.rightarrow								{ position:absolute; right:5px; top:10px}
.cssmenu .slide 							{ display: none; float: left; overflow:hidden; position:absolute;}
.cssmenu .slide .icon 					{ position:absolute; left:2px; top:3px}
.cssmenu .slide .Group 					{ background:#fff; border:1px #000 solid;display: none;left: 0px; float: left; position:relative}
.cssmenu .slide ul li 						{ clear: both;background:url(images/submenu.gif) top left repeat-x; display:block; border-bottom:1px #dbd8d8 solid; width:100%}
.cssmenu .slide ul li span 					{ color:#666666; display:block; padding:0 20px 0 20px}
.cssmenu .slide ul li a						{ background:url(images/submenu.gif) top left repeat-x;height:24px; display:block}
.cssmenu .slide ul a:link, 
.cssmenu .slide ul a:active, 
.cssmenu .slide ul a:visited				{ width:auto;color:#333; text-decoration:none; line-height:24px;display: block; cursor:pointer}
.cssmenu .slide ul a:hover 				{ background:url(images/submenu.gif) 0 -25px repeat-x;width:100%}
.cssmenu .slide ul a:hover span 			{ background:url(images/submenu.gif) 0 -25px repeat-x;}

/*========================================================*/
/*  Page Options        		                        */
/*========================================================*/

#themes 									{ background: #000;height: 180px;display: none; position:absolute;z-index:3000; width:300px; right:0px; top:0px; padding:10px; border:0px #fff solid}
#themes strong 							{ color:#fdb903; font:bold 16px/30px Arial, Helvetica, sans-serif}
#themes .close 							{ display:block; height:30px; text-align:center; font:normal 12px/30px Arial, Helvetica, sans-serif; width:95px; margin:10px auto; background:url(images/closebg.gif) top left no-repeat}
#themes a.close:link,
#themes a.close:visited,
#themes a.close:active					{ color:#fdb903;}
#themes a.close:hover					{ color:#fff;}
#themes img 								{ margin:5px; cursor:pointer}
.slide 									{ margin: 0;padding: 0;border-top: solid 0px #422410;}
.btn-slide 								{ background: url(white-arrow.gif) no-repeat right -42px;text-align: center;width: 90px;height: 30px;margin: 0 auto;display: block;}
.active 									{ background-position: right 4px;}
.aboutskin								{ padding-left:30px; line-height:30px; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-top:30px}
/*========================================================*/
/*  SiteMap                                      		  */
/*========================================================*/

.SiteMap								{ font-family:Trebuchet MS, Arial, Helvetica, sans-serif; text-align:left}
.SiteMap img								{ display:none}
.SiteMap ul li								{ list-style:none}
.SiteMap ul li a							{ font-size:14px; font-weight:bold; line-height:24px; color:#000}
.SiteMap ul li ul							{ margin:5px 10px;list-style:inside}
.SiteMap ul li ul li							{ list-style: circle; margin:0 10px; background:none;}
.SiteMap ul li ul li span 						{ font-size:12px; color:#999; text-decoration:underline; line-height:20px}
.SiteMap ul li ul li a:hover span 				{ color:#000; text-decoration:none}