@import url("buttons/buttons.css"); 
@import url("../../contDef.css");

html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: inherit;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}
a img,:link img,:visited img { border:none }


*
{
	
}
h3.info
{
margin-bottom:20px;
max-width:650px;
width:650px;
font-size:12px;
font-weight:normal;
line-height:1.2em;
/* used for info to the right of buttons */
}

#debugDiv
{
	position:absolute;
	display:none;
	top:100px;
	right:10px;
  border:1px dashed red;
  height:100px;
  width:500px;	
  z-index:999;
}
.rtLog
{
clear:both;
margin:15px;	
}
.rtLogVisible
{
display:auto;	
}

a.rtLog
{position:absolute;
	bottom:0;
	right:0;
}

input,textarea
{
	/*Border:1px solid #9c9c9c;*/
}
input.radio,input.checkbox
{
	Border:0;
}

* html {/* stop jitter in IE6 by adding a 1px transparent gif to background of html*/
    background-image: url(blank.gif);
}
.clearBoth
{
position:relative;
clear:both;
line-height:0;
height:0;	
font-size: 1px;
}
html
{
height:100%;	
}
body
{
	margin:0;
	height:100%;
}

/* href classes*/
a
{
outline:none;
}
.uLine
{	
text-decoration:underline !important;
}
.purpleHover:hover
{
	color:#4a1870 !important;
}
.purpleHover#active, .purpleHover#current
{
	color:#4a1870 !important;
	font-weight:bold;
}
a:hover
{
color:#48484a;	
text-decoration:underline;
}

#outer {
    width:100%;
    height:100%;
    margin:auto;
    min-height:100%;

}
#inner
{
margin:0;
position:relative;
float:left;
clear:both;
width:100%;
}
#innerPadder
{
display:inline; /*fix effing ie6 bug*/
position:relative;
float:left;
clear:both;
}


#headerPad
{
position:relative;
float:left;
height:20px; /*header height + 10px */ 
display:none;
background:url(blank.gif) no-repeat 0% 0%;	
}


#header #companyObjecttype
{
line-height: 1.5em;
}




div.navTab{
	background:transparent none repeat scroll 0 0;
	display:block;
	margin:0;
	padding:0;
	border-width:0;
	}
div.navTab ul
{
	background-color:#8c8c8c;
	height:30px;
	list-style-image:none !important;
	list-style-position:outside !important;
	list-style-type:none !important;
	margin-left:0;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	position:relative;
}

div.navTab ul li
{
	
	padding-bottom:0;
	border-bottom-width:0 !important;
  float:left;	
  font-size:12px;
  line-height:120%;
  margin:0;
  position:relative;
}
div.navTab ul li.selected
{
background-color: white;
}

div.navTab ul li a
{
	color:#ffffff;
	font-size:11px;
	letter-spacing:0.05em;
	cursor:text;
	padding:0 8px;
	float:left;	
  text-decoration:none;
  line-height:3em;
  height:30px;
}
div.navTab ul li.selected a,div.navTab ul li.selected a:hover
{
color:#ff26a4;
text-transform:uppercase;
font-size: 11px;
letter-spacing: 0.05em;
cursor:text;
}
div.navTab ul li a:hover
{
	color:#8c8c8c;
	background-color:white;
	text-decoration:none;
	cursor:pointer;
}




#header #flow a{
}
#header #flow a.current{

}
#header #flow a.current span{

}

#header a
{


}


#header #navBar a{
  margin-right:0;	
}
#footer, #footerPad
{
display:none;	
}
/* my.home */
#campaigns
{
position:relative;	
margin-bottom:32px;
}

#campaigns td.campaignContainer
{
width:468px;
background-color:white;

}
table.campaign {
position:relative;	
float:left;
width:468px;
height:259px;
text-decoration:none;
color:#5a5a5c;
margin-bottom: 22px;
}

table.campaign .imgContainer {
vertical-align:top;
}

table.campaign img {
}
table.campaign .campaignCaption {
font-size:12px;
line-height:13px;
}
table.campaign .btn
{
width:90px;
padding:4px 10px;	
}
table.campaign .btn .buttonWrapper
{
margin:0 !important;
}

table.campaign .header {
font-size:18px;
line-height:26px;
width:378px;
}
#products
{
position:relative;
}
div.seperator
{
position:relative;
clear:left;	
margin:0 0 7px 0;
}
div.seperator p
{
font-size:18px;
color:#333333;
}


.borderedTable
{
clear:both;
position:relative;	
}



/* common */

#thumbDivContainer
{
position:relative;
float:left;
/* padding:21px; no padding here, otherwise template_explorer gets disaplaced */	
}

a.iconDivWide
{
float:left;
width:306px;	
height:76px;
margin:0 18px 18px 0;
padding:0;
overflow:hidden;
cursor:pointer;	
vertical-align:bottom;
}
.left
{
text-align:left;	
}

.right
{
text-align:right;	
}
.flLeft
{
float:left;	
}


a.thumbDiv
{
float:left;
width:176px;	
height:210px;
margin:0 8px 8px 0;
padding:0;
text-align:center;
overflow:hidden;
cursor:pointer;	
border:1px solid #8c8c8c;
vertical-align:bottom;
}


div.thumbwrapper
{
background:transparent url(/img/lightGradient.gif) repeat-x scroll left bottom;
position:relative;
}

div.lightboxfunctions {
bottom:5px;
right:5px;
position:absolute;
text-align:right;
}



div.lightboxfunctions  a{
float:right;
display:inline;
margin-left:5px;
background-position:0 0;
background-repeat:no-repeat;
background-attachment:scroll;
background-color:transparent;
overflow:hidden;
outline:none;
}
div.lightboxfunctions  a:hover
{
background-position:left -14px; /* bottom/100% er ikke helt rett i IE6 av en eller annen grunn ...*/
}

a.downloadLink
{
background-image:url(/Icons/download.gif);
width:16px;
height:14px;
}
a.lightBoxLink
{
background-image:url(/Icons/lightbox.gif);	
width:12px;
height:14px;
}

a.imgLink
{
background-position:0 0;
background-repeat:no-repeat;
background-attachment:scroll;
background-color:transparent;
overflow:hidden;
}
a.imgLink:hover
{
	background-position:0 -14px;
}
a.refreshLink
{
background-image:url(/Icons/refresh.gif);	
width:16px;
height:14px;	
display:block;
}
a.trashLink
{
background-image:url(/Icons/trash.gif);	
width:16px;
height:14px;	
display:block;
overflow:hidden;
}
a.trashLink:hover
{
background-position:0 -14px;
}

a.subTextLink
{
background-image:url(/Icons/Q.gif);	
width:12px;
height:14px;	
display:block;
}
a.subTextLink:hover
{
	background-position:0 -15px;
}



a.thumbDiv, a.thumbDivWide, a.iconDivWide
{
background:transparent url(/img/lightGradient.gif) repeat-x scroll left bottom;
border:1px solid #8c8c8c;
position:relative;
}


a.thumbDiv:hover, a.thumbDivWide:hover, a.iconDivWide:hover
{
background:transparent url(/img/lightGradient.gif) repeat-x scroll left top;
	color:#0434b1;
	text-decoration:none;
}
a#thumbDivSelected
{
	background:white;
}

a#thumbDivSelected img
{
	border:2px solid #8c8c8c !important;
	margin:3px !important;
}
.thumbTable
{
height:100%;
width:100%;
	
}
.thumbTable .thumbImgTd
{
vertical-align:top;
text-align:center;
}



.thumbTable .thumbCaptionTd
{
vertical-align:bottom;
text-align:center;
}
.thumbTable .thumbCaptionTd p
{
line-height:1.2em;
margin:6px;
text-align:center;
}
.thumbTable .thumbCaptionTd p span.text
{
line-height:1.2em;
}

a.thumbDivWide {
cursor:pointer;
float:left;
margin:0 18px 18px 0;
overflow:hidden;
padding:0;
height:170px;
width:330px;
text-decoration:none;
}

a.iconDivWide img
{
margin:8px;	
border:1px solid #8c8c8c;
float:left;
}
a.thumbDiv img
{
border:1px solid #8c8c8c;
margin:5px;	
}
a.thumbDivWide img
{
position:absolute;
top:8px;
left:8px;
border:1px solid #a9ab9e;
}
a.thumbDivWide .caption{
position:absolute;
top:8px;
right:8px;
width:155px;
height:152px;
}

a.iconDivWide .caption {
float:right;
margin-top:6px;
color:#5b5b5d;
font-size:12px;
LINE-HEIGHT: 1.3em! important;
}
a.thumbDivWide .caption .header{
float:left;
font-weight:bold;
}	
a.thumbDivWide .caption .description{
float:left;
clear:both;
width:100%;
}	
a.iconDivWide .caption,a.iconDivWide .caption .header 
{
width:225px;
LINE-HEIGHT: 1.3em! important;
}

a.thumbDivWide .caption a.header,a.iconDivWide .caption .header {
	font-weight:bold;
float:right;
margin-top:6px;
color:#5b5b5d;
font-size:12px;
}



/*#info, .info
{
position:relative;
float:left;
clear:both;	
margin-bottom:10px;
}
#info, .info2
{
position:relative;
float:left;
clear:both;	
margin-bottom:10px;
}

#info .header, .info .header
{
	font-weight:bold;
	font-size:18px;
	position:relative;
	clear:both;
	float:left;
}
#info .subHeader, .info .subHeader
{
	position:relative;
	clear:both;
	font-size:13px;
	float:left;
}
*/


/*#content
{
height:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop) : document.body.scrollTop);
}
*/

.borderedTable
{
border:1px solid #534c45;	
background:white;
width:685px;	
}
.groupBox
{
padding:5px;	
background-color:#f1f1f1;
}

table.shaded, .groupBox
{
background:white;
}
.groupBox label
{
width:200px;
display:table-cell;
}
.groupBox span.text
{
width:200px;
display:table-cell;
}
table.shaded th, table.shaded td
{padding:5px;
}
table.shaded th
{
border-bottom:1px solid #534c45;
text-align:left;
font-size:12px;
background:#E0E0E0 none repeat scroll 0 0;
}
.middle
{
vertical-align:middle;
}
.bottom
{
vertical-align:bottom;
}
.top
{
vertical-align:top;
}
.borderedTable .right
{
padding-left:5px;
}
.subtext
{
margin-top:1px;
font-size:9px;
}


.radio, .checkbox
{
width:12px !important;
height:12px ;	
}

/* bør kanskje være td.mandatory*/
.mandatoryLegend
{
  background:transparent url(/asteriskRed.gif) no-repeat scroll 0 50%;
  padding-left:12px;
  margin:3px;
}
td.mandatory
{
       
}
span.mandatory
{
  background:transparent url(/asteriskRed.gif) no-repeat scroll 0 0;
  display:block;
  float:left;
  width:10px;
  height:10px;
}       
span.label
{
  float:left;
}       

#Form1
{
/*margin-top:15px;	*/
}
form
{
/*clear:left;
float:left;
position:relative;
*/
}
/*flash spinner */
#flasher
{
position:absolute;
z-index:1;	
}
.tabBandContainer
{
	position:relative;
	float:left;
  clear:left;
  background:#333333;
}
.tabBand
{
}
.tabBand a
{
color:white;
text-align:center;
line-height:2;
vertical-align:middle;
padding:0 5px;
margin:3px 3px 0 3px;
height:27px;
position:relative;
float:left;
}
.tabBand a#current,.tabBand a:active,.tabBand a#current:hover
{
color:#ff26a4;
background:#e1e1e1;
text-decoration:none;
cursor:pointer;
}
#tabBgContainer
{
background:white url(revgradient.gif) repeat-x scroll left bottom;	
float:left;
}
#tabContent, #tabPaddedContent
{
position:relative;
float:left;
}
#tabPaddedContent
{
margin:21px;
}
/* form elements */

span.cb
{
background-image:url(checkbox.gif);
background-position:left top;
background-repeat:no-repeat;
display:block;
float:left;
height:13px;
line-height:13px;
padding-right:5px;
position:relative;
width:13px;
overflow:hidden;
}
.thumbDivSelected span.cb
{
background-position:left -13px;
}
.hidden
{
display:none;	
}
.iconDiv
{
width:316px;
height:68px;
position:relative;
float:left;
margin:8px 0 0 0;	
border-bottom:1px dashed #ccc;
text-decoration:none !important;
}
.iconDiv img
{
	position:absolute;
	top:4px;
	left:4px;
	width:60px;
	height:60px;
  border:0;
}
.iconDiv .header
{
	font-weight:bold;
	color:#333333;
	line-height:1.4em;
	margin:0;
}
.iconDiv .body
{
	margin:0;
}
.iconDiv .caption
{
	margin-left:79px;
  margin-top:4px;
  line-height:1.1em;
	text-decoration:none;  
}
.iconDiv:hover .caption .body
{
	text-decoration:none;
}
.iconDiv:hover .caption .header
{
	text-decoration:underline !important;
	color:#0434b1 !important;
}








#locationTab
{
	background:transparent none repeat scroll 0 0;
	height:30px;
	list-style-image:none !important;
	list-style-position:outside !important;
	list-style-type:none !important;
	margin-left:0;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	position:absolute;
  bottom:-1px;
  left:259px;	
}

#locationTab li
{
	
	padding-bottom:0;
	border-bottom-width:0 !important;
  float:left;	
  font-size:12px;
  line-height:120%;
  margin:0;
  position:relative;
}
#locationTab li.current
{
background:transparent url(navBarCurrent.gif) no-repeat bottom center;
}

#locationTab li a
{
	color:#d4d4d4;
	font-size:11px;
	letter-spacing:0.05em;
	cursor:text;
	padding:0 16px 0 0;
	float:left;	
  text-decoration:none;
  line-height:3em;
  height:30px;
}
#locationTab li.current a,div.tab ul li.current a:hover
{
color:white;
font-size: 11px;
letter-spacing: 0.05em;
cursor:text;

}
#locationTab li a:hover
{
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;
}





/* paging*/

.pagercontainer
{
margin-left: auto;
margin-right: auto;
position:relative;
}

.pagercontainer ul
{
list-style-type: none !important;
list-style-position:outside !important;
list-style-image:none !important;
padding:0;
position: relative;
}
                                                     
.pagercontainer li
{
float:left;
border-bottom-width:0 !important;
font-size:12px;
line-height:100%;
margin:0 4px 4px 0;
padding-bottom:0;
position:relative;
background-color:#f2f2f2;
width:31px;
height:21px;
text-align:center;
}
.pagercontainer li#active
{
background-color:#ffffff;
}
.pagercontainer li.button
{
width:auto;
background-color:#f2f2f2;
text-transform:uppercase;
text-decoration:underline;
}
.pagercontainer li.button a
{
padding: 0px 2px;   
}
.pagercontainer li a
{
padding: 0px 8px;   
color: #8c8c8c;
text-decoration: none;   
line-height:2em;
}

.pagercontainer li a:hover
{
color: #8c8c8c;
background-color:white;
}


.pagercontainer li a#current,#pagercontainer li a#current:hover
{
color: #ff26a4;
}       




.tip
{
border: 1px solid #ccc;
float:left;
margin:40px 0 0 25px;
padding:5px;
position:relative;
width:200px;
background-color:white;
}
.tip p
{
font-style:italic;
color:#8c8c8c;	
}
div.infoIcon
{
width:26px;
height:24px;
background:transparent url(info.gif) no-repeat scroll 0 0;	
display:block;
margin:10px 0;
}
div.tipIcon
{
width:60px;
height:15px;
background:transparent url(tipIcon.gif) no-repeat scroll 0 0;	
display:block;
margin:10px 0 15px 0;
}
a#printIcon
{
width:17px;
height:17px;
background:transparent url(printIcon.gif) no-repeat scroll 0 0;	
display:block;
margin:15px 0 10px 0;
}
a.plus,a.minus
{
width:10px;
height:10px;
display:block;
float:left;
overflow:hidden;
outline:none;
text-decoration:none;
}
a.plus:hover,a.minus:hover
{
background-position:0 -10px;
}
a.minus
{
background:transparent url(/Icons/minus.gif) no-repeat scroll 0 0;
}
a.plus
{
background:transparent url(/Icons/plus.gif) no-repeat scroll 0 0;
}
div.filter
{
float:left;
height:16px;
margin-right:16px;	
}
div.filter p
{
float:left;
line-height:17px;	
}
a.cross
{
width:16px;
height:14px;
display:block;
background:transparent url(/Icons/close.gif) no-repeat scroll 0 0;
float:left;
margin-left:2px;
overflow:hidden;
}
a.cross:hover
{
background-position:0 -14px;
}

