/* 
=========================================
Skin styles for Predata DotNetNuke
Author: Daniel Steinmann from www.dsis.ch
Last Update: 03.07.2009
=========================================
*/ 
body, html{ 
font-family:Arial, Helvetica, sans-serif; 
color:#000; 
background:#f5f5f5;
font-size:20px;
margin:0;
padding:0;
width:100%;
height:100%;
vertical-align:top;
background-image:url(images/predata_top_shadow.gif);
background-position:top;
background-repeat:repeat-x;
}
#controlwrap{ 
position:relative;
text-align:left;
margin:0;
}
.ControlPanel{
background-color:#FFFFFF;
border:#003366 1px solid;
}
/* base layout - size fixing */
#fixed{
position:relative;
text-align:left;
margin:0 auto 0 0;
width:52.2em;
}
#dynamic{
position:relative;
text-align:left;
margin:0;
}
/* layout 3 col */
#colmask{
clear:both;
float:left;
overflow:hidden;
width:100%;
position:relative;
margin:0;
}
#colmid{
left:11em;
float:left;
width:200%;
position:relative;
background-color:#fff;
}
#colright{
left:50%;
float:left;
margin-left:-27.1em;
width:100%;
position:relative;
}
#col1wrap{
right:100%;
float:right;
width:50%;
position:relative;
}
#col1pad{
margin:0 0 0 27.1em;
overflow:hidden;
}
#col1{
overflow:hidden;
width:100%;
}
#col2{
left:16.1em;
float:left;
margin-left:-50%;
overflow:hidden;
width:11em;
position:relative;
background-image:url(images/predata_left_bg.jpg);
background-repeat:repeat-y;
background-position:top left;
}
#col3{
left:0;
float:left;
overflow:hidden;
width:16.1em;
position:relative;
background-image:url(images/predata_right_bg.jpg);
background-repeat:repeat-y;
background-position:top left;
}
#footer{
left:0;
bottom:0;
top:auto;
float:left;
position:relative;
overflow:hidden;
width:100%;
height:1.2em;
background-color:#ccc;
margin:-0.05em 0 0 0;
}
.ContentWrap{
float:left;
position:relative;
overflow:hidden;
}
/* layout admin */
#col1admin{
float:left;
position:absolute;
overflow:hidden;
width:22%;
min-height: 100%;
height: auto !important;
height: 100%;
background-image:url(images/predata_left_bg.jpg);
background-repeat:repeat-y;
background-position:top left;
}
#col2admin{
float:right;
position:relative;
width:76%;
min-height: 100%;
height: auto !important;
height: 100%;
overflow:auto;
}
/* start image (predata house) */
#StartTopContentWrap{
float:left;
position:relative;
margin:-0.75em 0 0 0;
width:25.1em;
height:20.45em;
overflow:hidden;
background: url(images/predata_start_off.jpg) no-repeat;
}
#StartTopContent{
float:left;
position:relative;
margin:0;
width:25.1em;
height:20.45em;
overflow:hidden;
}
#StartTopLeft{
float:left;
position:relative;
width:8.5em;
height:15em;
margin:1.5em 0 0 0;
background: transparent;
cursor:pointer;
}
#StartTopCenter{
float:left;
position:relative;
width:7em;
height:15em;
margin:1.5em 0 0 0.3em;
background: transparent;
cursor:pointer;
}
#StartTopRight{
float:right;
position:relative;
width:9em;
height:15em;
margin:1.5em 0 0 0;
background: transparent;
cursor:pointer;
}
#StartTopBottom{
float:left;
position:relative;
height:2em;
width:6em;
margin:1.5em auto 0 9.5em;
background: transparent;
cursor:pointer;
}
/* layout panes */
.LogoPane{
float:left;
position:relative;
overflow:hidden;
width:11em;
height:7.8em;
background-image:url(images/predata_logo_bg.jpg);
background-repeat:no-repeat;
background-position:top left;
margin:0;
}
.LogoPane img{
margin:1.65em 1.25em 0 1.25em;
border:0;
}
.LeftWrap{
float:left;
position:relative;
width:11em;
overflow:hidden;
margin:1.80em 0 0 0;
}
.NavPane{
float:left;
position:relative;
width:11em;
overflow:hidden;
}
.MainLeftContent{
float:left;
position:relative;
margin:0;
overflow:hidden;
}
.MainTopContent{
float:left;
position:relative;
margin:1.65em 0 0 0;
width:25.1em;
height:7.2em;
overflow:hidden;
}
.MainContent{
float:left;
position:relative;
margin:0;
overflow:hidden;
}
.AdminMainContent{
float:left;
position:relative;
margin:0;
overflow:hidden;
width:100%;	
}
#RightNavPane{
float:left;
position:relative;
width:10em;
height:1.4em;
overflow:hidden;
margin:0.1em 1em;
padding:0.25em 0 0 0;
}
.RightNavRuler{
color:#929292;
font-size:small;
margin:0 -0.1em 0 0.3em;
}
#RightRedRuler{
float:left;
position:relative;
margin:0;
height:0.6em;
width:10em;
background-image: url(images/predata_redruler_220.gif);
background-position: left top;
background-repeat: no-repeat;
}
.MainRightTopContent{
float:left;
position:relative;
height:6.1em;
margin:0;
padding:1.65em 0 0 1em;
width:16.1em;
overflow:hidden;
background-image:url(images/predata_topright_bg.jpg);
background-position:top left;
background-repeat:no-repeat;
background-color:transparent;
}
.MainRightContent{
float:left;
position:relative;
width:10em;
margin:0;
overflow:hidden;
}
.MainLeftContent{
float:left;
position:relative;
width:11em;
overflow:hidden;
}
#FooterLeft{
float:left;
position:relative;
width:11em;
height:1.2em;
overflow:hidden;
background-image:url(images/predata_left_bg.jpg);
background-repeat:repeat-y;
background-position:top left;
}
.FooterContent{
float:left;
position:relative;
width:25.4em;
height:1.2em;
overflow:hidden;
background-color:#ccc;
}
.FooterText{
font-family:Arial, Helvetica, sans-serif; 
font-size:0.55em;
color:#929292;
padding:0.55em 0 0.3em 1em;
display:block;
}
/* navigation styles */
#TimoDesignMenu{
font-family:Arial, Helvetica, sans-serif; 
color:#fff;
letter-spacing:0.1em;
}
#TimoDesignMenu .RootElement{
margin:0;
padding:0;
white-space:nowrap;
text-align:right;
}
#TimoDesignMenu .RootElement li{
margin:0;
padding:0;
list-style-type:none;
background:none;
font-size:0.6em;
width:100%;
}
#TimoDesignMenu .RootElement ul{
display:none;
visibility:hidden;
margin:0;
padding:0;
list-style-type:none;
}
#TimoDesignMenu .RootElement ul li{
margin:0;
padding:0;
list-style-type:none;
background:none;
font-size:0.95em;
width:100%;
}


#TimoDesignMenu ul.Active,
#TimoDesignMenu ul.ActiveParent{
margin:0;
padding:0;
list-style-type:none;
/*background:url(images/predata_white_marrow.gif) right top no-repeat;*/
}
#TimoDesignMenu li.Level0.Active{
list-style-type:none;
}
#TimoDesignMenu ul.ActiveParent li.Active{
margin:0;
padding:0;
list-style-type:none;
background:url(images/predata_white_marrow.gif) 95% 50% no-repeat;
}
#TimoDesignMenu .Active,
#TimoDesignMenu .ActiveParent{
display:block !important;
visibility:visible !important;
}
#TimoDesignMenu ul.Active,
#TimoDesignMenu ul.ActiveParent{
background:url(images/predata_left_bg.jpg) top left repeat-y;
margin:0;
padding:0.5em 0 1.1em 0;
}

#TimoDesignMenu li.Level0.Active,
#TimoDesignMenu li.Level0:Hover,
#TimoDesignMenu li.Level0.ActiveParent{
background-color:#fff;
color:#a10625;
}
#TimoDesignMenu li.Level0 a.Level0:Hover{
color:#a10625;	
}
#TimoDesignMenu a.Level0{
margin:0;	
padding-top:0.3em;	
padding-bottom:0.3em;	
padding-right:2.1em;
width:16.3em;
display: block;
}
#TimoDesignMenu a.Level0.Active,
#TimoDesignMenu a.Level0.Active:Active,
#TimoDesignMenu a.Level0:Hover,
#TimoDesignMenu a.Level0.ActiveParent{
font-weight:bold;	
color:#a10625 !important;
}
#TimoDesignMenu .Level1,
#TimoDesignMenu .Level1 .Active,
#TimoDesignMenu .Level1 .ActiveParent,
#TimoDesignMenu .Level1 .ActiveChild{
font-weight:normal;	
color:#fff !important;
background: transparent;
}
#TimoDesignMenu a.Level1{
margin:0 2.2em 0 0;	
padding-top:0.2em;	
padding-bottom:0.2em;	
padding-right:2.1em;
width:17.2em;
display: block;
background:transparent !important;
}
#TimoDesignMenu li.Level1:Hover{
list-style-type:none;
background:url(images/predata_black_marrow.gif) 95% 50% no-repeat;
}
#TimoDesignMenu a.Level1.Active:Hover
#TimoDesignMenu a.Level1.Active:Active{
color:#fff;
}
#TimoDesignMenu a.Level1:Hover{
color:#000 !important;
}
#TimoDesignMenu a.Active{
color:#fff;
text-decoration:none;
}
#TimoDesignMenu a:Hover{
color:#000;
background-color:#fff;
text-decoration:none;
}
#TimoDesignMenu a:Link{
color:#fff;;
text-decoration:none;
}
#TimoDesignMenu a:Visited {
color:#fff;;
text-decoration:none;
}
#RightNavPane a{
font-family:Arial, Helvetica, sans-serif; 
font-size:0.55em;
color: #454545;
}
#RightNavPane a.Active{
color:#454545 !important;
}
#RightNavPane a:Hover{
color:#000 !important;
text-decoration:none;
}
#RightNavPane a:Link{
color:#454545;;
text-decoration:none;
}
#RightNavPane a:Visited {
color:#454545;;
text-decoration:none;
}
/* layout text formats */
/* style for module titles */
.Head{
font-family:Arial,Helvetica,"sans-serif";
font-size:20px;
font-weight:normal;	
color:#a10625;
}
/* style of item titles on edit and admin pages */
.SubHead{
font-family:Arial,Helvetica,"sans-serif";
font-size:12px;
font-weight:bold;
color:#000;
}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead{
font-family:Arial,Helvetica,"sans-serif";
font-size:12px;
font-weight:bold;
color:#000;
}
/* text style used for most text rendered by modules */
.Normal, .NormalDisabled{
font-family:Arial,Helvetica,"sans-serif";
font-size:12px;
font-weight:normal;
}
.NormalWide,{
font-family:Arial,Helvetica,"sans-serif";
font-size:12px;
font-weight:normal;
line-height:135%;
}
/* text style used for rendered text which requires emphasis */
.NormalBold{
font-family:Arial,Helvetica,"sans-serif";
font-size:12px;
font-weight:bold;
}
/* text style used for error messages */
.NormalRed{
font-family:Arial,Helvetica,"sans-serif";
font-size:12px;
font-weight:bold;
color:#ff0000;
}
/* text style used for rendered text which should appear disabled */
.NormalDisabled{
color:Silver;
}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox{
font-family:Arial,Helvetica,"sans-serif";
font-size:12px;
font-weight:normal;
}
/* GENERIC */
H1{
font-family:Arial,Helvetica,"sans-serif";
font-size:20px;
font-weight:normal;	
color:#a10625;
}
H2{
font-family:Arial,Helvetica,"sans-serif";
font-size:13px;
font-weight:bold;	
color:#000;
}
H3{
font-family:Arial,Helvetica,"sans-serif";
font-size:12px;
font-weight:bold;
color:#000;
}
H4{
font-family:Arial, Helvetica,"sans-serif";
font-size:12px;
font-weight:normal;
color:#000;
}
H5, DT{
font-family:Arial, Helvetica,"sans-serif";
font-size:12px;
font-weight:bold;
color:#000;
}
H6{
font-family:Arial,Helvetica,"sans-serif";
font-size:12px;
font-weight:normal;
color:#000;
}
A:link{
text-decoration:none;
color:#003366;
}
A:visited{
text-decoration:none;
color:#003366;
}
A:hover{
text-decoration:underline;
color:#ff0000;
}
A:active{
text-decoration:none;
color:#003366;
}
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link{
text-decoration:underline;
color:#003366;
}
A.CommandButton:visited{
text-decoration:underline;
color:#003366;
}
A.CommandButton:hover{
text-decoration:underline;
color:#ff0000;
}
A.CommandButton:active{
text-decoration:underline;
color:#003366;
}
/* button style for standard HTML buttons */
.StandardButton{
padding:0 5px;
font-weight:normal;
font-size:12px;
background:#dddddd;
color:#000000;
font-family:Arial,Helvetica,"sans-serif";
}
/* dsis ImageLoader */
#RandomImageBox{
background:transparent;
}
.PartnerLogoWrap{
height:122px;
width:180px;
overflow:hidden;
display:block;
}
img.PartnerLogo{
background:transparent;
width:100%;
height:100%;
}
/* override some admin elements */
.console-large H3{
font-size:14px !important;
}