/*
 	CSS for DNN
	By Thomas Larsson
	For IPSI.se
	Version 1.0
	20080731
*/


Body {
	margin:0px;
	padding:0px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.3em;
	color:#555;
	background:#CCCCCC;
}

* { margin: 0; padding: 0; } 

.clear{ clear:both}

.left{ float:left}

.right{ float:right}

H1,H2,H3,H4,H5,H6 { line-height:23px; font-weight:bold}

.Normal, .NormalTextBox, TD, DIV, P {
	font-size: 1em;
}

.Normal {
	font-size: 1.2em;
}

#dnnwrapper, #dnnfooter {
	width:980px;
	text-align:left;
}

A:link,A:visited,A:active {color: #aa6028; text-decoration:none}
A:hover {color: #333; text-decoration:underline}
.Head{ color:#aa6028;}
.SubHead{ color:#777}
.defaultcolor{color:#aa6028;}
.logo{float:left;width:35%; padding-top:5px}
#dnnwrapper { width:780px; min-height: 100%; margin:0 auto; background:url(../images/topbg.gif) top left repeat-x #FFF;} 
#dnnheader {width:100%; margin:0 auto; min-height:20px; height:auto; } * html #dnnheader{ height:20px}
#dnnbottom{ background:#FFFFFF; width:100%; margin:0 auto}
#dnnbottom .box{  width:100%}
#dnnbottom .box .lb{ background:url(../images/lb.gif) left top repeat-x; height:46px; width:99%; margin:0 auto}
#dnnbottom .box .ll{ background:url(../images/ll.gif) left top no-repeat; height:46px}
#dnnbottom .box .lr{ background:url(../images/lr.gif) right top no-repeat; height:46px; line-height:35px; text-align:center}
#dnnfooter {height:30px;color:#777;line-height:30px; width:780px; background:url(../images/fotbg.gif) bottom left repeat-x #FFF}
#themes{width:32px; height:200px; background:url(../images/themebg.gif) top left repeat-y; border:1px solid #333; position:absolute; right:0px}
.links{ color:#999999}A.links:link,A.links:active,A.links:visited  {line-height:25px;padding:0px 5px; font-weight: bold; color:#aa6028; text-decoration:none} A.links:hover {color:#666;}

.privacy,A.privacy:link,A.privacy:active,A.privacy:visited  {line-height:25px; font-weight:bold; color:#999; text-decoration:none; float:left; padding:0 10px} A.privacy:hover {color:#aa6028;}

.terms,A.terms:link,A.terms:active,A.terms:visited  {line-height:25px; font-weight:bold; color:#999; text-decoration:none; float:left; padding:0 10px} A.terms:hover {color:#aa6028;}

.copyright{ font-weight:bold; float:right; padding:0 10px; color:#999999}


H1, .h1 {font-size: 2.2em; color: #a53e0c;}
H2, .h2, .title {font-size: 1.8em; color: #a53e0c;}
H3, .h3 {font-size: 1.4em; color: #a53e0c;}
H4, .h4 {font-size: 1.2em; color: #0052e1;}
H5, .h5 {font-size: 1.1em; color: #0052e1;}
H6, .h6 {font-size: 1.0em; color: #0052e1;}


.ann_normal h3 {
	color:#fff;
}

.ann_normal .Normal {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom: 1px #fff dotted;
}

/*========================================================*/
/*  Skin Layout                                         */
/*========================================================*/

#fload{ width:0px; height:0px;}
#topbar{ float:right; width:60%; text-align:right; margin-top:3px; margin-right:5px;  line-height:20px;}
.date{ padding:0 10px; color:#777}
.language{ float:right;text-align:right; padding:0 5px; white-space:nowrap; width:45%}
.language .language{ width:auto}
.bannerpane{ width:99%; float:left; margin:0;}
.Settings{ text-align:left}
#dnncontent{width:99%; margin:5px 0}


#dnnbreader{ width:99%; background:url(images/breadbg.gif) top left repeat-x; height:31px; margin:0 auto; line-height:30px}
#dnnbreader .left{background:url(images/breadleft.gif) top left no-repeat; height:31px; padding-left:10px; width:68%; text-align:left;}
#dnnbreader .right{background:url(images/breadright.gif) top right no-repeat; height:31px;position:relative; width:230px;}
#dnnbreader .right input{ border:0px #ccc solid;height:18px; position:absolute; top:5px; right:40px; padding:2px 0px 0 0px; background:transparent; width:172px; font:bold 9pt Arial, Helvetica, sans-serif; color:#777}
#dnnbreader .right a:link,#dnnbreader .right a:active,#dnnbreader .right a:visited{ position:absolute; right:0px; border:0px; top:5px; width:25px; height:20px; display:block; border:0px; background:url(images/search-button.gif) left top no-repeat; overflow:hidden; margin-right:10px}
#dnnbreader .right a:hover{ background:url(images/search-button.gif) 0 -21px no-repeat}
#nobanner{ clear:both}
#nobanner .sloganpane{ width:99%; float:none; margin:0px; padding:0px; display:block; border-bottom:1px #fff solid; border-top:1px #fff solid}
/*========================================================*/
/*  Skin Object                                         */
/*========================================================*/
 .breader,a.breader:link, a.breader:active, a.breader:visited{ color:#aa6028; font-weight:normal; text-decoration:underline; padding-left:18px; background:url(images/bread.gif) left center no-repeat}a.breader:hover{ color:#FF9900; text-decoration:none}

.user,A.user:link,A.user:active,A.user:visited  {color: #888;TEXT-DECORATION: none; line-height:25px;background:url(images/user.gif) 0 -1px no-repeat;padding:1px 20px; font-weight:bold;} A.user:hover {color:#aa6028;text-decoration:underline;background:url(images/user.gif) 0 -24px 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:1px 20px; font-weight:bold; color:#888; text-decoration:none;} A.login:hover {color:#aa6028; text-decoration:underline; background:url(images/reg.gif) 0 -24px no-repeat}


.themeOff,.themeOn{ border:0; cursor:pointer; margin:0px}

/*========================================================*/
/*  Content Panes                                         */
/*========================================================*/

.leftpane{ width:23%; float:left;overflow:hidden; margin-left: 6px;}
.contentpane{width:50%; margin-left:1%; display:inline; float:left;}
.rightpane{ width:23%; float:right; overflow:hidden;}
.mainapane{ width:32.8%; float:left; ;overflow:hidden; margin-left: 6px;}
.mainbpane{ width:32.4%; margin-left:1%; float:left; ;overflow:hidden}
.maincpane{ width:32.8%; float:right; ;overflow:hidden;}
.toppane,.bottompane{}
.topleftpane{ width:23%; float:left;overflow:hidden; margin-left: 6px;}
.toprightpane{ width:75%; float:right;overflow:hidden; }
.midleftpane{ width:75%; float:left;overflow:hidden; margin-left: 6px;}
.midrightpane{ width:23%; float:right;overflow:hidden;}
.sloganpane{ width:40%; float:right; margin:20px 30px 0 0;display:inline}

/*========================================================*/
/*  Page Banners                                         */
/*========================================================*/
#dnnbanner{height:161px; width:99%; margin:0 auto; border-bottom:1px #fff solid; border-top:1px #fff solid; clear:both;}
.b1{ background:url(banner1.jpg) left top no-repeat #873e09;}
.b2{ background:url(banners/banner2.jpg) left top no-repeat #873e09;}
.b3{ background:url(banners/banner3.jpg) left top no-repeat #873e09;}
.b4{ background:url(banners/banner4.jpg) left top no-repeat #873e09;}
.b5{ background:url(banners/banner5.jpg) left top no-repeat #873e09;}
.b6{ background:url(banners/banner6.jpg) left top no-repeat #873e09;}
.b7{ background:url(banners/banner7.jpg) left top no-repeat #873e09;}
.b8{ background:url(banners/banner8.jpg) left top no-repeat #873e09;}
.b9{ background:url(banners/banner9.jpg) left top no-repeat #873e09;}
.b10{ background:url(banners/banner10.jpg) left top no-repeat #873e09;}

.Menu3 {
	margin: 10px 0;
}

/*========================================================*/
/*  CSS Menu Style                                         */
/*========================================================*/
.Menu{width:99%;margin:0 auto;background:url(menus/menuleft.gif) left top no-repeat #bb885d}
.Menu .Box{background:url(menus/menuright.gif) right top no-repeat; float:right; padding-right:13px; padding-left:260px}
.CSSMENU{ white-space:nowrap; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(menus/menubg.gif) right top repeat-x; float:right; width:100%;}
.CSSMENU .Horizontal {padding:0px; margin:0px; }
.CSSMENU .Horizontal li{ margin:0px;list-style: none none outside; float: left; position: relative; background:url(menus/ms.gif) left center no-repeat}
.CSSMENU .Horizontal .first{ background:none;}
.CSSMENU .Horizontal .slide { display:none; float: left; overflow:hidden; position:absolute; z-index:2000}
.CSSMENU .Horizontal span {padding:0 10px; font-size:12px;}
.CSSMENU .Horizontal a.link { display:block; cursor: pointer}
.CSSMENU .Horizontal a:link, 
.CSSMENU .Horizontal a:active, 
.CSSMENU .Horizontal a:visited{width:auto;color:#eee; text-decoration:none; line-height:39px}
.CSSMENU .Horizontal a:hover {color: #ffff00; }
.CSSMENU .Horizontal .current a{ background:url(menus/menuon.gif) bottom center no-repeat; display:block}
.CSSMENU .Group{ background:#bb885d; margin:0px; padding:0px;display:none; position:absolute; left:0px; float:left; z-index:2000}
.CSSMENU .Group li { background:transparent;clear: both; min-height:24px; float:left; border-bottom:none; height:24px}
.CSSMENU .Group li span { background:transparent; padding:0 15px; display:block; font: bold 11px Arial, Helvetica, sans-serif; line-height:24px}
.CSSMENU .Group li img { margin-right:5px}
.CSSMENU .Group a:link,
.CSSMENU .Group a:active,
.CSSMENU .Group a:visited{text-align:left;line-height:24px; background:transparent; color:#fff}
.CSSMENU .Group a:hover {color:#fe9b29; text-decoration:none; background:transparent}
.CSSMENU .Group a:hover span {color: #fe9b29;background:#70411a; padding:0 15px;}
.CSSMENU .Group .subcurrent{background:url(images/right.gif) center left no-repeat}
.CSSMENU .Group .rightarrow { background:url(images/right.gif) right center no-repeat;}
.CSSMENU .current .slide span{ color:#FFFFFF}

/*========================================================*/
/*  CSS Menu3 Style                                         */
/*========================================================*/

.CSSMENU3 { white-space:nowrap;height:38px;width:99%;background:url(menus/menu3.gif) left top repeat-x; font-family:Arial, Helvetica, sans-serif; text-align:left; margin-left:4px;}
.CSSMENU3 .Horizontal { padding:0 0 0 10px; margin:0px; position:absolute; z-index:500; height:30px; }
.CSSMENU3 .Horizontal li{ background:url(menus/menu3.gif) left top repeat-x; margin:0px;list-style: none none outside; float: left; position: relative;}
.CSSMENU3 .Horizontal li a{ background:url(menus/menu3.gif) left top repeat-x}
.CSSMENU3 .Horizontal .current { background:url(menus/menu3.gif) left -41px no-repeat; margin:0px}
.CSSMENU3 .Horizontal .current  a{ background:url(menus/menu3.gif) right -81px no-repeat; color:#fff;}
.CSSMENU3 .Horizontal .current .slide span{background:transparent;}
.CSSMENU3 .Horizontal span { padding:0 15px; font-size:12px;}
.CSSMENU3 .Horizontal .slide { display:none; float: left; overflow:hidden; position:absolute;}
.CSSMENU3 .Horizontal a.link { display:block; cursor: pointer}
.CSSMENU3 .Horizontal a:link,.CSSMENU3 .Horizontal a:active, .CSSMENU3 .Horizontal a:visited{width:auto;color:#fff; text-decoration:none; line-height:38px}
.CSSMENU3 .Horizontal a:hover {color: #fff; background:url(menus/menu3.gif) left -122px no-repeat; float:left}
.CSSMENU3 .Horizontal a:hover span {color: #fff;background:url(menus/menu3.gif) right -163px no-repeat; float:left}
.CSSMENU3 .Group {background:#bc6a4a;display:none; position:absolute;left:0px; float:left; z-index:1000;}
.CSSMENU3 .Group li { background:transparent; font-weight:normal; border-right:1px #db8f71 solid; border-bottom:1px #db8f71 solid;clear: both; height:20px; border-left:1px #db8f71 solid}
.CSSMENU3 .Group span { padding:0 15px; font-size:11px; border:0px #546761 solid; display:block}
.CSSMENU3 .Group li img { margin-right:5px}
.CSSMENU3 .Group a:link,.CSSMENU3 .Group a:active,.CSSMENU3 .Group a:visited{line-height:20px; background:transparent; color:#f4d3c6}
.CSSMENU3 .Group a:hover {color:#fff; text-decoration:none; background:#ad4e43;}
.CSSMENU3 .Group a:hover span {color: #fff;background:transparent;padding:0 15px;}
.CSSMENU3 .Group .subcurrent{background: #FFFFFF}
.CSSMENU3 .Group .rightarrow { background:url(images/right.gif) right center no-repeat;}


/*========================================================*/
/*  Control Panel                                         */
/*========================================================*/

.ControlPanel{ background:url(images/breadbg.gif) top left repeat-x #d9d9d9; border:1px #ccc solid;}
.ControlPanel IMG{ margin:5px 5px 0px; }
.ControlPanel TD TD TD TD IMG{ margin:0px; }
.ControlPanel TD TD TD{ width:auto}
.ControlPanel DIV{ border:#CCC solid; border-width:0px 1px; width:3px; height:100px; }
.ControlPanel TD .SubHead{ font-size:8pt; color:#222; font-weight:bold; }
.ControlPanel TD TD TD .SubHead{ background:transparent; border:0px; font-size:8pt; color:#666; 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;}
.CommandButton,A.CommandButton:link,A.CommandButton:visited,A.CommandButton:active{color:#aa6028; text-decoration:none; font: bold 8pt Tahoma, Arial, Helvetica, sans-serif; padding:0 3px;}
A.CommandButton:hover{ color:#000; text-decoration:none;}

/*========================================================*/
/*  Container Style                                         */
/*========================================================*/
.slogancontent{ line-height:16px; background:url(transparent.png) repeat; padding:10px}

.admintitle{ font:bold; font-size:1.4em; text-indent:30px;display:block; float:left;height:34px; line-height:34px; color:#333; }
.containerbox{  margin-bottom:10px}
.containerhead{ text-align:left}
