
/*========================================================*/
/*  Skin styles for DotNetNuke                           */  
/*========================================================*/

Body								{ margin:0px; padding:0px; font-size:13px;}
Body, .Normal, .NormalTextBox, 
TD, DIV                             {color: #666; font-size:13px;}
table, tr, td						{ color: #666;}
p, div, ul, li						{ color: #666; font-size:13px; line-height:18px;}
p									{ padding:5px 0; margin:0px;}
li									{ list-style: disc; }
ol li								{ list-style: decimal; }
ul li								{ list-style: disc;}
li									{ margin: 5px 0;}
.clear								{ clear:both;}
.left								{ float:left;}
.right								{ float:right;}
.Head								{ color:#385997; font:bold 12pt Verdana, Arial, Helvetica, sans-serif;}
.SubHead							{ color:#999999;}
H1,H2,H3,H4,H5	 					{ line-height:23px; font-weight:bold; margin:0px; padding:0px;}
H1									{ font-family:Arial,Verdana,Tahoma,Helvetica; font-size:190%; font-weight:700; color:#666; padding:0px; margin:0px;}
H2                                  { font-family:Arial, Verdana, Tahoma, Helvetica; font-size:140%; font-weight:500; color:#666; padding:5px 0px 0px 0px;}
H3                                  { font-family:Arial, Verdana, Tahoma, Helvetica; font-size:110%; font-weight:500; color:#666; padding:5px 0px 5px 0px; margin:0px;}
H4                                  { font-family:Tahoma, Arial, Helvetica; font-size:100%; font-weight:bold; color:#052147; padding:5px 0px 5px 0px; margin:0px;}
H5                                  { font-family: Tahoma, Arial, Helvetica; font-size:100%; font-weight: normal; color:#666;}
H6                                  { font-family:Tahoma, Arial, Helvetica; font-size:100%; font-weight: normal; color:red;}


/*========================================================*/
/*  Control Panel                                         */
/*========================================================*/

.ControlPanel						{ background:url(images/control.gif) top left repeat-x #0c5a9a; border:0px #ccc solid;}
.ControlPanel IMG					{ margin:5px 5px 0px; }
.ControlPanel TD TD TD TD IMG		{ margin:0px; }
.ControlPanel TD TD TD				{ width:auto}
.ControlPanel TD .SubHead			{ font-size:8pt; color:#bde5fc; font-weight:bold; padding:0 5px}
.ControlPanel TD .SubHead span		{ padding:0 5px}
.ControlPanel TD TD TD .SubHead		{ background:transparent; border:0px; font-size:8pt; color:#fff; font-weight: bold; }
.ControlPanel TD TD TD input		{ background:#f5f5f5; font-size:8pt; color:#000; font-weight:bold; padding-left:4px; }
.ControlPanel TD TD TD select		{ background:#f5f5f5; font-size:8pt; color:#444;}
.ControlPanel .CommandButton,
.ControlPanel A.CommandButton:link,
.ControlPanel A.CommandButton:visited,
.ControlPanel A.CommandButton:active{ color:#c0dffb; text-decoration:none; font: bold 9pt Tahoma, Arial, Helvetica, sans-serif; padding:0 5px; display:block;}
.ControlPanel A.CommandButton:hover	{ color:#fff; text-decoration:none; background:none}
/* Forms */
div.form							{ width: 500px; text-align: left; }
div.form_group						{ text-align: left; margin-bottom: 10px; font-size: 14px; color: #4b91ae;  }
div.form_text						{ float: left; margin: 0; }
p.form_text							{ margin: 0 0 3px 0; }
textarea.form_text,
input.form_text,
select.form_text					{ color:#333;background:#efefef; border-color: #bbb #bbb #ddd;border-width: 2px 1px 1px; padding: 0.2em;margin: 0 10px 10px 0; }
input								{ color: #666; }
select								{ color: #666; }
.StandardButton						{ color: #666; background: #EEE; border: solid 1px #D1C7BE; line-height:22px; padding:0 10px; height:22px; cursor:pointer;}
.NormalTextBox						{ color: #666; padding-left: 4px; line-height: 12px; font-weight: normal; }
td.NormalTextBox					{ padding: 0; margin: 0; background: transparent; visibility: inherit; border: 0; }
#dnn_ctr_Login_pnlLogin table		{ float:none; margin:0 auto;}
#dnn_ctr_ManageUsers_pnlUser		{ text-align:left; min-height:1px;}
#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:#6e91d2; border-bottom:1px #6e91d2 solid;line-height:26px; margin:0px; padding:0px; font-weight:normal;}
#dnn_ctr979_LogViewer_dlLog td		{ text-align:left; white-space: normal; border:1px #fff solid;}

/*========================================================*/
/*  Text                                                  */
/*========================================================*/

.Normal,
.normal						{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: normal; color: #444; line-height: 120%; }
.NormalBold					{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: bold; color: #444; line-height: 120%; }
.NormalRed					{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: bold; color: #C00; line-height: 120%; }
.SubHead					{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: bold; color: #444; line-height: 120%; }
span.SubHead				{ font-size: 9px; margin:0; padding:0; }
span.SubHead br				{ display: none; }
a:link						{ color: #6e91d1;}
a:visited 					{ color: #444;}
a:hover 					{ color: #000000;}
a:active					{ color: #444;}

/*========================================================*/
/*  Skin Layout                                           */
/*========================================================*/

#fload						{ width:0px; height:0px;}
.date						{ padding:0 20px; color:#777}
.languagebox				{ float:right;text-align:right; padding:0 20px; white-space:nowrap; width:20%; display:none}
.Settings					{ text-align:left;}
.vmenubox					{ float:left; width:22%;}
.vmenucontent				{ float:right; width:77%;}
.logo						{ min-height:80px; min-width:300px;}
* html .logo				{ height:80px; width:300px;}
.news h2					{ color:#333333; font-size:14px; margin:0px; padding:0px; line-height:22px;}
.news p						{ line-height:17px; font-weight:bold;}
#dnncontent					{ width:97%; margin:5px auto; clear:both;}

/*========================================================*/
/*  Skin Object                                           */
/*========================================================*/

.user,
a.user:link,
a.user:active,
a.user:visited  			{ color: #888;text-decoration: none; line-height:35px;padding:5px 20px; font-weight:bold;} 
a.user:hover 				{ color:#111;text-decoration:underline;}

.login,
a.login:link,
a.login:active,
a.login:visited  			{ font-size:9px; line-height:15px; padding:5px; font-weight:bold; color:#888; text-decoration:none;} 
a.login:hover 				{ color:#111; text-decoration:underline; }
#themes                     { display:none;}

/*========================================================*/
/*  Content Panes                                         */
/*========================================================*/

.topbannerpane				{ width:100%; clear:both;}
.botbannerpane				{ width:100%; clear:both;}
.topleftpane				{ width:49.5%; float:left;}
.toprightpane				{ width:49.5%; float:right;}
.toppane					{ width:100%;}
.leftpane					{ width:200px; float:left;overflow:hidden; padding-top:3px;}
.contentpane				{ width:50%; margin-left:1%; display:inline; float:left; padding-top:3px;}
.rightpane					{ width:200px; float:right; overflow:hidden; padding-top:3px;}
.boxapane					{}
.boxbpane					{ width:24%; float:left;overflow:hidden; }
.boxcpane					{ width:75%; float:right;overflow:hidden; }
.boxdpane					{}
.boxepane					{ width:75%; float:left;overflow:hidden;}
.boxfpane					{ width:24%; float:right;overflow:hidden;}
.boxgpane					{}
.mainapane					{ width:32.8%; float:left; overflow:hidden;}
.mainbpane					{ width:32.4%; margin-left:1%; float:left; overflow:hidden;}
.maincpane					{ width:32.8%; float:right; overflow:hidden;}
.bottompane					{ clear:both;}
.menubotpane				{ padding-top:5px;}
.sloganpane					{ float:left; margin-top:20px; max-width:40%;}

#footerpane                 { width:860px; clear:both; height:160px; background-image:url(images/ark-footerbg.jpg);  background-position:bottom; background-repeat:no-repeat;}
#fsa                        { width:840px; height:70px; clear:both; padding: 0 0 0 70px; margin: 0 0 0 20px; text-align:left; font-size:80%; background-image:url(images/ifalogo-sm.gif); background-repeat: no-repeat;}
.footerleftpane             { width:430px; clear:both; float:left; text-align:left; font-size:70%; padding:0 0 0 90px;}
.footerrightpane            { width:330px; float:right; padding:50px 10px 10px 0; text-align:right; font-size:90%; font:Arial;}

/*========================================================*/
/*  Horizontal Menu4 Style                                */
/*========================================================*/

.HMD						    { width:100%;margin:0 auto;background:none; clear:both; text-transform:uppercase;}
.HMD .Box					    { background:none;  padding-right:23px; height:36px;}
.HM4 						    { position:relative; height:36px; float:left;font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; background:none;}
.HM4 span 						{ padding:0 15px; white-space: nowrap; display:block; font-size:0.9em; font-weight:normal;}
.HM4 ul							{ margin:0 0 0 100px; padding:0px;display: block;float:left;}
.HM4 li 						{ list-style: none none outside; float:left;position:relative; margin:0px;}
.HM4 ul li 						{ background:url(menus/menu4.gif) top left no-repeat; float:left;}
.HM4 ul li a					{ background:url(menus/menu4.gif) right -40px no-repeat;height:36px; display:block; float:left;}
.HM4 ul .current 				{ background:url(menus/menu4.gif) left -80px no-repeat; margin:0px;}
.HM4 ul .current a				{ background:url(menus/menu4.gif) right -120px no-repeat; color:#fff;}
.HM4 ul .current span			{ color:#fff}
.HM4 ul .current .slide span	{ background:transparent;}
.HM4 ul a:link, 
.HM4 ul a:active, 
.HM4 ul a:visited					{ width:auto;color:#fff; text-decoration:none; line-height:36px;display: block; cursor:pointer;}
.HM4 ul a:hover 					{ color: #000000;}
.HM4 ul a:hover span 				{ }
.HM4 .downarrow						{ display:none;}
.HM4 .rightarrow					{ position:absolute; right:2px; top:10px;}
.HM4 .slide 						{ display: none; float: left; overflow:hidden; position:absolute;}
.HM4 .slide .icon 					{ position:absolute; left:2px; top:3px;}
.HM4 .slide .Group 					{ background:#eee; border:1px #dfdfdf dotted;display: none;left: 0px; float: left; position:relative; margin:0px;}
.HM4 .slide ul li 					{ clear: both; display:block;}
.HM4 .slide ul li span 				{ color:#ffffff; display:block; padding:6px 30px 0 30px;}
.HM4 .slide ul li a					{ height:36px; display:block;}
.HM4 .slide ul a:link, 
.HM4 .slide ul a:active, 
.HM4 .slide ul a:visited			{ width:auto;text-decoration:none; line-height:24px;display: block; cursor:pointer;}
.HM4 .slide ul a:hover 				{ width:100%;}
.HM4 .slide ul a:hover span 		{ color:#000000;}

/* image float styles */   
.imageleftside img                  { border: 1px solid #CCC; margin-right: 15px; margin-bottom: 10px; margin-top: 5px; float: left;}
.imagerightside img                 { border: 1px solid #CCC; margin-right: 15px; margin-bottom: 10px; margin-left:10px; margin-top:5px; float: right;}
.imageleftnoborder img              { margin-right: 15px; margin-bottom: 10px; margin-top: 5px; float: left;}
.imagerightnoborder img             { margin-right: 15px; margin-bottom: 10px; margin-left:10px; margin-top:5px; float: right;}