html{overflow:auto}
html,Body{height:100%;}
Body,.DockMenu *{padding:0px;margin:0px}
Body, .Normal, .NormalTextBox, td, div, p, .Normal, .NormalDisabled, .NormalBold{font-size:small;font-family:Tahoma,Arial, Helvetica, sans-serif;color:#666}
#Body{ background:url(images/body.png) left top no-repeat}
a:link,a:active,a:visited{color:#FF00FF;font-weight:bold; outline:none}a:hover{color:#009900}
#dockmenu{ width: 100%;bottom: 0px;position: absolute;right:0px;height: 30px;text-align: center;background:url(images/toolbar_button.png) 0 -60px repeat-x}
#dockmenu .dock-container{ position: absolute;bottom:0px;margin:0px;padding:0px}
#dockmenu a{ display: block;font: bold 12px Arial, Helvetica, sans-serif;width: 40px;color: #000;bottom: 0px;position: absolute;text-align: center;text-decoration: none;}
#dockmenu a span{ display: none;background:url(images/toolbar_button.png) right -14px no-repeat;padding:5px;width:95px;height:35px;position:absolute;top:-40px;left:0px;}
#dockmenu a img{ margin: 5px 10px 0px;width: 100%;border:none}
#dockmenu ul,#dockmenu  ul li{ margin:0px;padding:0px;list-style:none}
#dnn_dnnLOGO_hypLogo{position:absolute;top:30px;left:46%;z-index:2000}
.ControlPanel{ margin:0 auto;width:50%;position:relative;z-index:2000}
.ContentPane{padding:0px;margin:0 2%;}
.DNNEmptyPane{width:0px;padding:0px;margin:0px}
input.color {
		border: 0px solid black;
		text-align: center;
		cursor: pointer; font-size:0px; padding:0px; text-decoration:none; float:left; width:23px; height:20px;background:url(images/toolbar_button.png) -3px -5px no-repeat; margin-top:4px; line-height:20px; letter-spacing:100px; text-indent:-10px
	}

.space{height:30px}
.flbar{position:absolute;left:10px;bottom:0px;z-index:1000;display:block;height:30px;position:fixed !important;position:absolute;}
.frbar{position:absolute;bottom:0px;right:10px;z-index:1000;display:block;position:fixed;height:30px;line-height:30px;text-align:right !important;position:absolute;color:#b7e8fa;font-size:0.8em}
#popbg{background:url(images/opacity.png);position:absolute;z-index:99999;left:0;top:0;display:none;width:100%;height:1000px;}
#popdiv{position:absolute;width:380px;left:50%;top:200px;margin-left:-200px;height:auto;z-index:100000;background-color:#fff;border:1px #8FA4F5 solid;padding:1px;}
#popdiv h2{ height:25px;font-size:12px;background-color:#0776c4;position:relative;line-height:25px;margin:0px;padding:0px;padding-left:5px;color:#FFFFFF;font-weight:bold}
#popdiv h2 a{position:absolute;right:5px;font-size:12px;color:#fff;top:0px}

.feedback{ display:block;width:30px;height:30px;float:left;background:url(images/toolbar_button.png) -30px 0 no-repeat;margin:0 4px 0 8px}
.online{ display:block;width:30px;height:30px;float:left;background:url(images/toolbar_button.png) -60px 0 no-repeat;margin:0 4px}
.addthis_button{ display:block;width:30px;height:30px;float:left;background:url(images/toolbar_button.png) -90px 0px no-repeat;margin:0 4px}
a.feedback:hover{background:url(images/toolbar_button.png) -30px -30px no-repeat}
a.online:hover{background:url(images/toolbar_button.png) -60px -30px no-repeat}
.account{position:absolute;left:0px;top:0px;z-index:1000;display:block;height:30px;background:url(images/toolbar_button.png) right -95px no-repeat;padding-right:20px;width:300px}
.prosearch{position:absolute;right:0px;top:0px;z-index:1000;display:block;width:260px;height:30px;background:url(images/toolbar_button.png) left -127px no-repeat;text-align:right}
/*.prosearch{position:absolute;right:15%;bottom:20%;z-index:1000;display:block;width:260px;height:42px;background:url(images/searchbg.png) left 0px no-repeat;text-align: center; padding-top:46px}
*/.prosearch input{ font-size:0.8em;font-family:Arial, Helvetica, sans-serif}
a.w3c:link,a.w3c:active,a.w3c:visited{ color:#b7e8fa;margin:0 5px;}
a.w3c:hover{ color:#FFFF00}
#SkinColor{width:20px;position:absolute;right:0px;top:18%;height:60%}
#SkinColor a:link,#SkinColor a:active,#SkinColor a:visited{display:block;width:80%;margin:0 auto;height:3%;border:1px #000 solid;overflow:hidden}
#SkinColor a:hover{border:1px #fff solid}
#Slogan{width:20px;position:absolute;left:0px;top:18%;height:60%;background:url(images/slogan.png) left center no-repeat #000; font-size:0px; overflow:hidden; letter-spacing:-200px; text-indent:100; color:#000}
a#Slogan:hover{background:url(images/slogan.png) right center no-repeat #000}
.loginmodule{margin:0 10px; position:relative; z-index:50000; font-family:Arial, Helvetica, sans-serif; font-size:0.8em}
.account .userinfo 	{ float:left; margin-top:-15px; margin-left:15px; width:350px; font-size:0.8em}
.account .userinfo  span	{ float:left;}
.loginbox{margin:0px;padding:0px;width:50px; height:16px; border:0px #cffbf5 solid; margin-top:2px}
.account a:link,.account a:active,.account a:visited{ padding:2px; margin:3px; color:#3366CC; text-decoration:underline}
.account a:hover{ color:#FF00FF}
.loginmodule input.button{ margin:0px; padding:0px; height:16px; margin-bottom:-4px}
.Black{ background:#000}
.Maroon{ background:#800}
.Burgundy{ background:#9b0506}
.Brown{ background:#a52a2c}
.Firebrick{ background:#b22}
.Red{ background:red}
.Chocolate{ background:#d2691e}
.Coral{ background:coral}
.Orange{ background:#fca605}
.Gold{background:#fdd503}
.Yellow{ background:#ff0}
.YGreen{ background:#9acd32}
.Olive{ background:olive}
.Green{ background:green}
.Teal{ background:teal}
.Turquoise{background:#44e2d4}
.SkyBlue{background:#87ceeb}
.Blue{ background:blue}
.Purple{ background:purple}
.Magenta{background:#ff00ff}
.Violet{background:#ec83ec}
.Orchid{background:#da70d6}
.Pink{background:pink}
.White{background:white}
.Beige{background:beige}
.Silver{background:silver}
.Gray{background:gray}
.Bronze{background:#8c7853}















