/*   CSS Document   
/* ---------------------------------------------------------------------------*/
/*   Eyedropper classes | v5.2
/*   Handy classes for every day developing
/* ---------------------------------------------------------------------------*/
/*   Made by EDB Totalpartner AS - www.edbtotalpartner.no
/*   Last change 11.07.08 by Eivind Bergmann
/* ---------------------------------------------------------------------------*/ 
/*   How to: 
/*   1. There are only classes. 
/*   2. You can stack them in your project like this: class="cr1 border1"
/*   3. All classes with numbers with out hyphen are values
/*   4. Classes with more words are always hyphenated
/* ---------------------------------------------------------------------------*/ 

.nowrap{ white-space: nowrap;}

.scroll{ overflow: scroll;}
.auto{ overflow: auto;}

.w10{ width: 10%;}
.w20{ width: 20%;}
.w25{ width: 25%;}
.w60{ width: 60%;}
.w80{ width: 80%;}


.w40px{ width: 40px;}
.w50px{ width: 50px;}
.w80px{ width: 80px;}
.w90px{ width: 90px;}
.w100px{ width: 100px;}
.w110px{ width: 110px;}
.w120px{ width: 120px;}
.w140px{ width: 140px;}
.w180px{ width: 180px;}
.w300px{ width: 300px;}
.w600px{ width: 600px;}
.w800px{ width: 800px;}

.overflow-hidden{ overflow: hidden;}

.tbl-h100{ height: 100%;}

td.va-top,
.va-top td{ vertical-align: top; }

td.va-bottom,
.va-bottom td{ vertical-align: bottom;}

td.va-middle,
.va-middle td{ vertical-align: middle;}


.imgfix{
	display: block;
	margin: 0;}


/* display */
.block{ display: block;}

/* Font colors */
.color-white,
a.color-white { color: #fff; }

.color-black,
a.color-black { color: #000; }

.color-darkred,
a.color-darkred{ color: #ae0830; }

.color-lightgreen, 
a.color-lightgreen, 
a.color-lightgreen span {color: #5a940c;  }

.color-darkgreen,
a.color-darkgreen  { color: #5f9a0c; }

.color-lightgray,
.color-lightgray a{ color: #929292;}

/* Font weight */
.bold  { font-weight: 700;}
.normal{ font-weight: 100;}

.italic{ font-style: italic; }



/*.one
.two
.three
.four
.five
.six
.seven
.eight
.nine
.ten*/
.eleven  { font-size: 11px; } 
.twelve  { font-size: 12px; } 
.thirteen{ font-size: 13px; } 
.fourteen{ font-size: 14px; } 
.fifteen { font-size: 15px; } 

.cr1{   clear: both; height: 1px;   font-size: 1px; line-height: 1px;  }
.cr2{   clear: both; height: 2px;   font-size: 1px; line-height: 2px;  }
.cr3{   clear: both; height: 3px;   font-size: 1px; line-height: 3px;  }
.cr4{   clear: both; height: 4px;   font-size: 1px; line-height: 4px;  }
.cr5{   clear: both; height: 5px;   font-size: 1px; line-height: 5px;  }
.cr6{   clear: both; height: 6px;   font-size: 1px; line-height: 6px;  }
.cr7{   clear: both; height: 7px;   font-size: 1px; line-height: 7px;  }
.cr8{   clear: both; height: 8px;   font-size: 1px; line-height: 8px;  }
.cr9{   clear: both; height: 9px;   font-size: 1px; line-height: 9px;  }
.cr10{  clear: both; height: 10px;  font-size: 1px; line-height: 10px; }
.cr15{  clear: both; height: 15px;  font-size: 1px; line-height: 15px; }
.cr20{  clear: both; height: 20px;  font-size: 1px; line-height: 20px; }
.cr30{  clear: both; height: 30px;  font-size: 1px; line-height: 30px; }
.cr200{ clear: both; height: 200px; font-size: 1px; line-height: 200px;}
.cr400{ clear: both; height: 400px; font-size: 1px; line-height: 400px;}

.clear-left{ clear: left;}
.clear-right{ clear: right;}

.border { border: 1px solid gray; padding: 0px;}
.border1{ border: 1px solid gray; padding: 1px;}
.border2{ border: 1px solid gray; padding: 2px;}
.border3{ border: 1px solid gray; padding: 3px;}
.border4{ border: 1px solid gray; padding: 4px;}
.border5{ border: 1px solid gray; padding: 5px;}
.border6{ border: 1px solid gray; padding: 6px;}
.notopborder{ border-top: 0;}

.border-bottom { border-bottom: 1px solid #ddd; /* padding: 10px; */}
.border-top { border-top: 1px solid #ddd;}

.border-top-bottom {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 0;
	border-right: 0;}


.height8   { height: 8px; }
.height10  { height: 10px; }
.height50  { height: 50px; }
.height100 { height: 100px; }
.height125 { height: 125px; }
.height150 { height: 150px; }
.height175 { height: 175px; }
.height200 { height: 200px; }
.height225 { height: 225px; }
.height250 { height: 250px; }
.height300 { height: 300px; }
.height325 { height: 325px; }
.height350 { height: 350px; }
.height375 { height: 375px; }
.height400 { height: 400px; }




/* margins  -------------------*/

.margin{   margin: 0px;}
.margin1{  margin: 1px;}
.margin2{  margin: 2px;}
.margin3{  margin: 3px;}
.margin4{  margin: 4px;}
.margin5{  margin: 5px;}
.margin6{  margin: 6px;}
.margin7{  margin: 7px;}
.margin8{  margin: 8px;}
.margin9{  margin: 9px;}
.margin10{ margin: 10px;}
.margin11{ margin: 11px;}
.margin12{ margin: 12px;}
.margin13{ margin: 13px;}
.margin14{ margin: 14px;}
.margin15{ margin: 15px;}
.margin16{ margin: 16px;}
.margin17{ margin: 17px;}
.margin18{ margin: 18px;}
.margin19{ margin: 19px;}
.margin20{ margin: 20px;}
.margin25{ margin: 25px;}
.margin30{ margin: 30px;}
.margin35{ margin: 35px;}
.margin40{ margin: 40px;}

.margin-left{   margin-left: 0px;}
.margin-left1{  margin-left: 1px;}
.margin-left2{  margin-left: 2px;}
.margin-left3{  margin-left: 3px;}
.margin-left4{  margin-left: 4px;}
.margin-left5{  margin-left: 5px;}
.margin-left6{  margin-left: 6px;}
.margin-left7{  margin-left: 7px;}
.margin-left8{  margin-left: 8px;}
.margin-left9{  margin-left: 9px;}
.margin-left10{ margin-left: 10px;}
.margin-left11{ margin-left: 11px;}
.margin-left12{ margin-left: 12px;}
.margin-left13{ margin-left: 13px;}
.margin-left14{ margin-left: 14px;}
.margin-left15{ margin-left: 15px;}
.margin-left16{ margin-left: 16px;}
.margin-left17{ margin-left: 17px;}
.margin-left18{ margin-left: 18px;}
.margin-left19{ margin-left: 19px;}
.margin-left20{ margin-left: 20px;}
.margin-left25{ margin-left: 25px;}
.margin-left30{ margin-left: 30px;}
.margin-left35{ margin-left: 35px;}
.margin-left40{ margin-left: 40px;}

.margin-top{   margin-top: 0px;}
.margin-top1{  margin-top: 1px;}
.margin-top2{  margin-top: 2px;}
.margin-top3{  margin-top: 3px;}
.margin-top4{  margin-top: 4px;}
.margin-top5{  margin-top: 5px;}
.margin-top6{  margin-top: 6px;}
.margin-top7{  margin-top: 7px;}
.margin-top8{  margin-top: 8px;}
.margin-top9{  margin-top: 9px;}
.margin-top10{ margin-top: 10px;}
.margin-top11{ margin-top: 11px;}
.margin-top12{ margin-top: 12px;}
.margin-top13{ margin-top: 13px;}
.margin-top14{ margin-top: 14px;}
.margin-top15{ margin-top: 15px;}
.margin-top16{ margin-top: 16px;}
.margin-top17{ margin-top: 17px;}
.margin-top18{ margin-top: 18px;}
.margin-top19{ margin-top: 19px;}
.margin-top20{ margin-top: 20px;}
.margin-top25{ margin-top: 25px;}
.margin-top30{ margin-top: 30px;}
.margin-top35{ margin-top: 35px;}
.margin-top40{ margin-top: 40px;}

.margin-right{   margin-right: 0px;}
.margin-right1{  margin-right: 1px;}
.margin-right2{  margin-right: 2px;}
.margin-right3{  margin-right: 3px;}
.margin-right4{  margin-right: 4px;}
.margin-right5{  margin-right: 5px;}
.margin-right6{  margin-right: 6px;}
.margin-right7{  margin-right: 7px;}
.margin-right8{  margin-right: 8px;}
.margin-right9{  margin-right: 9px;}
.margin-right10{ margin-right: 10px;}
.margin-right11{ margin-right: 11px;}
.margin-right12{ margin-right: 12px;}
.margin-right13{ margin-right: 13px;}
.margin-right14{ margin-right: 14px;}
.margin-right15{ margin-right: 15px;}
.margin-right16{ margin-right: 16px;}
.margin-right17{ margin-right: 17px;}
.margin-right18{ margin-right: 18px;}
.margin-right19{ margin-right: 19px;}
.margin-right20{ margin-right: 20px;}
.margin-right25{ margin-right: 25px;}
.margin-right30{ margin-right: 30px;}
.margin-right35{ margin-right: 35px;}
.margin-right40{ margin-right: 40px;}

.margin-bottom{   margin-bottom: 0px;}
.margin-bottom1{  margin-bottom: 1px;}
.margin-bottom2{  margin-bottom: 2px;}
.margin-bottom3{  margin-bottom: 3px;}
.margin-bottom4{  margin-bottom: 4px;}
.margin-bottom5{  margin-bottom: 5px;}
.margin-bottom6{  margin-bottom: 6px;}
.margin-bottom7{  margin-bottom: 7px;}
.margin-bottom8{  margin-bottom: 8px;}
.margin-bottom9{  margin-bottom: 9px;}
.margin-bottom10{ margin-bottom: 10px;}
.margin-bottom11{ margin-bottom: 11px;}
.margin-bottom12{ margin-bottom: 12px;}
.margin-bottom13{ margin-bottom: 13px;}
.margin-bottom14{ margin-bottom: 14px;}
.margin-bottom15{ margin-bottom: 15px;}
.margin-bottom16{ margin-bottom: 16px;}
.margin-bottom17{ margin-bottom: 17px;}
.margin-bottom18{ margin-bottom: 18px;}
.margin-bottom19{ margin-bottom: 19px;}
.margin-bottom20{ margin-bottom: 20px;}
.margin-bottom25{ margin-bottom: 25px;}
.margin-bottom30{ margin-bottom: 30px;}
.margin-bottom35{ margin-bottom: 35px;}
.margin-bottom40{ margin-bottom: 40px;}


.margin-top5 {margin-top: 5px; }


.padding-top5 { padding-top: 5px; }
.padding-top10 { padding-top: 10px; }
.padding-top15 { padding-top: 15px; }



.padding{ padding: 0px;}
.padding1{ padding: 1px;}
.padding2{ padding: 2px;}
.padding3{ padding: 3px;}
.padding4{ padding: 4px;}
.padding5{ padding: 5px;}
.padding10{ padding: 10px;}
.padding15{ padding: 15px;}

.padding01{ padding: 0px 1px;}
.padding02{ padding: 0px 2px;}
.padding03{ padding: 0px 3px;}
.padding04{ padding: 0px 4px;}
.padding05{ padding: 0px 5px;}
.padding010{ padding: 0px 10px;}
.padding015{ padding: 0px 15px;}

.padding-left10{ padding-left: 10px;}
.padding-left15{ padding-left: 15px;}
.padding-left25{ padding-left: 25px;}
.padding-left30{ padding-left: 30px;}


.padding-right5{ padding-right: 5px;}

.padding-right15,
table td.padding-right15{ padding-right: 15px;}

.padding-right25{ padding-right: 25px;}
.padding-right30{ padding-right: 30px;}

.float-left{ float: left;}
.float-right{float: right;}

.line {}
.dotted {}
.top { vertical-align: top; } 
.middle { vertical-align: middle; } 
.bottom { vertical-align: bottom; } 
.sup { vertical-align: super; } 
.sub { vertical-align: sub; } 
.left { text-align: left; } 
.right { text-align: right; } 
.center { text-align: center; } 
.justify { text-align: justify; } 

.b, .strong { font-weight: bold; } 
.i { font-style: italic; } 
.u { text-decoration: underline; } 
.o { text-decoration: overline; } 
.s { text-decoration: line-through; } 
.lowercase { text-transform: lowercase; } 
.uppercase { text-transform: uppercase; } 
.camelcase { text-transform: capitalize; } 
.smallcaps { font-variant: small-caps; } 
.slant { font-style: oblique; } 
.indent { text-indent: 10px; } 
.wrap { /*word-wrap: break-word;*/ white-space: normal; } 
.pre { white-space: pre; } 
.block { display: block; } 
.inline { display: inline; }
.none { display: none; } 
.visible { visibility: visible; } 
.hidden { visibility: hidden; }
.collapse { visibility: collapse; } 
.circle { list-style-type: circle; } 
.disc { list-style-type: disc;} 
.clear { clear: both;} 
ul.collapse { list-style-type: none; } 
ul.collapse li { list-style-type: none; display: inline; }