/* ----------------------------------------
    Riksantikvarieämbetet
    Standard-CSS för KMS-tillämpningar
    User-Agent: CCBot/1.0 (+http://www.commoncrawl.org/bot.html)
---------------------------------------- */

/* ----------------------------------------
    DIV COLLECTION START
---------------------------------------- */

#totalDiv
/* totalDiv */
{
    position: relative;
    margin: 0 auto;
    text-align: left;
    border: #999 1px solid;
    color: #333;
    background: #FFF;
}

#mainContentDiv
/* mainContentDiv */
{

    min-height: 300px;
}

#footerDiv
/* footerDiv */
{
    padding: 5px;
}

.leftside
/* leftside */
{
    float: left;
    width: 49.5%;
}

.rightside
/* rightside */
{
    float: right;
    width: 49.5%;
}

#map
{
    width: 400px;
    height: 500px;
    border: 1px solid black;
}

/* ----------------------------------------
    DIV COLLECTION STOP
---------------------------------------- */


/* ----------------------------------------
    TEXT START
---------------------------------------- */

a.white, a.white:visited, a.white:active, a.white:hover
/* link white */
{
    color: #FFF! important;
}

a.copyright, a.copyright:visited, a.copyright:active
/* link copyright */
{
    font-weight: bold;
    text-decoration: none! important;
}

a.copyright:hover
/* link copyright hover */
{
    font-weight: bold;
    text-decoration: underline! important;
}


a.toolbar, a.toolbar:visited, a.toolbar:active
/* link toolbar, tas ev. bort */
{
    font-weight: bold! important;
    text-decoration: none! important;
    margin: 0 10px;
}

a.toolbar:hover
/* link toolbar hover, tas ev. bort */
{
    font-weight: bold! important;
    text-decoration: underline! important;
    margin: 0 10px;
}


a.basket, a.basket:visited, a.basket:active
/* link basket */
{
    font-weight: bold! important;
    text-decoration: none! important;
}

a.basket:hover
/* link basket hover */
{
    font-weight: bold! important;
    text-decoration: underline! important;
}


a.frametoolbar, a.frametoolbar:visited, a.frametoolbar:active, a.frametoolbar:hover
/* link frame toolbar */
{
    font-weight: bold! important;
    margin: 0 5px;
}

a.jsdateinput_trigger, a.jsdateinput_trigger:active, a.jsdateinput_trigger:visited
/* javascript calendar, trigger image/button */
{
    margin: 1px;
}

a.jsdateinput_trigger:hover
/* javascript calendar, trigger image/button - hover */
{
    border: 1px solid #333;
    margin: 0;
}

p
/* paragraph */
{
    font-size: 65%;
    line-height: 130%;
    margin: 5px;
}

p.ingress
{
	font-weight: bold;
}

p.copyright
/* paragraph copyright dw:footer */
{
    text-align: center! important;
    margin: 0;
}

p.list
/* paragraph dw:list */
{
    margin: 5px! important;
}

p.frametoolbar
/* paragraph frametoolbar */
{
    margin: 8px 5px 0! important;
}

p.basket
/* paragraph basket */
{
    line-height: 120%! important;
    text-align: left;
    margin: 3px 10px 0! important;
}

h1
/* header */
{
    font-size: 85%;
    color: #333;
    font-weight: bold;
    margin: 10px 5px;
}

h1.header
/* dw:header */
{
    margin: 0! important;
    padding: 10px 5px! important;
}

h1.systemName
/* header systemName */
{
    font-size: 65%! important;
    line-height: 120%! important;
    text-transform: uppercase! important;
    margin: 3px 10px 4px! important;
}

h1.frame
/* dw:frame */
{
    color: #333! important;
    font-size: 65%! important;
    line-height: 120%! important;
    white-space: nowrap;
    text-transform: uppercase;
    text-align: right;
    margin: 0! important;
    padding: 9px;
}

h2
/* paragraph header */
{
    color: #666;
    font-size: 70%;
    line-height: 130%;
    font-weight: bold;
    margin: 5px;
}

h2.subheader
/* dw:subheader */
{
    font-size: 70%! important;
    color: #333! important;
}

h2.groupheader
/* dw:groupheader */
{
    font-size: 65%! important;
    color: #333! important;
}

h2.calendar
/* dw:calendar header */
{
    margin: 0 0 5px! important;
}

pre
/* default pre */
{
    font-family: 'Courier New', Verdana, Arial, Helvetica, sans-serif;
    font-size: 70%;
}

.listnav
/* listnav */
{
    font-size: 65%;
    line-height: 130%;
    font-weight: normal;
    margin: 5px;
}

/* ----------------------------------------
    TEXT STOP
---------------------------------------- */


/* ----------------------------------------
    NAVIGATION START
---------------------------------------- */

/* ----------------------------------------
    NAVIGATION LEVEL ONE START
---------------------------------------- */

#navDiv
{
/* /cocoon/kms-app-base */
    background-image: url('/cocoon/kms-app-base/img/pixel_White.gif');
    background-repeat: repeat-x;
    background-position: bottom left;
    height: 21px;
}

#navlistOne
{
    margin: 0 10px;
    padding: 0;
    height: 20px;
}

#navlistOne ul
{
	list-style: none;
	text-align: center;
    border: 0;
    margin: 0;
    padding: 0;
}

#navlistOne ul li
{
	list-style: none;
    font-size: 65%;
    line-height: 120%;
    display: block;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
}

#navlistOne ul li a
{
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
    font-weight: bold;
    width: 20px;
    height: 16px;
    margin: 1px 1px 0 1px;
    padding: 4px 9px 0;
}

#navlistOne ul li a
{
    width /* IE-hack */: auto;
}

#navlistOne ul li a:visited
{
    color: #333;
    text-decoration: none! important;
}

#navlistOne ul li a.navWhite:hover
/* navWhite */
{
    background: #FFF;
    color: #333;
}

#navlistOne ul li a.navGrey:hover
/* navGrey */
{
    background: #C2C2C2;
    color: #333;
}

#navlistOne ul li a.navGreen:hover
/* navGreen */
{
    background: #AFBC9D;
    color: #333;
}

#navlistOne ul li a.navGold:hover
/* navGold */
{
    background: #F4C56E;
    color: #333;
}

#navlistOne ul li a.navYellow:hover
/* navYellow */
{
    background: #EFE8A2;
    color: #333;
}

#navlistOne ul li a.navBlue:hover
/* navBlue */
{
    background: #9FB7C1;
    color: #333;
}

#navlistOne ul li a:hover
{
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-bottom: 0;
    text-decoration: none! important;
    margin: 0;
}

#navlistOne ul li a#currentOne
{
   	border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-bottom: 0;
    text-decoration: none! important;
    margin: 0;
}

/* ----------------------------------------
    NAVIGATION LEVEL ONE STOP
---------------------------------------- */

/* ----------------------------------------
    NAVIGATION LEVEL TWO START
---------------------------------------- */

#navTwoDiv
{
    height: 30px;
}

#navlistTwo
{
	height: 25px;
    margin: 0 10px;
}

#navlistTwo ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#navlistTwo ul li
{
	list-style: none;
    font-size: 65%;
    line-height: 120%;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
}

#navlistTwo a
{
	display: block;
    background-repeat: no-repeat;
    background-position: top left;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    width: 20px;
    height: 20px;
    padding: 9px 10px 0;
}

#navlistTwo a
{
    width /* IE-hack */: auto;
}

#navlistTwo a:visited
{
    color: #333;
    text-decoration: none;
}

#navlistTwo a:hover
{
    color: #333;
    text-decoration: underline;
}

#navlistTwo .currentTwo
{
	color: #333;
	text-decoration: underline;
}

#navlistTwo ul li a.currentTwoBlue
{
    background-image: url('/cocoon/kms-app-base/img/navLevelTwoOnBlue.gif');
}

#navlistTwo ul li a.currentTwoGold
{
    background-image: url('/cocoon/kms-app-base/img/navLevelTwoOnGold.gif');
}

#navlistTwo ul li a.currentTwoGrey
{
    background-image: url('/cocoon/kms-app-base/img/navLevelTwoOnGrey.gif');
}

#navlistTwo ul li a.currentTwoGreen
{
    background-image: url('/cocoon/kms-app-base/img/navLevelTwoOnGreen.gif');
}

#navlistTwo ul li a.currentTwoYellow
{
    background-image: url('/cocoon/kms-app-base/img/navLevelTwoOnYellow.gif');
}

.navTwoNada
{
    height: 20px;
}

.navTwoBlue
{
	background-image: url('/cocoon/kms-app-base/img/navLevelTwoOffBlue.gif')! important;
}

.navTwoGold
{
    background-image: url('/cocoon/kms-app-base/img/navLevelTwoOffGold.gif')! important;
}

.navTwoGrey
{
	background-image: url('/cocoon/kms-app-base/img/navLevelTwoOffGrey.gif')! important;
}

.navTwoGreen
{
	background-image: url('/cocoon/kms-app-base/img/navLevelTwoOffGreen.gif')! important;
}

.navTwoYellow
{
	background-image: url('/cocoon/kms-app-base/img/navLevelTwoOffYellow.gif')! important;
}

.navBorderBlue
{
	border-top: 1px solid #EFE8A2! important;
}

.navBorderGold
{
border-top: 1px solid #F4C56E! important;
}

.navBorderGrey
{
border-top: 1px solid #C2C2C2! important;
}

.navBorderGreen
{
border-top: 1px solid #AFBC9D! important;
}

.navBorderYellow
{
border-top: 1px solid #EFE8A2! important;
}

/* ----------------------------------------
    NAVIGATION LEVEL TWO STOP
---------------------------------------- */

/* ----------------------------------------
    NAVIGATION LEVEL THREE START
---------------------------------------- */

#navlistThree
{
    margin: 0 0 0 10px;
}

#navlistThree ul
{
	border: 1px solid #ADADAD;
	text-align: right;
    margin: 0;
    padding: 0;
}

#navlistThree ul li
{
	display: block;
	list-style: none;
    background: #FFF;
    font-size: 65%;
    line-height: 120%;
    text-align: right;
    margin: 0;
    padding: 0;
}

#navlistThree ul li a
{
	display: block;
    background-image: url('/cocoon/kms-app-base/img/navLevelThreeOff.gif');
    background-repeat: no-repeat;
    background-position: top right;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    height: 15px;
    padding: 4px 17px 1px 10px;
    margin: 0;
}

#navlistThree ul li a:hover
{
    color: #333;
    text-decoration: underline;
}

#navlistThree ul li a.currentThreeBlue
{
    background-image: url('/cocoon/kms-app-base/img/navLevelThreeOnBlue.gif');
}

#navlistThree ul li a.currentThreeGold
{
    background-image: url('/cocoon/kms-app-base/img/navLevelThreeOnGold.gif');
}

#navlistThree ul li a.currentThreeGrey
{
    background-image: url('/cocoon/kms-app-base/img/navLevelThreeOnGrey.gif');
}

#navlistThree ul li a.currentThreeGreen
{
    background-image: url('/cocoon/kms-app-base/img/navLevelThreeOnGreen.gif');
}

#navlistThree ul li a.currentThreeYellow
{
    background-image: url('/cocoon/kms-app-base/img/navLevelThreeOnYellow.gif');
}

#navlistThree ul li div
/* navigation level3 no link inactive */
{
    background-image: url('/cocoon/kms-app-base/img/navLevelThreeOff.gif');
    background-repeat: no-repeat;
    background-position: top right;
    white-space: nowrap;
    font-size: 100%;
    line-height: 100%;
    height: 15px;
    margin: 0;
    padding: 4px 17px 1px 10px;
}

#navlistThree ul li div#currentThree
/* navigation level3 no link active */
{
    background-image: url('/cocoon/kms-app-base/img/navLevelThreeOn.gif');
    background-repeat: no-repeat;
    background-position: top right;
}

/* ----------------------------------------
    NAVIGATION LEVEL THREE STOP
---------------------------------------- */

/* ----------------------------------------
    NAVIGATION STOP
---------------------------------------- */


/* ----------------------------------------
    BACKGROUND COLORS START
---------------------------------------- */

.bgWhite
{
    background: #FFF;
    color: #333;
}

.bgBlack
{
	background: #000;
	color: #FFF;
}

.bgBlackMedium
{
	background: #333;
	color: #FFF;
}

.bgBlackMediumLight
{
	background: #666;
	color: #FFF;
}

.bgBlackLight
{
	background: #999;
	color: #FFF;
}

.bgBlackUltraLight
{
	background: #CCC;
	color: #FFF;
}

.bgGrey
{
	background: #999;
	/*background: #636461;*/
	color: #FFF;
}

.bgGreyMedium
{
	background: #ADADAD;
	/*background: #94958c;*/
	color: #FFF;
}

.bgGreyMediumLight
{
	background: #C2C2C2;
	/*background: #94958c;*/
	color: #333;
}

.bgGreyLight
{
	background: #D6D6D6;
	/*background: #94958c;*/
	color: #333;
}

.bgGreyUltraLight
{
	background: #EBEBEB;
	/*background: #b9bbaf;*/
	color: #333;
}

.bgRed
{
    background: #990000;
    color: #333;
}

.bgRedMedium
{
    background: #AD3333;
    color: #333;
}

.bgRedMediumLight
{
    background: #C26666;
    color: #333;
}

.bgRedLight
{
    background: #D69999;
    color: #333;
}

.bgRedUltraLight
{
    background: #EBCCCC;
    color: #333;
}

.bgGreen
{
    background: #79905C;
    color: #333;
}

.bgGreenMedium
{
    background: #94A67D;
    color: #333;
}

.bgGreenMediumLight
{
    background: #AFBC9D;
    color: #333;
}

.bgGreenLight
{
    background: #C9D3BE;
    color: #333;
}

.bgGreenUltraLight
{
    background: #E4E9DE;
    color: #333;
}

.bgGold
{
    /*background: #EC9F0D;*/
	background: #ffb219;
    color: #333;
}

.bgGoldMedium
{
    /*background: #F0B23D;*/
	background: #f5c564;
    color: #333;
}

.bgGoldMediumLight
{
    /*background: #F4C56E;*/
	background: #F5c564;
    color: #333;
}

.bgGoldLight
{
    /*background: #F7D99E;*/
	background: #fdd993;
    color: #333;
}

.bgGoldUltraLight
{
    /*background: #FBECCF;*/
	background: #fdd993;
    color: #333;
}

.bgYellow
{
    background: #E4D964;
    color: #333;
}

.bgYellowMedium
{
    background: #E9E183;
    color: #333;
}

.bgYellowMediumLight
{
    background: #EFE8A2;
    color: #333;
}

.bgYellowLight
{
    background: #F4F0C1;
    color: #333;
}

.bgYellowUltraLight
{
    background: #FAF7E0;
    color: #333;
}

.bgBlue
{
    background: #14536B;
    color: #FFF;
}

.bgBlueMedium
{
    background: #42758A;
    color: #FFF;
}

.bgBlueMediumLight
{
    background: #7298A6;
    color: #333;
}

.bgBlueLight
{
    background: #A2BAC4;
    color: #333;
}

.bgBlueUltraLight
{
    background: #D0DDE1;
    color: #333;
}

/* ----------------------------------------
    BACKGROUND COLORS STOP
---------------------------------------- */


/* ----------------------------------------
    OBJECTS START
---------------------------------------- */

form
/* default form */
{
    margin: 0;
    padding: 0;
}

.defaultAction
{
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
}

fieldset
/* default fieldset */
{
    border: 1px solid #CCC;
    margin: 10px;
    padding: 0;
}

hr
{
    background: #CCC;
    color: #333;
    clear: both;
    border-width: 0;
    height: 1px;
    margin: 5px 0;
}

table
/* default table */
{
    empty-cells: hide;
}

tr
/* default tr */
{
    vertical-align: top;
}

table tr.odd
/* tr odd */
{
    background: #FFFFFF;
    color: #333;
}

table tr.even
/* tr even */
{
    background: #EBEBEB;
    color: #333;
}

th
/* default th */
{
    text-align: left;
    vertical-align: top;
}

td
/* default td */
{
    text-align: left;
    vertical-align: top;
}

ul
/* default ul */
{
    margin: 15px 0 10px;
    padding: 0 0 0 25px;
}

ol
/* default ol */
{
    margin: 15px 0 10px;
    padding: 0 0 0 30px;
}

li
/* default li */
{
    font-size: 65%;
    line-height: 130%;
    margin: 0 5px 5px 0;
}

img
/* default image */
{
    border: 0;
}

.logotype
/* logotype */
{
    width: 190px;
    height: 85px;
}

.logotypePrint
/* logotype print */
{
    display: none;
    text-align: left;
}

.headerImage
/* header image */
{
    width: 100%;
    height: 64px;
}

.iconBasket
/* iconBasket */
{
    vertical-align: middle;
    margin-right: 5px;
}

.listIcon
/* list icon */
{
    margin: 3px 10px 0;
}

.icon
/* icon */
{
    margin: 5px 0;
}

.buttonNav
/* buttonNav, dw:list-navigation */
{
    margin: 5px 0;
}

.buttonImage
/* button image */
{
    margin: 3px 0 0;
}

.buttonImageLeft
/* buttonImageRight */
{
    margin-left: 10px;
}

.buttonImageRight
/* buttonImageRight */
{
    margin-right: 10px;
}

.group
/* dw:group */
{
    background: #FFF;
    border: 1px solid #ADADAD;
    color: #333;
    padding: 5px;
}

.groupGrey
/* dw:groupGrey */
{
    background: #EBEBEB;
    color: #333;
    padding: 5px;
}

.groupWhite
/* dw:group white background */
{
    background: #FFF;
    color: #333;
    padding: 5px;
}

.groupNospace
/* dw:group with no margins no padding no background */
{
    margin: 0;
    padding: 0;
}

.groupImage
/* dw:group image */
{
    background: #EBEBEB;
    border-bottom: #FFF 10px solid;
    padding: 5px;
}

.groupWebDav
/* dw:group WebDav */
{
    border-bottom: #FFF 1px solid;
    padding: 5px;
}

.clickableimage
/* dw:clickableimage */
{
    margin: 5px;
}

.iframe
/* dw:iframe */
{
    border: #ADADAD 1px solid;
    margin: 5px 0 20px;
}

.imageButton
/* imagebutton */
{
    margin: 0 10px;
}

.work-notice
/* "sökning pågår" t.ex. */
{
    visibility: hidden;
    position: absolute;
    top: 10px;
    left: 10px;
    background: #FFF;
    border: 1px solid #000;
    font-size: 65%;
    line-height: 130%;
    padding: 10px;
}


/* ----------------------------------------
    OBJECTS STOP
---------------------------------------- */


/* ----------------------------------------
    LABELS INPUTS START
---------------------------------------- */

input, select, textarea, .button, .checkbox, .radiobutton
/* default values */
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 70%;
    vertical-align: middle;
}

.checkbox, .radiobutton
{
    margin: 4px 5px 5px;
}

label
/* default values */
{
    font-size: 65%;
    font-weight: bold;
    vertical-align: middle;
    text-align: right;
    margin: 6px 5px 5px;
}

.button
/* default button */
{
    font-weight: bold;
    margin: 4px 5px 5px;
    padding: 0 5px;
}

.input
/* dw:input */
{
    width: 160px;
    border: #666 1px solid;
    margin: 4px 5px 5px;
    padding: 1px;
}

.dropdown
/* dw:dropdown */
{
    width: 160px;
    border: #666 1px solid;
    margin: 4px 5px 5px;
}

.textarea
/* dw:textarea */
{
    width: 160px;
    height: 100px;
    border: #666 1px solid;
    margin: 4px 5px 5px;
}

.fileupload
/* dw:fileupload */
{
    margin: 4px 5px 5px;
}

.jsdateinput
/* javascript calendar, input field, enough width for yyyy-mm-dd */
{
    width: 6.2em;
    min-width: 70px;
}

.wide
/* wide */
{
    width: 300px;
}

.medium
/* medium */
{
    width: 60px;
}

.small
/* small */
{
    width: 30px;
}

/* ----------------------------------------
    LABELS INPUTS STOP
---------------------------------------- */


/* ----------------------------------------
    LOGIN START
---------------------------------------- */

h1.login
/* header login */
{
    color: #333! important;
    font-size: 65%! important;
    line-height: 120%! important;
    font-weight: bold! important;
    margin: 30px 40px 10px! important;
}

p.login
/* paragraph frameLogin */
{
    margin: 5px 40px! important;
}

.inputLogin
/* dw:input login*/
{
    width: 15.5em;
    min-width: 170px;
    margin: 5px;
}

/* ----------------------------------------
    LOGIN STOP
---------------------------------------- */


/* ----------------------------------------
    Cocoon felhantering START
---------------------------------------- */

.error, .errorOutput, .errorLabel
/* error */
{
    color: #990000! important;
    font-weight: bold! important;
}

.errorDetail
/* textarea dw:error-group */
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 70%;
    color: #333;
    width: 600px;
    height: 200px;
    border: 1px solid #666;
    margin: 5px;
}

/* ----------------------------------------
    Cocoon felhantering STOP
---------------------------------------- */


/* ----------------------------------------
    Bild-Db START
---------------------------------------- */

h1.frametoolbar
/* dw:frame frametoolbar */
{
    color: #333! important;
    font-size: 65%! important;
    line-height: 120%! important;
    white-space: nowrap;
    text-transform: uppercase;
    text-align: left;
    margin: 0! important;
    padding: 10px 20px 10px 0;
}

.footerLineDiv
/* dw:frame footerLineDiv */
{
    margin: 0 1px 1px;
}

.headerFrameDiv
/* dw:frame headerFrameDiv */
/* /cocoon/kms-app-base */
{
    background: url('/cocoon/kms-app-base/img/header_bg.gif') repeat-x;
    height: 40px;
}

.mainFrameDiv
/* dw:frame mainFrameDiv */
{
    position: relative;
    background: #FFF;
    border-top: none;
    border-left: 1px solid #ADADAD;
    border-right: 1px solid #ADADAD;
    border-bottom: 1px solid #ADADAD;
}

.toolbarDiv
/* dw:frame toolbarDiv */
/* /cocoon/kms-app-base */
{
    background: url('/cocoon/kms-app-base/img/toolbar_bg.gif') repeat-x;
    height: 40px;
}

h2.thumbheader
/* dw:thumbheader */
{
    font-size: 65%! important;
}

.groupThumb
{
    width: 42em;
    min-width: 670px;
    margin: 0 auto 10px;
}

.thumbDiv
{
    border: #ADADAD 1px solid;
    margin: 5px;
    padding: 5px;
}

.thumbImage
{
    margin: 5px;
}

/* ----------------------------------------
    Bild-Db STOP
---------------------------------------- */


/* ----------------------------------------
    UTIL START
---------------------------------------- */

.white
/* txt white */
{
    color: #FFF! important;
}

.gold
/* txt gold */
{
    color: #EC9F0D! important;
}

.red
/* txt red */
{
    color: #CC0000! important;
}

.borderSolid
{
	border: 1px solid #999;
}

.borderGrey
{
    border: 1px solid #ADADAD;
}

.borderGreyTop
{
    border-top: 1px solid #ADADAD;
}

.borderGreyLeft
{
    border-left: 1px solid #ADADAD;
}

.borderGreyRight
{
    border-right: 1px solid #ADADAD;
}

.borderGreyBottom
{
    border-bottom: 1px solid #ADADAD;
}

.borderTop
{
    border-top: 1px solid #FFF;
}

.borderLeft
{
    border-left: 1px solid #FFF;
}

.borderRight
{
    border-right: 1px solid #FFF;
}

.borderBottom
{
    border-bottom: 1px solid #FFF;
}

.heightA
{
    height: 10px;
}

.heightB
{
    height: 20px;
}

.heightC
{
    height: 30px;
}

.heightD
/* maincontent default height */
{
    height: 300px;
    min-height: 300px;
}

.heightE
{
    height: 1.9em;
    min-height: 30px;
}

.heightF
{
    height: 12.5em;
    min-height: 200px;
}

.widthA
{
    width: 12.5em;
    min-width: 200px;
}

.widthB
{
    width: 50%;
}

.widthCsmall
/* widthC small depends on system width small */
{
    width: 25em;
    min-width: 400px;
}

.widthCdefault
/* widthC default depends on system width default */
{
    width: 34.4em;
    min-width: 550px;
}

.widthCwide
/* widthC wide depends on system width wide */
{
    width: 49.9em;
    min-width: 800px;
}

.widthsmall
/* system width small */
{
    width: 37.5em;
    min-width: 600px;
}

.widthdefault
/* system width default */
{
    width: 47em;
    min-width: 750px;
}

.widthwide
/* system width wide */
{
    width: 62.5em;
    min-width: 1000px;
}

.widthE
{
    width: 100%;
}

.widthF,
.tight
{
    width: 1%;
}

.widthG
{
    width: 99%;
}

.widthH
{
    width: 30%;
}

.widthI
{
    width: 70%;
}

.widthJ
{
	width: 20%;
}

/* ----------------------------------------
    UTIL STOP
---------------------------------------- */