/*========================================================*/
/*  Skin styles for Supertots                           */  
/*========================================================*/
Body								{ margin:0px; padding:0px;}
Body, .Normal, .NormalTextBox, TD, DIV{font-size:12px}
table, tr, td						{ color: #444;}
p, div, ul, li						{ color: #666; font-size: 12px;line-height:16px;}
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:Comic Sans MS ; font-size: 24px; color: #385997;}
h2 									{ font-family:Comic Sans MS ; font-weight: normal; font-size: 16px; color: #ffffff;}
h3									{ font-family:Comic Sans MS ; font-weight: normal; font-size: 14px; color: #7d8fb0; margin-top:4px;}
h4 									{ font-size: 12px; color: #646e80;}
h5 									{ font-size: 11px; color: #323947;}
h6                                  { font-family:Comic Sans MS ; font-weight: normal; font-size: 13px; color: #000080; margin:6px 0 0 0;}

/*========================================================*/
/*  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_ctr979_LogViewer_dlLog td		{ text-align:left; white-space: normal; border:1px #fff solid;}
#themes                             { display:none;}

/*========================================================*/
/*  Text                                                  */
/*========================================================*/
.Normal,
.normal				{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 14px; font-weight: normal; color: #444; line-height: 150%; }
.NormalBold			{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 14px; font-weight: bold; color: #444; line-height: 130%; }
.NormalRed			{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 14px; font-weight: bold; color: #C00; line-height: 130%; }
.SubHead			{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 14px; font-weight: bold; color: #444; line-height: 130%; }
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;}
.menu               { font-family:Comic Sans MS; font-size:larger; text-align:center;}

/*========================================================*/
/*  Skin Layout                                           */
/*========================================================*/

#fload						{ width:0px; height:0px;}
.Settings					{ text-align:left;}
.vmenubox					{ float:left; width:22%; padding-left:5px;}
.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:95%; 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;background:url(images/user.gif) 0 -1px no-repeat;padding:5px 20px; font-weight:bold;} 
a.user:hover 				{ color:#111;text-decoration:underline;background:url(images/user.gif) 0 -30px no-repeat;}

.login,
a.login:link,
a.login:active,
a.login:visited  			{ line-height:25px; background:url(images/reg.gif) 0 -1px no-repeat; padding:5px 20px; font-weight:bold; color:#888; text-decoration:none;} 
a.login:hover 				{ color:#111; text-decoration:underline; background:url(images/reg.gif) 0 -30px no-repeat;}
.themeOff,.themeOn			{ border:0; cursor:pointer; margin:0px;}

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

.topbannerpane				{ width:95%; clear:both; }
.botbannerpane				{ width:100%; clear:both;margin: 0 10px 0 10px; }
.topleftpane				{ width:47.5%; float:left; margin-left: 10px;}
.toprightpane				{ width:47.5%; float:right; margin-right: 10px;}
.toppane					{ width:97%; margin-left:10px;}
.leftpane					{ width:24%; float:left;overflow:hidden; padding-top:3px;}
.contentpane				{ width:50%; margin-left:1%; display:inline; float:left; padding-top:3px;}
.rightpane					{ width:24%; 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:70%; float:left;overflow:hidden;margin-left:5px;}
.boxfpane					{ width:180px; float:right;overflow:hidden; margin-right: 5px;}
.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				{ margin-top:20px; padding-left: 0px;}
.sloganpane					{ float:left; margin-top:20px; max-width:40%;}

/*========================================================*/
/*  Vertical Menu1 Style                                  */
/*========================================================*/

.VM1                        { float:left; white-space:nowrap; position:relative; height:auto; width:100%; margin:0 0 0 3px; font-family: comic-sans, Tahoma, Arial, Helvetica, sans-serif;}
.VM1 span                   { padding:0 10px 0 20px; white-space:nowrap; display:block; font-weight:bold; font-size:10pt; color:#ffffff;}
.VM1 ul                     { margin:0px; padding:0px;display: block;float:left;  width:100%;}
.VM1 li                     { list-style:none none outside; float:left;position:relative; clear:both; width:100%; margin:0px;}
.VM1 ul li                  { background:url(menus/hm.gif) left -72px no-repeat; float:left; width:97%; }
.VM1 ul li a                { background:url(menus/hm.gif) right -108px no-repeat;height:36px; display:block; float:left; width:100%; line-height:36px; cursor:pointer; text-decoration:none; color:#fff;}
.VM1 ul .current            { background:url(menus/hm.gif) left top no-repeat; margin:0px;}
.VM1 ul .current a          { background:url(menus/hm.gif) right -36px no-repeat; color:#fff;}
.VM1 ul li a:hover 			{ color:#fff; background:url(menus/hm.gif) left top no-repeat; width:97%;}
.VM1 ul a:hover span 		{ background:url(menus/hm.gif) right -36px no-repeat; color:#fff;}
.VM1 .downarrow				{ display:none;}
.VM1 .rightarrow			{ position:absolute; right:2px; top:10px;}
.VM1 .slide                 { display:none; float:left; overflow:hidden; position:absolute;}
.VM1 .slide ul              { width:auto;}
.VM1 .slide img             { padding:0 3px 0 0;}
.VM1 .slide .Group          { background:#3a5ab3; border:0px #ddd solid; display:none; left:0px; float:left; position:relative;}
.VM1 .slide ul li           { clear: both;background:#3a5ab3; display:block;height:24px;}
.VM1 .slide ul li span      { color:#fff; display:block; text-align:left; vertical-align:middle; white-space:nowrap; padding:0 20px 0 10px;}
.VM1 .slide ul li a         { background:#3a5ab3;height:24px; display:block; line-height:24px;}
.VM1 .slide ul a:hover span { color:#fff; background:#6e91d2;}

/*========================================================*/
/*  SiteMap                                      		  */
/*========================================================*/

.SiteMap					        { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; width:90%; margin:0 auto;}
.SiteMap ul li a			        { font-size:14px; font-weight:bold; line-height:20px; color:#6e91d2;}
.SiteMap ul li ul			        { margin:5px 10px;list-style:inside;}
.SiteMap ul li ul li		        { list-style:disc; margin:0 5px; background:none;}
.SiteMap ul li ul li span 	        { font-size:12px; color:#999; text-decoration:underline; line-height:18px;}
.SiteMap ul li ul li a:hover span   { color:#6e91d2; text-decoration:none;}

/*========================================================*/
/*  Image Float                                      		  */
/*========================================================*/

.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:0px; margin-bottom:10px; margin-left:10px; margin-top:5px; float:right;}
.imageleftnoborder img      { margin-right:15px; margin-bottom:10px; margin-top:5px; padding-top:10px;    float:left;}
.imagerightnoborder img     { margin-right:15px; margin-bottom:10px;    margin-left:10px;    margin-top:5px;    float:right; }