/*
 * Stilmall Medlemssystems medlemsregister.
 * Varfr inleds ett flertal klassnamn med lwa?
*/

/*****************************************************************************
 * Element 
 *****************************************************************************/
@import url('bootstrap.min.css');
@import url('bootstrap-responsive.min.css');
/*@import url('fullcalendar.css');*/
@import url('../fonts/roboto.css');

/***** RESET BROWSER STYLES *****/
/********************************/

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th {
	background: transparent;
	
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

/***** MAIN WRAPPER *****/
/************************/

body {
    background: #ffffff;
    font-family: Verdana, Arial, Sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    line-height: 21px;
    color: #000;
} 
button, input, textarea, select, a, a:focus { outline: none; }
a { text-decoration: none; color: #546f8e;}
a:hover { text-decoration: underline; }
img { display: inline-block; }
small { font-size: 11px; line-height: 18px; }
pre { font-size: 11px; }
h2#logintitlenew{ background:#000!important;color:#fff; }
input, select, textarea, button, label {
    color: #000;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    outline: none; /*margin: 0 0 0 11px;*/
    line-height: 20px;
    display: inline;
}

h1,h2,h3,h4 { color: #333; font-weight: normal; }
h1 { font-size: 28px; line-height: 38px; }
h2 { font-size: 24px; line-height: 30px; }
h3 { font-size: 18px; line-height: 28px; }
h4 { font-size: 16px; line-height: 26px; }

/*.mainwrapper { 
	width: auto; margin: auto; background: #f7f7f7 url(../img/mainbg.png) repeat-y 0 0; position: relative; 
	overflow: hidden; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1); 
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1); box-shadow: 0 0 5px rgba(0,0,0,0.1); /*padding-bottom: 367px;
}
*/
.mainwrapper {
    width: auto;
    margin: auto;
    background: #f7f7f7 url(../img/mainbg.png) repeat-y 0 0;
    position: relative;
    overflow: hidden;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    padding-bottom: 60px;
}
    .fullwrapper { width: auto; border: 0; }


/***** LEFT PANEL *****/
/**********************/

.leftpanel { width: 232px; float: left; }
.floatleftpanel { float: left; position: relative; top: auto; left: auto; z-index: auto; }

.logopanel { height: 50px; border-right: 1px solid #e8e8e8; }
.logopanel h1 { text-transform: uppercase; color: #fff; padding: 5px 0 0 10px; font-size: 24px; text-shadow: 1px 1px rgba(0,0,0,0.2); }
.logopanel h1 a { color: #fff; }
.logopanel h1 a:hover { text-decoration: none; }
.logopanel h1 a span { font-size: 11px; }

.datewidget { background: #232323; font-size: 11px; color: #999; padding: 0px 10px; border-right: 1px solid #1e1e1e; text-align:center; height:41px;}

.searchwidget { padding: 10px; border-bottom: 1px solid #bbb; }
.searchwidget input.search-query { border: 1px solid #bbb; outline: none; padding: 7px 10px; width: 178px; }
.searchwidget .input-append { margin: 0; }
.searchwidget .btn { padding: 7px 12px; border-color: #bbb; }

.plainwidget { margin: 10px; background: #fcfcfc; border: 1px solid #bbb; padding: 5px 10px; }
.plainwidget .progress { margin: 5px 0; height: 10px; }

.leftmenu { margin: 0px 0; }
.leftmenu .nav-tabs li { border-bottom: 1px solid #bbb; margin: 0 1px 0 0; }
.leftmenu .nav-tabs li:first-child { border-top: 0px solid #bbb; }
.leftmenu .nav-tabs li a { border: 0; color: #000; text-shadow: 1px 1px rgba(255,255,255,0.3); }
.leftmenu .nav-tabs li a:hover { border: 0; }
.leftmenu .nav-tabs li a span { display: inline-block; vertical-align: top; margin: 13px 15px 0 0; opacity: 0.6; }
.leftmenu .nav-tabs > .active { margin-right: 0; font-weight: bold; background: #f7f7f7 url(../img/gray_jean.png); }
.leftmenu .nav-tabs.nav-stacked > li > a:hover { background: #eee; }
.leftmenu .nav-tabs.nav-stacked > li.active > a { background: #f7f7f7 url(../img/gray_jean.png); }
.leftmenu .nav-tabs > .active > a span { opacity: 0.8; }
.leftmenu .nav-tabs > .active ul li { font-weight: normal; }
.leftmenu .nav-tabs > .dropdown > a { background-image: url(../img/arrowdown.png); background-repeat: no-repeat; background-position: right center; }
.leftmenu .nav-tabs > .dropdown > a:hover { background: #eee url(../img/arrowdown.png) no-repeat right center !important; }
.leftmenu .nav-tabs.nav-stacked > .dropdown.active > a { background: transparent url(../img/arrowdown.png) no-repeat right center !important; }
.leftmenu .nav-tabs ul { list-style: none; background: #d3d3d3; display: none; }
.leftmenu .nav-tabs ul li { margin-right: 0; background: none; }
.leftmenu .nav-tabs ul li a { padding: 5px 10px; display: block; padding-left: 33px; }
.leftmenu .nav-tabs ul li a:hover { text-decoration: none; background: #d7d7d7; }
.leftmenu .nav-tabs ul li:last-child { border-bottom: 0; }
.mobilepanel{ display:none; }

/***** RIGHT PANEL *****/
/***********************/

.rightpanel { margin-left: 232px; position: relative; background: url(../img/gray_jean.png); }
.rightpanel:after { display: block; clear: both; content: ''; }

.headerpanel { min-height: 50px; border-left: 0px solid #e8e8e8; }
.headerright { float: right; padding: 7px 10px 0 0; }
.headerright .dropdown { display: inline-block; margin-left: 7px;}

/* Main Content */
.maincontent { position: relative; padding-right: 30px;
    top: 0px;
    left: 0px;
    /*height: 2947px;*/
}
.contentinner { padding: 15px; /*min-height: 650px;*/ float: left; width: 100%; }
.contentinner p { margin: 15px 0; }
.contentinner p:first-child { margin-top: 0; }
.contnetinner p:last-child { margin-bottom: 0; }
.wrapper404 ul { list-style: none; margin: 10px 0; }

.widgettitle { 
	color: #000; text-transform: uppercase; text-transform: uppercase; margin-bottom: 15px; 
	text-shadow: 1px 1px rgba(255,255,255,0.3); border: 1px solid #bbb; position: relative;
}
h4.widgettitle { font-size: 12px; padding: 2px 10px; font-weight: bold; }
h4.ctitle { border: 1px solid; color: #fff; text-shadow: 1px 1px rgba(0,0,0,0.2); }
h3.widgettitle { font-size: 14px; padding: 5px 10px; }
h3.ctitle { border: 1px solid; color: #fff; text-shadow: 1px 1px rgba(0,0,0,0.2); }

.showhide { 
	font-size: 10px; position: absolute; top: 0; right: 0; padding: 2px 10px; border-left: 1px solid #bbb; color: #999; 
	text-align: center; min-width: 75px; 
}
.showhide:hover { text-decoration: none; color: #777; background: #e7e7e7; }

.widgetcontent { margin-bottom: 30px; position: relative; }
.widgetcontent.bordered { padding: 15px; border: 1px solid #bbb; border-top: 0; background: #fcfcfc; }
.widgetcontent.nopadding { padding: 0; }
.widgetsource { display: none; }
.widgetsource.show { display: block; }

.pargroup { border: 1px solid #ccc; background: #fcfcfc; }
.pargroup .par { border-bottom: 1px solid #ddd; padding: 10px; }
.pargroup .par:last-child { border-bottom: 0; }
.pargroup .par p.pull-right { margin-top: -20px; font-size: 11px; }

/* Tables */
.dataTables_wrapper { position: relative; }
.dataTables_length, .dataTables_info { background: #eee; padding: 10px; font-size: 11px; border: 1px solid #ddd; }
.dataTables_length { border-bottom: 0; }
.dataTables_info { border-top: 0; }
.dataTables_filter { position: absolute; top: 12px; right: 10px; }
.dataTables_filter input { width: 150px; margin-left: 10px; }
.dataTables_paginate { position: absolute; bottom: 10px; right: 10px; }
.dataTables_paginate .first, .dataTables_paginate .previous, .dataTables_paginate .paginate_active, 
.dataTables_paginate .paginate_button, .dataTables_paginate .next, .dataTables_paginate .last { 
	padding: 5px 10px; border: 1px solid #bbb; border-left: 0; font-size: 11px; background: #eee; cursor: pointer;
}
.dataTables_paginate span:hover { background-color: #ddd; }
.dataTables_paginate .first { border-left: 1px solid #bbb; }
.dataTables_paginate .paginate_active { background: #fff; }
.dataTables_paginate .paginate_button:hover { background: #eee; }
.dataTables_paginate .paginate_button_disabled { cursor: default; color: #bbb; background: #eee; }
.dataTables_length select { width: auto !important; }

#place {
    /*width:1160px;*/
}


/*a {
    font-family: Verdana, Arial, Sans-serif;
    text-decoration: none;
    font-size: 11px;
    text-align: left;
}*/

.menumargin {
    padding-left: 16px;
}

h1, .leftmenu h1 {
    height: 24px;
    margin: 0pt 0 0 0;
    padding: 5px 5px 5px 5px;
}

.asd {
}

/*h1 {
    background-color: #C8E0C3;
    border-bottom: 100pt;
    color: #24561A;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 20pt;
    padding: 7px 5px 4px 10px !important;
    padding: 7px 5px 9px 10px;
    margin-right: 0px;
}*/




h2 {
    border-bottom: solid 1px gray;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-top: 0;
    padding: 10pt 5pt 0pt 0pt;
}

p {
    text-align: justify;
    margin-top: 0pt;
    margin-left: 20pt;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
}

td {
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
    text-decoration:none;
     
}

/*****************************************************************************
 * Element 
 *****************************************************************************/
/* */
.LeftLayer {
    display: none;
}

.Td_kluster {
    height: 45px;
}

.HomeHead {
    color: #999966;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 20px;
    font-weight: bold;
    height: 35px;
}

#PageContent {
    padding-right: 20px;
}

.bgPageTitle {
    background-color: #3b6998;
}


/*.bgmenumain {
    background-color: #7bd6fc;
    color: white;
}*/

.bgMenuSelected {
    /*background-color: #eee; background-image: url(IMAGES/arrow_head.jpg);*/
    background-repeat: no-repeat;
}

.bgMenuSelectedsub {
    /*background-color: #ffffff;*/ /* background-image: url(IMAGES/arro.jpg);*/ /*background-repeat:no-repeat;*/
}

/* Anvnds som titel verst p alla undersidor */
.PageTitle {
    background-color: #C8E0C3;
    font-size: 18px;
    font-family: Verdana, Arial, Sans-serif;
    padding-left: 5pt;
}

/* */
.ContentHead {
    background-color: #dddca3;
    color: gray;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 20px;
    font-weight: bold;
    height: 35px;
    padding-left: 10px;
}

/* */
.SubContentHead {
    background-color: #dddca3;
    color: gray;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 18px;
    font-weight: bold;
    height: 20px;
}

/* */
.UnitCost {
    color: #808080;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 15px;
    line-height: 20pt;
}

/* */
.ModelNumber {
    color: #808080;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 11px;
    line-height: 20pt;
}

/* */
.ErrorText {
    color: red;
    font-family: Verdana, Arial, Sans-serif;
    font-weight: bold;
    font-size: 12px;
    padding-left: 15px;
}

.MostPopularHead {
    background-color: red;
    color: white;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 11px;
    font-weight: bold;
}

A.MostPopularItemText, A.MostPopularItemText:link, A.MostPopularItemText:visited {
    color: black;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 11px;
    text-decoration: none;
}

    A.MostPopularItemText:hover {
        color: red;
        font-family: Verdana, Arial, Sans-serif;
        font-size: 11px;
        text-decoration: underline;
    }

.ProductListHead {
    color: black;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 14pt;
    text-decoration: underline;
}

.ProductListItem {
    color: black;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 10px;
}

.CartListHead {
    /*background-color: #ffffff;
    background: url(../img/gray_jean.png);*/
   
   
    color: #000;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 14pt;
    padding-left: 55px;
    padding-right: 5px;
    text-transform: uppercase;
    text-align: left;
    /*height:20px;*/
    /*font-family: 'RobotoBold', 'HelveticaNeue', Arial, sans-serif;
    font-weight:bold;*/
}

.CartListHeadBig {
    background-color: #8ED8F8;
   
    color: black;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 28pt;
    padding-left: 5px;
}

.CartListItem {
    color: #000;
    background-color: #ffffff;
    /*background: url(../img/gray_jean.png);*/
    
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    padding: 8px;
}

.CartListItemAlt {
    color: #000;
    /*background-color: #f1f1f1;*/
    background: url(../img/gray_jean.png);
    border-bottom: #dddddd;
   
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    padding: 8px;
    
}

.CartListItem2 {
    background-color: #ffffff;
    border-bottom: #dddddd;
    color: black;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 11px;
    padding-left: 5px;
}

.CartListHead td, .CartListHeadBig td, .CartListItem td, .CartListItemAlt td {
    padding: 2px;
}

.CartListFooter, .cartlistfooter {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 11px;
   
    padding-left: 10px;
    background-color: #f1f1f1; /* #C8E0C3;*/
    /*line-height: 8pt;*/
    font-weight: bold;
}

.pageLogo {
    margin: 0 0 0 10 px;
}

html > /**/ body .pageLogo, x:-moz-any-link, x:default {
    margin: 0 0 0 10 px;
}

.logo {
    margin-top: 30;
    margin-bottom: 40pt;
    font-size: 36px;
    font-family: "calibri";
    text-align: center;
}



/* text style for the links */
A.SiteLink, A.SiteLink:link, A.SiteLink:visited {
    font-family: Verdana, Arial, Sans-serif;
    text-decoration: none;
    color: #dddddd;
    font-size: 11px;
}

    A.SiteLink:hover {
        text-decoration: underline;
        color: gray;
    }

.logout {
    padding: 0px 0px 0px 16px;
    text-decoration: none;
    border: 0px;
    position: relative;
    margin: 0 auto;
}

/*A.SiteLinkBold, A.SiteLinkBold:link, A.SiteLinkBold:visited
{
	color: white;
	font-family: Verdana, Arial, Sans-serif;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

A.SiteLinkBold:hover
{
	color: black;
	text-decoration: none;
}

A.TopMenuLink, A.TopMenuLink:link, A.TopMenuLink:visited
{
    color: #dddddd;
    font-family: Verdana, Arial, Sans-serif;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    margin-left: 7px;
    margin-right: 7px;
}

A.TopMenuLink:hover
{
    color: white;
    text-decoration: none;
}*/

/* SUBMENY Kommunikation---------------------------------------------------------------------*/
A.KomSubMenu, A.KomSubMenu:link, A.KomSubMenu:visited {
    margin-top: 20px;
    display: block;
    width: 75px !important;
    width: 84px;
    height: 19px !important;
    height: 27px;
    padding: 8px 0px 0px px;
    background-image: url(../IMAGES/kom_knapp.jpg); /* source for start image */
    background-repeat: no-repeat;
    color: #7bd6fc;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

    A.KomSubMenu:hover {
        /*background-image:url(IMAGES/medlamskap_roll.gif); */
        color: #000000;
        text-decoration: none;
    }
/* TOPMENY START---------------------------------------------------------------------*/
A.SiteLinkBold, A.SiteLinkBold:link, A.SiteLinkBold:visited {

    display: block;
    /*width: 100px !important;
    width: 106px*/;
    padding: 7px 0px 7px 0px;
    /*background-image: url(../IMAGES/top_menu_img.jpg);*/ /* source for start image */
    background-repeat: no-repeat;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    height:19px;
}

    A.SiteLinkBold:hover, A.SiteLinkBold:active {
        /*background-image:url(IMAGES/medlamskap_roll.gif); 
        background-image: url(../IMAGES/top_menu_img_hover.jpg);*/
        background-repeat: no-repeat; /* source for start image */
    }
/* TOPMENY END---------------------------------------------------------------------*/
A.SiteLinkBoldEnd, A.SiteLinkBoldEnd:link, A.SiteLinkBoldEnd:visited {
    margin-top: 34px;
    display: block;
    width: 105px !important;
    width: 105px;
    height: 19px !important;
    height: 28px;
    padding: 8px 0px 0px 10px;
    /*background-image: url(../IMAGES/men.jpg);*/ /* source for start image */
    background-repeat: no-repeat;
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

    A.SiteLinkBoldEnd:hover {
        color: #7bd6fc;
        text-decoration: none;
    }
/* SUB MENY START---------------------------------------------------------------------*/
/* START------------------------------------------------------------------------------*/
A.TopMenuLink, A.TopMenuLink:link, A.TopMenuLink:visited {
    display: block;
    width: 35px !important;
    width: 0px;
    height: 0px !important;
    height: 0px;
    padding: 0px 0px 0px 12px;
    margin-top: 0px; /*background-image: url(IMAGES/submenu_line.jp);  source for start image */
    background-repeat: no-repeat;
    color: #000000;
    font-size: 0px;
    font-weight: bold;
    text-decoration: none;
    text-align: justify;
}

    A.TopMenuLink:hover, A.TopMenuLink:focus {
        color: #7bd6fc;
        text-decoration: none;
    }
/* TOP MENY SLUT ------------------------------------------------------------------------*/


#topMenuTable {
    height: 30px;
    margin-top: 20pt;
    padding-top: 50pt;
}


.flt {
    float: left;
    margin-left: 10px;
    background-color: #F7F6F6;
    padding: 0px 0px 0px 0px;
}

.menubg {
    clear: left;
    width: 150px;
    margin: 0px 0px 0px 0px;
}

logout.menu {
    float: left;
    clear: left;
    font: bold 11px Arial, Helvetica, sans-serif;
    padding: 0px 0px 0px 0px;
}

.menu li {
    margin: 0px 0px 0px 0px;
    list-style: none;
}



.menu a, .menu a:visited {
    font-size: 12px;
    width: 148px !important;
    width: 156px;
    margin: 5px 0px 5px 4px;
    position: relative;
    display: block;
    color: #167D00;
    text-decoration: none; /*background:url(images/leftmenu.jpg) no-repeat;*/
    padding: 0px 0 0 8px;
    font-weight: bold;
}
    /**html .menu a, .menu a:visited
{
    width: 148px !important;
    width: 156px;
    height: 22px !important;
    height: 20px;
    margin: 0px 0px -1px 4px;
    position: relative;
    display: block;
    color: #167D00;
    text-decoration: none; //background:url(images/leftmenu.jpg) no-repeat;
    padding: 8px 0 0 8px;
    font-size: 12px;
    font-weight: bold;
}*/
    .menu a:hover, .menu a:active, .menu li.current_page_item a, .menu li.current_page_item a:visited {
        /*background:url(images/leftmenuroll.jpg) no-repeat;*/
        text-decoration: underline;
        color: Black;
    }


.LeftMenu, .LeftMenu h1 {
    font-family: Verdana, Arial, Sans-serif;
    text-decoration: none;
    font-size: 11px;
}

.LongButtonKom {
    width: 160px;
    padding-left: 0px;
    margin-left: 9px;
    height: 30px;
}

A.LeftMenu, A.LeftMenu:link, A.LeftMenu:visited {
    color: #ffffff;
}

    A.LeftMenu:hover {
        color: #ffffff;
    }

.LeftMenu h1 {
    color: #3b6998;
    background-color: #B7CEB3;
}

.LeftMenuText {
    color: #000000;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.LeftMenu {
    margin-top: -10px;
    margin-right: 0pt;
    margin-bottom: 5pt;
    margin-left: 0pt;
}

.LeftMenu_1 {
    padding-top: 10px;
    margin-top: -10px;
    margin-right: 0pt;
    margin-bottom: 5pt;
    margin-left: 15pt;
}

.LeftMenuInverted .LeftMenu {
    color: yellow;
    background-color: black;
}

.LeftMenuColumn {
    padding: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px !mportant;
}
.LeftColumn {
    background-color: #ffffff;
}

/* Breadcrumbs */
.breadcrumbwidget { 
    background: #232323;
     height: 41px; 
     border-left: 1px solid #3c3c3c; 
     font-size: 11px; 
     position: relative; 

}
.breadcrumbwidget .breadcrumb { 
    background: none !important; 
    margin: 0; 
    border: 0; 
    padding: 5px 10px; 
    

}
.breadcrumbwidget .breadcrumb li { 
    text-shadow: none; 

}
.breadcrumbwidget .breadcrumb li.active { 
    color: #ccc; 

}
.breadcrumbwidget .breadcrumb a { 
    color: #ffffff;

}
.breadcrumbwidget .breadcrumb a:hover { 
    color: #ccc; 

}
.breadcrumbwidget .breadcrumb .divider {
     color: #666; 

}
.menuheader {     
    position: relative;
    z-index: 100;
    text-align: center;
    font-size: 15px;
    padding: 0 20px;
    text-transform: capitalize;
}

.showmenu {
    display: inline-block;
    height: 35px;
    width: 40px;
    background: #0b4073 url('../img/menu.png') no-repeat center center;
    margin: 7px 0 0 8px;
    -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 1px 1px 0 rgba(255,255,255,0.2);
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 1px 1px 0 rgba(255,255,255,0.2);
    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 1px 1px 0 rgba(255,255,255,0.2);
}
.showmenu:hover, .showmenu:active { background-color: #0b4073; }

.FormItem, input {
    color: black;
    text-decoration: none;
    font-size: 12px;
}

.FormItem {
    text-decoration: none;
    font-size: 10pt;
    text-align: left;
    padding-left: 10px;
    padding-right: 5px;
}

.header {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12pt;
    color: olive;
    font-weight: normal;
    text-align: center;
    padding-bottom: 20pt;
    padding-top: 10pt;
    vertical-align: top;
    margin: 0 auto;
}

.loginHeader {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 16pt;
    color: #7bd6fc;
    padding-bottom: 60pt;
    padding-top: 10pt;
    vertical-align: top;
    margin: 0px;
    text-align: center;
}



/*.footer {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 8pt;
    color: gray;
    text-align: center;
    vertical-align: bottom;
    margin: 40pt auto 0 auto;
}*/

/*.loginFooter {
    position: absolute;
    left: 15px;
    bottom: 30px;
    width: 157px;
    height: 65px;
}*/

.LeftMenu:hover {
    color: #111111;
    text-decoration: none;
}

/* */
A.MenuUnselected, A.MenuUnselected:link, A.MenuUnselected:visited {
    color: red;
    font-family: Verdana, Arial, Sans-serif;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    padding-left: 10px;
}

    A.MenuUnselected:hover {
        color: white;
        text-decoration: underline;
        padding-left: 10px;
    }

A.MenuSelected {
    color: white;
    font-family: Verdana, Arial, Sans-serif;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    padding-left: 10px;
}

    A.MenuSelected:hover {
        color: white;
        font-family: Verdana, Arial, Sans-serif;
        text-decoration: none;
        padding-left: 10px;
    }

/* GENERAL */

/* text style used for most text rendered by modules */
.formFieldCell, TD.formFieldCell {
    padding-top: 0px;
    padding-left: 10px;
    padding-bottom: 12px;
    vertical-align: top;
    text-decoration:none;  /* added to check ashwini*/
}

.formFieldCellAdminButton {
    margin-left: 10px;
    margin-bottom: 12px;
    vertical-align: top;
}


.formFieldText, TD.formFieldText {
    font-weight: bold;
    padding: 0px;
}

.formFieldBox, .formFieldCell input, TD.formFieldCell input {
    font-weight: normal;
    padding: 0px;
    margin-top: 0px;
    text-decoration:none; 
    /* added to check ashwini*/
}

.formField, TD.formField {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    vertical-align: top;
    text-decoration:none;
}
.formFieldLong {
    width: 250px;
}

.formFieldNormal {
    width: 160px;
}

.formFieldShort {
    width: 119px;
}

.formFieldMini {
    width: 60px;
}

.alignRight {
    text-align: right;
}

.alignCenter {
    text-align: center;
}

.alignLeft {
    text-align: left;
}

.frmFieldCell, TD.frmFieldCell {
    padding-top: 0px;
    padding-left: 10px;
    padding-bottom: 12px;
    vertical-align: top;
    text-decoration: none;
}
 .frmFieldCellAdminButton

{
    margin-left: 10px;
    margin-bottom: 12px;
    vertical-align: top;
}


.frmFieldText, TD.frmFieldText {
    font-weight: bold;
    padding: 0px;
}

.frmFieldBox, .frmFieldCell input, TD.frmFieldCell input {
    font-weight: normal;
    padding: 0px;
    margin-top: 0px;
    text-decoration: none; /* added to check ashwini*/
}

.frmFieldLabel, TD.frmFieldLabel {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 10px;
    text-decoration: none;
    padding-left: 0px;
    text-transform: uppercase;
}

/* GENERAL */

/* text style used för all description texts */
.labelUC {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 10px;
    text-decoration: none;
    text-transform: uppercase;
}
/* text style used for most text rendered by modules */
.formFieldLabel, TD.formFieldLabel {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 10px;
    text-decoration: none;
    padding-left: 0px;
    text-transform: uppercase;
}

.formFieldFormat, TD.formFieldFormat {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 10px;
    text-decoration: none;
    padding-left: 0px;
}

#formField {
    width: 250px;
}


.Normal {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
}

.NormalDouble {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 20px;
}

/* text style used for textboxes in the admin pages, for Nav compatibility */
.NormalDropBox {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    font-weight: normal;
    height: 30px;
}

.NormalDropBox210px {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    font-weight: normal;
    height: 30px;
    width: 210px;
}

.NormalDropBox160px {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    font-weight: normal;
    height: 30px;
    width: 160px;
}

/* text style used for textboxes in the admin pages, for Nav compatibility */
.NormalTextBox {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    font-weight: normal;
    height: 30px;
    width: 247px;
}

.NormalTextBox210px {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    font-weight: normal;
    height: 30px;
    width: 210px;
}
.NormalTextBox100px {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    font-weight: normal;
    height: 30px;
    width: 100px;
}

/* text style used for selects in the admin pages, for Nav compatibility */
.NormalSelect {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    font-weight: normal;
}

/* text style used for textboxes in the edit pages, for Nav compatibility */
.EditTextBox {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    font-weight: normal;
    border-style: solid;
    border-width: 1px;
    border-color: #999966;
    width: 100%;
    height: 30px;
}

.LargeTextBox {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    font-weight: normal;
    border-style: solid;
    border-width: 1px;
    border-color: #999966;
    width: 200px;
    height: 30px;
}

/* text style used for controls in the admin and edit pages, for Nav compatibility */
.NormalControl {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    font-weight: normal;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalCheckBox {
    margin-left: -4px;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    font-weight: normal;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalRadio {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-indent: -5px;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalButton {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-indent: -5px; /*    border-style: solid;     border-width: 1px;     border-color: #cccc99; */
    background-color: #ccccaa;
}

.ShortButtonSize {
    width: 50px;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    height: 30px;
}

.NormalButtonSize {
    width: 80px;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    height: 30px;
}

.LongButtonSize {
    width: 125px;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    height: 30px;
}

.ExtraLongButtonSize {
    width: 175px;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    height: 30px;
}

.NormalRed {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: red;
}

.NormalBold {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
}

.NormalItalic {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
}

/*A, A:hover {
    text-decoration: underline;
    color: #999;
}*/

SMALL {
    font-size: 8px;
}

BIG {
    font-size: 14px;
}

BLOCKQUOTE, PRE {
    font-family: Lucida Console, monospace;
}

/*UL LI {
    list-style-type: square;
}

    UL LI LI {
        list-style-type: disc;
    }

        UL LI LI LI {
            list-style-type: circle;
        }*/

OL LI {
    list-style-type: decimal;
}

OL OL LI {
    list-style-type: lower-alpha;
}

OL OL OL LI {
    list-style-type: lower-roman;
}

/*HR
{
    height: 1pt;
    text-align: left;
    display: inline;
    margin-left: 10px;
}*/

.lwaBold {
    color: #000000;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 5px;
}

.lwaText {
    color: #ffffff;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 5px;
}

.lwaBoldSpaced {
    color: black;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 30pt;
    padding-left: 10px;
}

.lwaBoldLeft {
    color: black;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.lwaSimple {
    color: #000000;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    font-weight: normal; /*    line-height: 20pt;*/
    padding-left: 10px;
}

.lwaSimpleText {
    color: #ffffff;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
    font-weight: normal; /*    line-height: 20pt;*/
    padding-left: 10px;
}

.lwaSimpleLeft {
    color: black;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 11px;
    font-weight: normal;
}

.lwaBoldBig {
    color: black;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 19pt;
    padding-left: 10px;
}

.lwaSimpleBig {
    color: black;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 19pt;
    padding-left: 10px;
}

TABLE.centeredTable {
    padding-left: 10px;
    padding-right: 10px;
}

TABLE.avisering {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 14pt;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-top: 20px;
}

TD#leftSpace {
    padding-left: 10pt;
}

TD.avisering_td {
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
}

.kant {
    border: solid 1px orange;
}

.vSpaceTop50 {
    margin-top: 50px;
}


.ShortButtonSize {
    width: 50px;
}

.NormalButtonSize {
    width: 80px;
}

.vSpaceBottom50 {
    padding-bottom: 50px;
}

/*.vSpaceBottom25 {
    margin-bottom: 25px;
}*/

.leftmenustyle
{
      border-right: 1px solid #d3d3d3;
      padding: 0 5px 0 0;
      margin-left:10px;
      border-right: gray 1px solid;
            border-top: #b0rede 1px solid;
            font-weight: normal;
            border-left: blue 1px solid;
            border-bottom: blue 1px solid;
            font-family: verdana, arial, helvetica, sans-serif;
            font-size: 10px;
            font-weight: bold;
            text-align: center;
            padding-top: 3px;
            padding-right: 9px;
            padding-bottom: 3px;
            padding-left: 9px;
      background-color:#bbb;
}
/* Notifications */
.notification .dropdown-toggle { }
.notification .dropdown-menu { left: auto; right: 0; min-width: 300px; }
.notification .dropdown-menu a { border-bottom: 1px dotted #eee; }
.notification .dropdown-menu li:last-child a { border-bottom: 0; }
.notification .dropdown-menu img { display: inline-block; margin: 2px 5px 2px 0; }
.notification [class^="icon-"], .notification [class*=" icon-"] { margin-right: 10px; vertical-align: middle; }
.notification .viewmore a { margin-top: 10px; font-size: 11px; text-transform: uppercase; font-weight: bold; color: #999; }

.notification .dropdown-toggle, .userinfo .dropdown-toggle { 
	display: inline-block; background: #0b4073; padding: 7px 10px; color: #ccc;
	-moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 1px 1px 0 rgba(255,255,255,0.2);
	-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 1px 1px 0 rgba(255,255,255,0.2);
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2), 1px 1px 0 rgba(255,255,255,0.2); 
}

.userinfo .dropdown-toggle:hover { text-decoration: none; color: #fff; }
.userinfo .dropdown-menu { left: auto; right: 0; }
.userinfo .caret { border-top-color: #ccc; margin-left: 10px; }
.userinfo .dropdown-menu li > a { padding-left: 15px; }
.userinfo .dropdown-menu li > a span { margin-right: 5px; margin-top: -1px; }
.userinfo .dropdown-menu .divider { margin: 5px 0; }

/* White icons with optional class or on hover/active states of certain elements */
.iconsweets-white,
.nav-pills > .active > a > [class^="iconsweets-"],
.nav-pills > .active > a > [class*=" iconsweets-"],
.nav-list > .active > a > [class^="iconsweets-"],
.nav-list > .active > a > [class*=" iconsweets-"],
.navbar-inverse .nav > .active > a > [class^="iconsweets-"],
.navbar-inverse .nav > .active > a > [class*=" iconsweets-"],
.dropdown-menu > li > a:hover > [class^="iconsweets-"],
.dropdown-menu > li > a:hover > [class*=" iconsweets-"],
.dropdown-menu > .active > a > [class^="iconsweets-"],
.dropdown-menu > .active > a > [class*=" iconsweets-"],
.dropdown-submenu:hover > a > [class^="iconsweets-"],
.dropdown-submenu:hover > a > [class*=" iconsweets-"] {
  background-image: url(../img/iconsweets-icons-white.png);
}

/***** BORDER RADIUS *****/
/*************************/

.showmenu, .notification .dropdown-toggle, .progress, .tooltip-inner,
.userinfo .dropdown-toggle, .dropdown-menu, .label, .progress .bar,
.btn-group > .btn:first-child, .btn-group > .btn:last-child, 
.btn-group > .dropdown-toggle, .nav-pills > li > a, .modal, .popover,
.navbar-inverse .navbar-inner, .pager li > a, .pager li > span,
.verwizard .verticalmenu a, .chatcontent .messagebox button.send,
.mediamgr_category ul li a, .profile-left .taglist li, .tooltipflot,
.loginwrapper .btn { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}

/***** BOX SHADOW *****/
/**********************/

/* Inset White */
/* Opacity: 0.3 */
.leftmenu .nav-tabs li a, .widgettitle, .ui-accordion-header,
.pargroup .par, .mediamgr .mediamgr_rightinner h4, .logintitle { 
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3); 
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3); 
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
}

/* Opacity: 0.2 */
.ctitle { 
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2); 
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2); 
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
}

.accordion2.ui-accordion .ui-accordion-header {
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); 
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); 
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}

.alert {
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1), inset 0 1px 0 rgba(255,255,255,0.1);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1), inset 0 1px 0 rgba(255,255,255,0.1);
	box-shadow: 0 1px 0 rgba(255,255,255,0.75), inset 0 1px 0 rgba(255,255,255,0.2);
}

/* Inset Black */
.leftmenu .nav-tabs ul, .showhide:hover {
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);	
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);	
}

/* Shadows an element #000 */
.shadowed, .listfile li:hover,
.widgeticons li a { 
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.1); 
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1); 
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

form input, form textarea, form select { 
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,1); 
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,1); 
	box-shadow: 0 1px 0 rgba(255,255,255,1);
}

/* Reset to no shadow */
.leftmenu .nav-tabs ul li a, .navbar .nav > .active > a, 
.navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus,
.verwizard .stepContainer {
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;	
}

/***** GRADIENT BACKGROUNDS *****/
/********************************/

.pagetitle, .leftmenu .nav-tabs li, .widgettitle, 
.ui-accordion-header, .ui-datepicker-header, #popup_title,
.sortlist > li div.label, .dataTables_paginate .paginate_button,
.dataTables_paginate .paginate_button_disabled:hover,
.nav-tabs.nav-stacked > li > a, .tabbable .nav-tabs,
.nav-list li.nav-header, .tabs-right .nav-tabs li a,
.tabs-left .nav-tabs li a, .breadcrumb, .animatesample li,
.pagination ul > li > a, .pagination ul > li > span,
.pager li > a, .pager li > span, .popover-title, 
.actionBar a.buttonDisabled, .actionBar a.buttonDisabled:hover,
.wizard .hormenu li a, .wizard .tabbedmenu,
.mailinbox thead th, .mailinbox tfoot th, .mediamgr_head,
.mediamgr .mediamgr_rightinner h4, .logintitle {
	background: rgb(237,237,237);
	background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(222,222,222,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(222,222,222,1)));
	background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%);
	background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%);
	background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%);
	background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
}

.leftmenu .nav-tabs.nav-stacked > li.active > a, .breadcrumb,
.leftmenu .nav-tabs ul li, .leftmenu .nav-tabs > .dropdown > a,
.ctitle, .accordion2.ui-accordion .ui-state-active a, .tabs2.ui-tabs .ui-tabs-nav,
.accordion2.ui-accordion .ui-accordion-header {
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}


/***** TRANSITIONS *****/
/***********************/

.leftmenu a, .ui-tabs-nav li a, .ui-accordion-header a,
.showhide, .dropdown-menu li a, .ui-slider-handle, .listfile li,
.nav.nav-list > li > a, .nav-pills > li > a, .navbar .nav > li > a,
.pagination ul > li > a, .pagination ul > li > span, .pager li > a,
.menuright li a, .profile-left .taglist li a, .widgeticons li a,
.loginwrapper input, .loginwrapper a { 
	-moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; 
}

.uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu { font-size: 12px; }
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover a { background: #546f8e; color: #fff; }
.dropdown-menu { 
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); -webkit--moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3); box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}

/*[class^="icon-"] {
    width: 120px!important;
    height: 120px!important;
    background: none;
}*/

[class^="icon-"], [class*=" icon-"] {
    opacity: 0.75;
}

/***** USING PRIMARY COLOR (#3b6998) *****/
/*****************************************/

.headerpanel  { background-color: #3b6998; position: relative; z-index: 100; }
.ctitle, .accordion2.ui-accordion .ui-state-active a,
.tabs2.ui-tabs .ui-tabs-nav { background: #3b6998 !important; }

.ctitle, .accordion2.ui-accordion .ui-state-active { border-color: #3b6998 !important; }

/***** USING SECONDARY COLOR (#235688) *****/
/*******************************************/

.logopanel, .ui-datepicker-calendar td.ui-datepicker-today a,
.tabs2.ui-tabs .ui-tabs-nav li a { background-color: #e8e8e8; }
.notification .dropdown-menu a:hover { border-color: #e8e8e8; }


/***** OVERRIDE BOOTSTRAP STYLES *****/
/*************************************/

[class^="icon-"], [class*=" icon-"] { margin-top: 0; }

pre.prettyprint, .accordion { margin-bottom: 0; }
dl { margin-bottom: 15px; }
.input-block-level { min-height: 37px; }
table td.center, table th.center { text-align: center; }

/*.btn { font-size: 12px; font-weight: bold; }*/
.btn-small { font-weight: normal; }
.btn-mini { font-size: 11px; font-weight: normal; }
.btn:focus { outline: none; }
.btn .caret { margin-left: 7px; }
.btn-group > .btn + .dropdown-toggle .caret { margin-left: 0; }
.btn-group > .btn, .btn-group > .dropdown-menu { font-size: 12px; }
.btn-circle { -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; padding: 5px 8px; }
.btn-rounded { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.nav-tabs { border-color: #bbb; }
.nav-tabs > li > a:hover { border-color: #bbb #bbb #eee; }
.nav-tabs > .active > a, .nav-tabs > .active > a:hover { border-color: #bbb #bbb transparent; }
.nav-pills > li > a { font-weight: bold; }
.nav-pills > li > a:hover { background-color: #bbb; color: #fff; }
.nav-tabs.nav-stacked > li > a { border-color: #ccc; }
.nav-tabs.nav-stacked > li.active > a { background: #fff; }
.nav-tabs.nav-stacked > li > a:hover { border-color: #bbb; }

.nav-list { background: #fff; border: 1px solid #bbb; }
.nav-list li.nav-header { border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; margin-bottom: 2px; margin-top: 2px; }
.nav-list li:first-child.nav-header { border-top: 0; margin-top: 0; }
.nav-list li:last-child { margin-bottom: 10px; }
.nav.nav-list > li > a { color: #666; }
.nav.nav-list > li.active > a { color: #fff; }

.tab-content { overflow: inherit; }
.tab-content > .tab-pane, .pill-content > .pill-pane { padding: 15px; border: 1px solid #bbb; background: #fff; }
.tabs-below .tab-content > .tab-pane, .pill-content > .pill-pane { border-bottom: 0; }

.tabbable > .nav-tabs { border: 1px solid #bbb; padding: 5px 5px 0 2px; margin: 0; }
.tabbable > .nav-tabs > li > a { 
	margin-left: 3px; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0;
}
.tabbable > .tab-content { margin-top: -1px; }

.tabs-below .nav-tabs { margin: 0; padding: 0; }
.tabs-below > .nav-tabs > li > a {
	-moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; color: #666;
}
.tabs-below > .nav-tabs > li > a:hover { background: #eee; border-color: #bbb; }
.tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover { background: #fff; 	border-color: transparent #bbb #bbb; }
.tabs-below > .nav-tabs { border: 1px solid #bbb; padding: 0 5px 5px 5px; }

.tabs-right { border: 1px solid #bbb; background: #fff; }
.tabs-right .nav-tabs { margin: 0 0 0 5px; background: none; border: 0; padding: 0; }
.tabs-right .tab-content > .tab-pane { border: 0; background: none; }
.tabs-right .nav-tabs > li { display: block; margin-bottom: 0; border: 0; }
.tabs-right .nav-tabs li a { 
	border: 0; border: 1px solid #bbb; border-bottom: 0; border-right: 0; margin: 0; display: block; color: #666; 
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
} 
.tabs-right .nav-tabs li a:hover { border: 1px solid #bbb; border-bottom: 0; border-right: 0; background: #eee; }
.tabs-right .nav-tabs li.active a, .tabs-right .nav-tabs li.active a:hover { 
	border: 0; border-top: 1px solid #bbb; border-left: 1px solid #fff; background: #fff; 
}
.tabs-right .nav-tabs li.active a:hover { border: 0; border-top: 1px solid #bbb; border-left: 1px solid #fff; }
.tabs-right .nav-tabs li:first-child a { border-top: 0; }
.tabs-right .nav-tabs li:first-child.active a { border-top: 0; }

.tabs-left { border: 1px solid #bbb; background: #fff; }
.tabs-left .nav-tabs { margin: 0 5px 0 0; background: none; border: 0; padding: 0; }
.tabs-left .tab-content { margin: 0; }
.tabs-left .tab-content > .tab-pane { border: 0; background: none; }
.tabs-left .nav-tabs > li { display: block; margin-bottom: 0; border: 0; }
.tabs-left .nav-tabs li a { 
	border: 0; border: 1px solid #bbb; border-bottom: 0; border-left: 0; margin: 0; display: block; color: #666; 
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
} 
.tabs-left .nav-tabs li a:hover { border: 1px solid #bbb; border-bottom: 0; border-left: 0; background: #eee; }
.tabs-left .nav-tabs li.active a, .tabs-left .nav-tabs li.active a:hover { border: 0; border-top: 1px solid #bbb; background: #fff; }
.tabs-left .nav-tabs li.active a:hover { border: 0; border-top: 1px solid #bbb; }
.tabs-left .nav-tabs li:first-child a { border-top: 0; }
.tabs-left .nav-tabs li:first-child.active a { border-top: 0; }

.navbar { margin-bottom: 15px; }
.navbar-inner { border-color: #bbb; }
.navbar .brand { font-size: 16px; font-weight: bold; }
.navbar .nav > li { border-left: 1px solid #bbb; }
.navbar .nav > li:last-child { border-right: 1px solid #ccc; }
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { background: #fff; }
.navbar .nav > li > a { padding: 11px 15px; font-weight: bold; } 
.navbar .nav > li > a:hover { background: #eee; }
.navbar .nav li.dropdown.open > .dropdown-toggle, 
.navbar .nav li.dropdown.active > .dropdown-toggle, 
.navbar .nav li.dropdown.open.active > .dropdown-toggle { background: #fff; }
.navbar .navbar-search.pull-right .search-query { margin-right: -15px; }
.navbar .navbar-search.pull-left .search-query { margin-left: -15px; }
.navbar .navbar-form.pull-right { margin-right: -15px; }
.navbar .navbar-form.pull-left { margin-left: -15px; }
.navbar .navbar-form input { width: 168px; }

.navbar-inverse .navbar-inner { background: #222; }
.navbar-inverse .nav > .active > a, .navbar-inverse .nav > .active > a:hover, .navbar-inverse .nav > .active > a:focus { background: #111; }
.navbar-inverse .nav > li, .navbar-inverse .nav > li:last-child { border-color: #373737; }
.navbar-inverse .nav > li > a:hover { background: #171717; }
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, 
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle, 
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { background: #171717; }
 
.breadcrumb { border: 1px solid #bbb; font-size: 11px; padding: 5px 15px; }
.breadcrumb li.active { color: #666; }
.breadcrumb .divider { color: #999; }

.pagination { margin: 15px 0; }
.pagination ul > li > a, .pagination ul > li > span { border-color: #bbb; color: #666; }
.pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span { background: #f7f7f7; }
.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover { background: #e7e7e7; }

.pager { margin: 15px 0; }
.pager li > a { border-color: #bbb; color: #666; font-weight: bold; }
.pager li > a:hover { background: #f7f7f7; border-color: #ccc; }
.pager li > a span { font-size: 18px; }
.pager li.previous a span { margin-right: 5px; }
.pager li.next a span { margin-left: 5px; }
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > span { background :#e7e7e7; border-color: #ccc; }

.label { padding: 3px 5px; font-size: 11px; font-weight: normal; }
.badge { font-size: 10px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; line-height: 10px; padding: 3px 5px 2px 5px; }

.progress { height: 12px; background: #ddd; }

blockquote { 
	background: url(../img/blockquote.png) no-repeat 0 5px; font-family: 'PT Serif', Georgia, "Times New Roman", Times, serif; 
	font-style: italic; padding-left: 40px; 
}
blockquote p { margin: 0 !important; }
blockquote.pull-right { background-position: right 5px; padding: 0 40px 0 0; border-right: 0; }

.btn-default {
	background: #3b6998; color: #fff; text-shadow: 1px 1px rgba(0,0,0,0.1);
	background: -moz-linear-gradient(top,  #3b6998 0%, #0b4073 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b6998), color-stop(100%,#0b4073));
	background: -webkit-linear-gradient(top,  #3b6998 0%,#0b4073 100%);
	background: -o-linear-gradient(top,  #3b6998 0%,#0b4073 100%);
	background: -ms-linear-gradient(top,  #3b6998 0%,#0b4073 100%);
	background: linear-gradient(to bottom,  #3b6998 0%,#0b4073 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b6998', endColorstr='#0b4073',GradientType=0 );
}
.btn-default:hover {
	background: #4e86b7; color: #fff; text-shadow: 1px 1px rgba(0,0,0,0.1);
	background: -moz-linear-gradient(top,  #4e86b7 0%, #035f9a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e86b7), color-stop(100%,#035f9a));
	background: -webkit-linear-gradient(top,  #4e86b7 0%,#035f9a 100%);
	background: -o-linear-gradient(top,  #4e86b7 0%,#035f9a 100%);
	background: -ms-linear-gradient(top,  #4e86b7 0%,#035f9a 100%);
	background: linear-gradient(to bottom,  #4e86b7 0%,#035f9a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e86b7', endColorstr='#035f9a',GradientType=0 );
}

.alert { 
	border-color: #e4bf7f; color: #9c6c38; margin-bottom: 15px; 
	background: rgb(246,237,186);
	background: -moz-linear-gradient(top, rgba(246,237,186,1) 0%, rgba(245,224,168,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,237,186,1)), color-stop(100%,rgba(245,224,168,1)));
	background: -webkit-linear-gradient(top, rgba(246,237,186,1) 0%,rgba(245,224,168,1) 100%);
	background: -o-linear-gradient(top, rgba(246,237,186,1) 0%,rgba(245,224,168,1) 100%);
	background: -ms-linear-gradient(top, rgba(246,237,186,1) 0%,rgba(245,224,168,1) 100%);
	background: linear-gradient(to bottom, rgba(246,237,186,1) 0%,rgba(245,224,168,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6edba', endColorstr='#f5e0a8',GradientType=0 );
}
.alert .close { top: 0; right: -23px; color: #937f0e; }
.alert h4 { color: #9c6c38; }

.alert-error {
	border-color: #e18d9a; color:#da5251; 
	background: rgb(246,216,216);
	background: -moz-linear-gradient(top,  rgba(246,216,216,1) 0%, rgba(245,197,197,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,216,216,1)), color-stop(100%,rgba(245,197,197,1)));
	background: -webkit-linear-gradient(top,  rgba(246,216,216,1) 0%,rgba(245,197,197,1) 100%);
	background: -o-linear-gradient(top,  rgba(246,216,216,1) 0%,rgba(245,197,197,1) 100%);
	background: -ms-linear-gradient(top,  rgba(246,216,216,1) 0%,rgba(245,197,197,1) 100%);
	background: linear-gradient(to bottom,  rgba(246,216,216,1) 0%,rgba(245,197,197,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6d8d8', endColorstr='#f5c5c5',GradientType=0 );	
}
.alert-error .close, .alert-error h4 { color: #990000; }
.alert-success {
	border-color: #b4da95; color: #468847;
	background: rgb(223,240,216);
	background: -moz-linear-gradient(top,  rgba(223,240,216,1) 0%, rgba(208,242,195,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(223,240,216,1)), color-stop(100%,rgba(208,242,195,1)));
	background: -webkit-linear-gradient(top,  rgba(223,240,216,1) 0%,rgba(208,242,195,1) 100%);
	background: -o-linear-gradient(top,  rgba(223,240,216,1) 0%,rgba(208,242,195,1) 100%);
	background: -ms-linear-gradient(top,  rgba(223,240,216,1) 0%,rgba(208,242,195,1) 100%);
	background: linear-gradient(to bottom,  rgba(223,240,216,1) 0%,rgba(208,242,195,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dff0d8', endColorstr='#d0f2c3',GradientType=0 );
	
}
.alert-success .close, .alert-success h4 { color: #468847; }
.alert-info {
	border-color: #88c4e2; color: #3a87ad;
	background: rgb(217,237,247);
	background: -moz-linear-gradient(top,  rgba(217,237,247,1) 0%, rgba(186,230,252,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(217,237,247,1)), color-stop(100%,rgba(186,230,252,1)));
	background: -webkit-linear-gradient(top,  rgba(217,237,247,1) 0%,rgba(186,230,252,1) 100%);
	background: -o-linear-gradient(top,  rgba(217,237,247,1) 0%,rgba(186,230,252,1) 100%);
	background: -ms-linear-gradient(top,  rgba(217,237,247,1) 0%,rgba(186,230,252,1) 100%);
	background: linear-gradient(to bottom,  rgba(217,237,247,1) 0%,rgba(186,230,252,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9edf7', endColorstr='#bae6fc',GradientType=0 );	
}
.alert-info .close, .alert-info h4 { color: #3a87ad; }

.popover { padding: 0; }
.popover-title { border-color: #bbb; }

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, 
input[type="datetime"]:focus, input[type="datetime-local"]:focus, 
input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, 
input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, 
input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, 
input[type="color"]:focus, .uneditable-input:focus { 
	-moz-box-shadow: 0 0 5px rgba(103,173,245,0.5); 
	-webkit-box-shadow: 0 0 5px rgba(103,173,245,0.5); 
	box-shadow: 0 0 5px rgba(103,173,245,0.5); 
	-moz-border-radius: 0; -webkit-border-radius: 0;
	border-radius: 2px; border-color: #5c9fe4;
	background: #fff;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { 
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-bottom: 0; font-size: 12px; color: #666;
	background: #fcfcfc; 
}

.input-append input, .input-prepend input, .input-append select, 
.input-prepend select, .input-append .uneditable-input, .input-prepend 
.uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu { font-size: 12px; }

.t

.table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { border-top-left-radius: 0; }

.table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { border-top-right-radius: 0; }

.table-bordered thead:first-child tr:first-child th:first-child, 
.table-bordered tbody:first-child tr:first-child td:first-child,
.table-bordered thead:first-child tr:first-child th:last-child, 
.table-bordered tbody:first-child tr:first-child td:last-child,
.table-bordered thead:last-child tr:last-child th:first-child, 
.table-bordered tbody:last-child tr:last-child td:first-child, 
.table-bordered tfoot:last-child tr:last-child td:first-child { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

[class^="icon-"], [class*=" icon-"] { opacity: 0.75; }

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover a { background: #546f8e; color: #fff; }

.table { margin-bottom: 0;}
.table th { background: #fcfcfc; }
.table tfoot th { border-bottom: 1px solid #ddd; }
.table th.centeralign, .table td.centeralign { text-align: center; }

.dropdown-menu { 
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); -webkit--moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3); box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}

.input-prepend .add-on:first-child, .input-prepend .btn:first-child,
.input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child {
	-moz-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; border-color: #bbb; font-size: 12px; 	
}
.input-append .add-on:last-child, .input-append .btn:last-child,
.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child {
	-moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; border-color: #bbb; font-size: 12px;
}
.input-append .add-on, .input-prepend .add-on { padding: 7px 5px; }
.input-append .btn, .input-prepend .btn { padding-top: 7px; padding-bottom: 7px; }

.input-append input, .input-append select, .input-append .uneditable-input { border-radius: 2px 0 0 2px; }
.fileupload .uneditable-input { padding: 7px 8px; }

/***** OTHER STYLES *****/
/************************/

.tooltipflot { background: #333; color: #fff; font-size: 11px; padding: 2px 10px; }
.widgetcalendar .ui-datepicker-header { border: 0; border-bottom: 1px solid #ddd; }

.separator { border-bottom: 1px solid #f1f1f1; border-top: 1px solid #c7c7c7; }
.nopadding { padding: 0; }
.divider30 { height: 30px; clear: both; }
.divider20 { height: 20px; clear: both; }
.divider15 { height: 15px; clear: both; }
.divider10 { height: 10px; clear: both; }
.dline15 { border-bottom: 1px solid #ddd; margin: 15px 0; }

.bordetop0 { border-top: 0; }
.borderbottom0 { border-bottom: 0; }

.margin1020 { margin: 10px 20px; }
.nomargin { margin: 0; }
.marginleft20 { margin-left: 20px; }
.marginleft15 { margin-left: 15px; }
.marginleft10 { margin-left: 10px; }
.marginleft5 { margin-left: 5px; }

.width4 { width: 4%; }
.width5 { width: 5%; }
.width10 { width: 10%; }
.width15 { width: 15%; }
.width20 { width: 20%; }
.width30 { width: 30%; }
.width45 { width: 45%; }
.width60 { width: 60%; }
.width63 { width: 63%; }
.width70 { width: 70%; }

.zindex100 { z-index: 100; }
.clearall { clear: both; }
.aligncenter { text-align: center; }


/***** WIZARD STYLES *****/
/*************************/

.wizard .hormenu { list-style: none; clear: both; margin-bottom: 75px; }
.wizard .hormenu li { float: left; width: 33.333%; }
.wizard .hormenu li a { display: block; padding: 10px; border: 1px solid #bbb; border-left: 0; }
.wizard .hormenu li:first-child a { border-left: 1px solid #bbb; }
.wizard .hormenu li a:hover { text-decoration: none; }
.wizard .hormenu li a span.h2 { font-size: 16px; color: #999; display: block; margin-bottom: 5px; }
.wizard .hormenu li span.label { display: block; color: #999; background: none; text-shadow: none; padding: 0; font-size: 12px; }
.wizard .hormenu li a span.dot span { width: 20px; height: 20px; display: inline-block; background: url(../img/steps.png) no-repeat 0 -40px; }
.wizard .hormenu li:first-child a span.dot { margin-left: 47%; text-align: left; }
.wizard .hormenu li:last-child a span.dot { margin-right: 47%; text-align: right; }
.wizard .hormenu li a.done { background: #fcfcfc; }
.wizard .hormenu li a.done span.label { color: #666; }
.wizard .hormenu li a.done span.h2 { color: #235688; }
.wizard .hormenu li a.done span.dot span { background-position: 0 -20px; }
.wizard .hormenu li:first-child a.done span.dot span { background-position: 0 0; }
.wizard .hormenu li a.selected { background: #fcfcfc; }
.wizard .hormenu li a.selected span.dot span { background-position: 0 -120px; }
.wizard .hormenu li:first-child a.selected span.dot span { background-position: 0 -100px; }
.wizard .hormenu li a.selected span.label { color: #666; }
.wizard .hormenu li a.selected span.h2 { color: #235688; }
.stepContainer { 
	background: #fcfcfc; width: auto !important; height: auto !important; border: 1px solid #bbb; 
	box-shadow: 0 0 5px rgba(0,0,0,0.15);overflow-y: auto; margin-left:15px; margin-right:15px; overflow: hidden; margin-top: 15px;

}
.stepContainer .content h4 { border: 0; border-bottom: 1px solid #bbb; }
.stepContainer p { margin: 20px 0; }
.stepContainer .par p { margin: 10px 0; line-height: 21px; }
.stepContainer .par p:last-child { border-bottom: 0; }
.actionBar { 
	padding: 15px 0; position: relative; overflow: hidden; clear: both; 
}
.actionBar .loader { float: left; display: none; }
.actionBar a { 
	float: right; display: inline-block; padding: 5px 15px; background: #3B6998; color: #fff; 
	margin-left: 5px; font-weight: bold; border: 1px solid #45729E;
}
.actionBar a:hover { text-decoration: none; background: #45729E; color: #fff; border-color: #45729E; }
.actionBar a:active { 
	-moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3); 
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.actionBar a.buttonDisabled { background: #eee; border: 1px solid #ccc; color: #999; }
.actionBar a.buttonDisabled:hover { background: #eee; color: #999; cursor: default; }
.actionBar a.buttonDisabled:active { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.actionBar .msgBox { margin: 40px 0 10px 0; position: relative; }
.actionBar .msgBox .content { padding: 7px 10px; background: #fffccc; color: #333; border: 1px solid #FEEA7A; }
.actionBar .msgBox .close { 
	padding: 0 2px 2px 2px; background: none; line-height: 10px; text-transform: lowercase; font-size: 10px; position: absolute; top: 5px; right: 7px; 
	color: #333; text-shadow: none; font-weight: bold; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; 
}
.actionBar .msgBox .close:hover { background: #333; color: #eee; }
/***** FOOTER STYLES *****/
/*************************/


/*.footer { position: absolute; bottom: 0; left: 0; font-size: 11px; background: #333; color: #999; width: 100%; }
.footer a { color: #bbb; }
.footer .footerleft { padding: 10px 15px; width: 232px; float: left; background: #222; min-height: 20px; border-right: 1px solid #3c3c3c; }
.footer .footerright { padding: 10px 15px; margin-left: 232px; text-align: right; }*/


/***** FOOTER STYLES *****/
/*************************/


.footer {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 11px;
    background: #333;
    color: #999;
    width: 100%;
}

    .footer a {
        color: #bbb;
    }

    .footer .footerleft {
        padding: 10px 15px;
        width: 232px;
        float: left;
        background: #222;
        min-height: 20px;
        border-right: 1px solid #3c3c3c;
    }

    .footer .footerright {
        padding: 10px 15px;
        margin-left: 260px;
        text-align: right;
    }

/* Page Title */
.pagetitle { padding: 8.4px 12px; border-bottom: 1px solid #bbb; }
.pagetitle h1 { display: inline-block; font-size: 18px; vertical-align: middle; }
.pagetitle span { display: inline-block; margin-left: 10px; font-style:normal; color: #333; }



/*.pageHeaderRow {
    background-color: #C8E0C3;
    color: Black;
    font-family: Verdana, Arial, Sans-serif;
    vertical-align: middle;
    height: 28px;
    max-height: 28px;
}*/

.cellBackground {
    /*background-color: #dddca3;*/
    padding-right: 10px;
}

.counter {
    font-size: 11px;
    padding: 0 10 0 0px;
    font-weight: bold;
    color: #ffffff;
}

.pageHeader {
    margin-top: 11px;
    font-size: 15pt;
    padding-left: 10px;
    padding-bottom: 10px;
    color:#333;
}

.layoutTable {
    width: 100%;
    margin: 0 0 0 0px;
    padding: 5px;
    border-color: red yellow green transparent;
    border:2px;
}

.medlemskort {
    font-family: Arial,Verdana,Sans-serif;
    font-size: 12px;
    text-decoration: none;
    padding-left: 0px;
}

.errordiv {
    clear: both;
    max-width: 200px;
    padding: 12px;
}

/* Responsive Table - Radgrid */
/* Important because of radgrid css and inline css */
.tableResponsive .RadGrid {
    border: 1px solid #eee;
    margin: 0 0 2em;
    outline: none !important;
}

.tableResponsive table {
    width: 100%;
    border-collapse: collapse;
}

    .tableResponsive table > thead th {
        border-bottom: 2px solid #eee;
    }

    .tableResponsive table > tbody > .rgRow {
        background-color: #fff !important;
    }

    .tableResponsive table > tbody > .rgAltRow {
        background-color: #fafafa !important;
    }

    .tableResponsive table > tbody > tr > td {
        background: transparent;
        border: 0 !important;
        cursor: default !important;
    }

.tableResponsive .imageIcon {
    display: inline-block;
    background: #fff;
    margin: 2px 0;
    padding: 4px;
    border: 1px solid #eee;
    border-radius: 4px;
    height: 40px;
    width: 40px;
}






/* För Storfisk */
.SFOuterTable {
    width: 100%;
    border: 0px solid black;
}

    .SFOuterTable td.Text {
        padding: 2px;
        margin: 0px;
        height: 35px;
        white-space: nowrap;
        text-align: left;
    }

.SFInnerTable {
    width: 100%;
    border: 0px solid red;
}

    .SFInnerTable td.Header {
        background-color: #11aaff;
        color: #ffffff;
        height: 20px;
        padding: 2px;
        margin: 0px;
        text-align: left;
    }

    .SFInnerTable td.Text {
        color: #000000;
        height: 30px;
        max-height: 30px; /*    overflow: hidden;*/
        white-space: nowrap;
        padding: 2px;
        margin: 0px;
        text-align: left;
    }

.leftmenu_bg {
    text-decoration: none;
    background: url(../IMAGES/leftmenu_bg.jpg) repeat-y;
    height: 100%;
}

/*.btn {
    color: #000;
    padding: 0px 10px 0px 10px;
    margin-left: 20px;
    font: normal 12px 'trebuchet ms',helvetica,sans-serif;
    background: url(/IMAGES/.jpg);
}*/

.MinimalText td {
    font-size: 10px;
}

.ImageNoTopMargin {
    margin-top: 0px;
}


#aktiv_containers {
    width: 550px;
    background: #C8E0C3;
}

.roundtop {
    background: #ffffff;
}

.roundbottom {
    background: #ffffff;
}

.r1 {
    margin: 0px 0px 0px 15px;
    height: 1px;
    overflow: hidden;
    background: #C8E0C3;
}

.r2 {
    margin: 0px 0px 0px 3px;
    height: 1px;
    overflow: hidden;
    background: #C8E0C3;
}

.r3 {
    margin: 0px 0px 0px 2px;
    height: 1px;
    overflow: hidden;
    background: #C8E0C3;
}

.r4 {
    margin: 0px 0px 0px 1px;
    height: 2px;
    overflow: hidden;
    background: #C8E0C3;
}

.maincontent {
    position: relative;
    padding-right: 30px;
    top: 0px;
    left: 0px;
    /*height: 2947px;*/
}

.style1 {
    padding: 10px;
    font-weight: bold;
}

#utredning_containers {
    width: 550px;
    background: #C8E0C3;
}

.roundtop {
    background: #ffffff;
}

.roundbottom {
    background: #ffffff;
}

.r1 {
    margin: 0 5px;
    height: 1px;
    overflow: hidden;
    background: #C8E0C3;
}

.r2 {
    margin: 0 3px;
    height: 1px;
    overflow: hidden;
    background: #3b6998;
}

.r3 {
    margin: 0 2px;
    height: 1px;
    overflow: hidden;
    background: #3b6998;
}

.r4 {
    margin: 0 1px;
    height: 2px;
    overflow: hidden;
    background: #3b6998;
}

.maincontent {
    padding: 0px 0px 0px 0px;
}

.style1 {
    padding: 10px;
    font-weight: bold;
}

#test {
    background-color: Aqua;
}


Image.Admin {
    margin: 2px 2px 2px 2px;
    overflow: hidden;
    padding: 10px;
}

.headerStyle {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 13px;
    font-weight: bold;
    background: #C8E0C3;
    width: 15px;
    height: 35PX;
}

.headerStyle1 {
    background: White;
}

/*.TableStyle {
    margin-left: 0px;
    background-color: Gray;
}*/

.style4 {
    padding-left: 10px;
    padding-bottom: 12px;
    vertical-align: top;
}

.CheckBoxStyleCustomize {
    /* FF */
    width: 150px;
    margin-left: 20px;
}

/*Style datagrid on diarie page */
.mGrid {
}

/*Sets different images for the subMenuItems*/
.produkter {
    background-image: url("../IMAGES/medlem.png");
    background-repeat: no-repeat;
    height: 48px;
    width: 86px;
}

.fakturaMedlemsskap {
    background-image: url("../IMAGES/faktura.png");
    background-repeat: no-repeat;
    height: 48px;
    width: 89px;
}
.aviMedlemsskap {
    background-image: url("../IMAGES/avi.png");
    background-repeat: no-repeat;
    height: 48px;
    width: 67px;
}

.familjeMedlemmar {
    background-image: url("../IMAGES/familj.png");
    background-repeat: no-repeat;
    height: 48px;
    width: 80px;
}

.aktiviteter {
    background-image: url("../IMAGES/activitet.png");
    background-repeat: no-repeat;
    height: 48px;
    width: 82px;
}

.artiklar {
    background-image: url("../IMAGES/artikel.png");
    background-repeat: no-repeat;
    height: 48px;
    width: 79px;
}

.tidning {
    background-image: url("../IMAGES/tidning.png");
    background-repeat: no-repeat;
    height: 48px;
    width: 87px;
}

.uppdrag {
    background-image: url("../IMAGES/uppdrag.png");
    background-repeat: no-repeat;
    height: 48px;
    width: 89px;
}
.uttrade {
    background-image: url("../IMAGES/uttrade.png");
    background-repeat: no-repeat;
    height: 48px;
    width: 89px;
}

.varva {
    background-image: url("../IMAGES/varva.png");
    background-repeat: no-repeat;
    height: 48px;
    width: 76px;
}

.annanBetalande {
    background-image: url("../IMAGES/annan.png");
    background-repeat: no-repeat;
    height: 48px;
    width: 97px;
}

.socioData {
    background-image: url("../IMAGES/socio.png");
    background-repeat: no-repeat;
    height: 48px;
    width: 74px;
}

.intressekategori {
    background-image: url("../IMAGES/intresse.png");
    background-repeat: no-repeat;
    height: 48px;
    width: 131px;
}

.ovrigt {
    background-image: url("../IMAGES/ovrigt.png");
    background-repeat: no-repeat;
    height: 48px;
    width: 78px;
}

.statistik {
    background-image: url("../IMAGES/statistik.png");
    background-repeat: no-repeat;
    height: 48px;
    width: 86px;
}

.ejBetalda {
    background-image: url("../IMAGES/betalning.png");
    background-repeat: no-repeat;
    height: 48px;
    width: 97px;
}

.rapporter {
    background-image: url("../IMAGES/rapporter.png");
    background-repeat: no-repeat;
    height: 48px;
    width: 94px;
}

.betyg {
    background-image: url("../IMAGES/betyg.png");
    background-repeat: no-repeat;
    height: 48px;
    width: 72px;
}

.bloggar {
    background-image: url("../IMAGES/bloggar.png");
    background-repeat: no-repeat;
    height: 48px;
    width: 88px;
}

.bokning {
    background-image: url("../IMAGES/booking.png");
    background-repeat: no-repeat;
    height: 48px;
    width: 90px;
}

.bat {
    background-image: url("../IMAGES/bat.png");
    background-repeat: no-repeat;
    height:48px;
    width:73px;
}

.arsrapport {
    background-image: url("../IMAGES/Arsrapport.png");
    background-repeat: no-repeat;
    height:47px;
    width:103px;
}

.betygRapport {
    background-image: url("../IMAGES/Betygsrapport.png");
    background-repeat: no-repeat;
    height:48px;
    width:125px;
}

.betygMedlem {
    background-image: url("../IMAGES/betyg.png");
    background-repeat: no-repeat;
    height: 48px;
    width: 72px;
}

.submenuBG {
    background-image: url("../IMAGES/submenu-bg.png");
    background-repeat: repeat-x;
    height: 48px;
}

.grid_paging a
{
    text-decoration: none;
}
.grid_paging a:hover
{
    text-decoration: underline;
}
.grid_paging a:link
{
    padding: 2px 6px;
    background-color: #EBECEE;
    border: 1px solid #B5BAC0;
    text-align: center;
}
.grid_paging span
{
    background-color: #263441;
    border: 1px solid #f0f0f0;
    color: #FFFFFF;
    padding: 2px 5px;
    text-align: center;
}
.headerMenu ul li {
    list-style-type: none !important;
}

.subMenu {
    width: 100%;
    background-color: #B8D0B3;
}
.Scrollable
{
    height: 358px;
    width:400px;
    overflow-y: auto;
    overflow-x: hidden;
}
.u {
   text-decoration: none;
}
/*Hyperlink that looks like a button*/
.linkAsButton {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*border: solid 1px #20538D;*/
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);*/
    /*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);*/
    background: #E4E4E4;
    padding: 8px 12px;
    text-decoration: none;
}
/***** ICONS *****/
/*****************/
.row-fluid {
    width: 100%;
    *zoom: 1
}

/*dashboard*/
.widgeticons {
    list-style: none;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block;
    text-align: center;
    width: 100%;
}

    .widgeticons li {
        margin-bottom: 15px;
        margin-top: 35px;
        margin-left: 55px;
        margin-right: 55px;
    }

        .widgeticons li a {
            display: block;
            border: 1px solid #ccc;
            text-align: center;
            border-radius: 30px;
        }

            .widgeticons li a:hover {
                text-decoration: none;
                background-color: #fff;
            }

            .widgeticons li a img {
                margin: 15px auto 5px auto;
            }

        .widgeticons li.one a {
            background: #d9e3fd;
            padding: 20px;
            font-size: 17px;
            letter-spacing: 2px;
        }

        .widgeticons li.two a {
            background: #d9dde9;
            padding: 20px;
            font-size: 17px;
            letter-spacing: 2px;
        }

        .widgeticons li.three a {
            background: #c2d2fe;
            padding: 20px;
            font-size: 17px;
            letter-spacing: 2px;
        }

[class^="iconsweets-"], [class*=" iconsweets-"] {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-image: url(../img/iconsweets-icons.png);
    background-position: -16px -16px;
    background-repeat: no-repeat;
}

/***** COLUMN STYLES *****/
/*************************/

.one_half {
    width: 48.5%;
}

.one_third {
    width: 31.16%;
}

.two_third {
    width: 65.83%;
}

.one_fourth {
    width: 22.5%;
}

.three_fourth {
    width: 74.5%;
}

.one_fifth {
    width: 17.3%;
}

.two_fifth {
    width: 38.1%;
}

.three_fifth {
    width: 58.9%;
}

.four_fifth {
    width: 67.7%;
}

.one_sixth {
    width: 13.83%;
}

.five_sixth {
    width: 83.17%;
}

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth,
.two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
    position: relative;
    margin-right: 3%;
    float: left;
}


/***** MEDIA QUERIES *****/
/*************************/

@media screen and (max-width: 1280px) {

    .mainwrapper {
        width: auto;
        height: 100%;
    }

    .skins li.fixed, .skins li.wide {
        display: none;
    }
    /*.rightpanel{height:100%;}
	 .headerpanel{width:1304px;}*/
    /* dashboard */
    .content-dashboard .row-fluid > .span8,
    .content-dashboard .row-fluid > .span4 {
        display: block;
        width: auto;
        float: none;
    }

    .content-dashboard .row-fluid > .span4 {
        margin-left: 0;
    }

    widgeticons {
        margin-top: 20px;
    }

    .widgeticons li.span2 {
        width: 18.2%;
    }

    /* media */
    .mediamgr_menu li.right {
        float: none;
        margin-top: 8px;
    }

    .mediamgr_category, .mediamgr_content {
        margin-right: 0;
    }

    .mediamgr .mediamgr_right {
        position: relative;
        top: auto;
        width: auto;
    }

    .mediamgr .mediamgr_rightinner {
        padding-left: 0;
    }

    /* elements/bootstrap/typography/charts */
    .content-elements .row-fluid .span6,
    .content-bootstrap .row-fluid .span6,
    .content-typography .row-fluid .span6,
    .content-charts .row-fluid .span6 {
        width: auto;
        float: none;
        margin-left: 0;
    }

    /* buttons */
    #examples .row-fluid .span4 {
        width: auto;
        float: none;
        margin-left: 0;
    }

    /* forms */
    .input-xxlarge, .uneditable-input {
        width: 100%;
        min-height: 36px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .stdform label {
        float: none;
        width: auto;
        display: block;
        text-align: left;
    }

    .stdform span.field, .stdform div.field {
        margin-left: 0;
    }

    .stdform small.desc, .dualselect, .stdform .formwrapper, .stdform .stdformbutton {
        margin-left: 0;
    }

    .stdform2 span.field, .stdform2 div.field {
        border-left: 0;
    }

    /* wizard */
    #wiz1step1 p, #wiz1step2 p {
        margin: 15px;
    }

    /* animations */
    .content-animations .row-fluid .span9 {
        margin-left: 40%;
        margin-top: -30px;
        width: 59%;
    }

    /* edit profile */
    .content-editprofile .row-fluid .span3 {
        float: none;
        display: block;
        width: auto;
        margin-bottom: 30px;
    }

    .content-editprofile .row-fluid .span9 {
        float: none;
        display: block;
        width: auto;
        margin-left: 0;
    }

    .frmFieldCell, TD.frmFieldCell, .frmFieldLabel, TD.frmFieldLabel td {
        display: block;
    }

    .menuheader {
        position: relative;
        z-index: 100;
        text-align: center;
        font-size: 15px;
        padding: 0px 10px;
        text-transform: capitalize;
    }
    
}

/* iPad Portrait */
@media screen and (max-width: 959px) {
    .mainwrapper { width: auto; height:100%; } 
	.rightpanel, .footer .footerright { 
		width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
	}
	.mediamgr_menu li.right { float: right; margin-top: 0; }
    /*.formField, TD.formField td {
        display: inline-table;
    }*/
    /*.formFieldCell, TD.formFieldCell, .formFieldLabel, TD.formFieldLabel td {
        display: block;
    }*/
   #Headermenus{
         display:none;
     }
   .mobilepanel{
       display:block;
       width:100%;
   }
   A.SiteLinkBold, A.SiteLinkBold:link, A.SiteLinkBold:visited{
       font-size:14px;
       padding:19px;
       width:200px;
   }
   .leftmenu .nav-tabs li:first-child{
       border-top:0px;
   }
   .menuheader{
       display:block;
   }
    .menuheader {
        position: relative;
        z-index: 100;
        text-align: center;
        font-size: 15px;
        padding: 0 3px;
        text-transform: capitalize;
    }
}

/* iPhone Landscape */
@media screen and (max-width: 767px) {
	
    
    .pagetitle h1 { line-height: normal; }
	.pagetitle span { display: block; margin-left: 0; }
	.widgeticons .one_third { width: 31.16%; }
	.searchwidget input.search-query { width: 200px; }
	
	/* media */
	.mediamgr_menu { overflow: inherit; min-height: 33px; }
	.newfilebtn .btn { position: absolute; top: -72px; right: -10px; }
	
	/* forms */
	.input-prepend input[class*="span"], 
	.input-append input[class*="span"] { min-height: 36px; }

	/* wizard */
	.verwizard .verticalmenu { width: 200px; }
	.verwizard .stepContainer { margin-left: 230px; }

    /*.formField, TD.formField td {
        display: inline-table;
    }*/
    /*.formFieldCell, TD.formFieldCell, .formFieldLabel, TD.formFieldLabel td {
        display: block;
    }*/
    .formFieldCell, TD.formFieldCell, .formFieldLabel, TD.formFieldLabel td {
        display: block;
    }
    #Headermenus {
        display: none;
    }
   #subContent{
         display:block;
      }
   .mobilepanel{
       display:block;
       width:100%;
   }
   A.SiteLinkBold, A.SiteLinkBold:link, A.SiteLinkBold:visited{
       font-size:14px;
       padding:19px;
       width:200px;
   }
   .leftmenu .nav-tabs li:first-child{
       border-top:0px;
   }

}

@media screen and (max-width: 479px) {
	 h2 { font-size: 10px !important; }
    .img-responsive{ display: none; }
   
 	/* login */
	.loginwrapper { width: 280px; }
	.loginshadow { background-size: 100%; }
	
	/* dashboard */
	.content-dashboard .ui-tabs-nav li a span { display: none; }
	.content-dashboard .ui-tabs-nav li a { padding: 7px 10px; }
	.notification .dropdown-menu { right: -100px; }
	
	/* media */
	.mediamgr_menu li.filesearch { 
		clear: both; margin-left: 0; width: 100%; float: none; display: block; padding-top: 10px;
	}
	.mediamgr_menu li.filesearch input { 
		width: 100%; display:  block; min-height: 36px;  
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	.mediamgr_category ul li.right { 
		float: none; margin: 10px 0 0 0; display: block; text-align: right; border-top: 1px dashed #ddd; padding-top: 5px; 
	}

	/* dynamic table */
	.dataTables_paginate { position: relative; bottom: 0; right: 0; left: 10px; top: -35px; }
	.dataTables_info { height: 50px; }
	
	/* messages */
	.msghead { padding-bottom: 0; }
	.msghead_menu { margin-bottom: 0 !important; }
	.msghead_menu li:last-child { float: none; padding: 10px 0 0 0; }
	
	/* wizard */
	.wizard .tabbedmenu li a { padding: 10px; }
	.wizard .tabbedmenu li a span.label { display: none; }
	.verwizard .verticalmenu { float: none; width: auto; margin-bottom: 20px; }
	.verwizard .stepContainer, .verwizard .actionBar { margin-left: 0; }
    
      .formFieldCell, TD.formFieldCell,.formFieldLabel, TD.formFieldLabel td{
        display:block;
       
    }
    .pageHeader {
    font-size: 12pt;
    }
  /*.headerpanel table td{
         display:inline-block;
         min-width:130px;
         margin-top:0px;
      }*/

     .ajax__html_editor_extender_container{
         width:373px;
     }
      .submenuBG { background-image: none; }
      #subContent{
          margin-top:55px;
      }
      #subcontainer{
          margin-top:111px;
      }
      #search_container{
           margin-top:263px;
      }
      #seconddiv{
           margin-top:0px;
      }
      #thirddiv{
           margin-top:1250px;
      }
      #fourthdiv{
           margin-top:0px;
      }
      /*#searchpanel td{
          display:table-cell;
      }*/
  

    .submenu td {
        display: inline-flex;
    }
    #Headermenus {
        display: none;
    }
      #Headermenus td  {
          display:inline-block;
      }
      .breadcrumbwidget{
          height:137px;
      }
    
    /* Force table to not be like tables anymore  */
        #ui-datepicker-div table, #ui-datepicker-div th, #ui-datepicker-div tbody,  #ui-datepicker-div thead {
            display: initial;
        }
        #ui-datepicker-div td, #ui-datepicker-div tr{
            display:inline-flex;
        }
        .formField, TD.formField td {
            display: inline-table;
        }
   .lwaSimple table td{
       display:inline-block;
   }
   
   .mobilepanel{
       display:block;
       width:100%;
   }
   A.SiteLinkBold, A.SiteLinkBold:link, A.SiteLinkBold:visited{
       font-size:14px;
       padding:19px;
       width:200px;
   }
   .leftmenu .nav-tabs li:first-child{
       border-top:0px;
   }
    #imgProduct {
        margin: 0px 0px 0px 0px;
    }
    /*/* Force table to not be like tables anymore */
    /*.table-bordered table,
    thead,
    tbody,
    th,
    td,
    tr {
        display: block;
        width:100%;
    }*/
 
	/* Hide table headers (but not display: none;, for accessibility) */
/*.table-bordered  tr th{ 
		position: absolute;
		/*top: -9999px;
		left: -9999px;
       
	}*/
 
	/*.table-bordered tr { border: 1px solid #ccc; }
  
	.table-bordered td { 
		/* Behave  like a "row" 
		border: none;
		border-bottom: 1px solid #eee; 
		position: sticky;
		padding-left: 3%; 
		white-space: normal;
		text-align:left;
        display:flex;
        width:100%
        

	}
 
	.table-bordered td:before { 
		/* Now like a table header
		position: inherit;
		/* Top/left values mimic padding 
		top: 6px;
		left: 6px;
		width: 48%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
         
      
	}
 
 	/*
	Label the data
	
	.table-bordered td:before { content: attr(data-title); }
   }*/