/*

    CSS Document


    Site: KEYnet 4
    Version: 1.0

    Date: 2012.12.31

*/



/* ==========================================================================
   HTML General
   ========================================================================== */

/* HTML
   ========================================================================== */


body {
	font-size: 100%;     
	font-family: Arial, Helvetica, sans-serif;
    color: #333;
}

/*** headings ***/

.main h1, h2, h3 { text-align: left; }
.main h1 {
	font-size: 22px; /* 22px / 16 px */
    font-weight: bold;  
    /*margin: 0 0 30px 0;*/
    margin: 0 0 15px 0;
}
h2 {
    font-size: 16px; /* 16px / 16 px */
    font-weight: bold;  
    margin: 10px 0 10px 0;
}
h3 {
    font-size:12px; /* 12px / 16 px */
    font-weight: bold;  
    line-height: 1.25em; /* 18px / 16 px */   
    margin: 0 0 10px 0;
}
h4 {
    font-size: 12px; /* 12px / 16 px */
	font-weight: normal;
	font-style: italic;
    margin: 0 0 2px 0;
}

/* Text elements
   ========================================================================== */

p {
    font-size: 12px; /* 12px / 16 px */
    line-height: 1.5em; /* 22px / 16 px */
    margin: 0 0 20px 0;
    font-weight: normal;
}
mark { background: none; }
img { border: none; }
abbr { 
    border-bottom: dotted 1px;
    cursor: help;
}
blockquote   {
    font-style: italic;    
    margin: 1.5em; 
}
em { font-style: italic; }
strong { font-weight: bold; }
a {
    color: #535a5d;
    text-decoration: none;
}
a[data-function] {
    cursor:pointer;
}
/*a:hover { text-decoration: underline; }*/

/* Lists
   ========================================================================== */

ol {
    list-style-type: decimal;
    margin: 0 0 20px 25px;
}
ul {
    list-style-type: square;
    margin: 0 0 20px 25px;
}
ul.no-bullets {
    list-style-type: none;
    margin-left: 0;
}
li {
    font-size: 12px;
    line-height: 1.25em;
    margin: 0 0 8px 0;
}

/* Tables
   ========================================================================== */

table  {
   /* margin-bottom: 30px; ersj*/
    width: 100%; 
}
th { 
    font-weight: bold;
    color: #535a5d;
}
thead th { background: #b2b2b2;text-align: left; }
th,
td { 
    font-size: 12px; /* 12px / 16 px */
    line-height: 1.5em; /* 24px / 16 px */    
    padding: 7px 5px; 
}
td { 
   border-bottom: solid 1px #f3f3f3;
}

th a {
    color: #535a5d;
}

.pager table
{
    width:50px;
}
.pager table td
{
    border-bottom:none;
    font-size:1em;
}

/* Misc
   ========================================================================== */

p.button { text-align: right; }
p.button a {
    background: #f7941e;
    border: none;  
    -moz-border-radius: 5px; /* Firefox */
    -o-border-radius: 5px; /* Opera */      
    -webkit-border-radius: 5px; /* Safari, Chrome */
    border-radius: 5px; /* CSS3 */      
    color: #fff !important;
    cursor: pointer;
    font-weight: bold;
    height: 28px;      
    line-height: 1.25em; /* 18px / 16 px */
    margin-top: 10px;
    padding: 7px 20px;
    width: auto;
}
p.button a:hover { text-decoration: none; }

a.not-active-link {
    pointer-events: none;
    cursor: default;
    color: #000;
}
/* Icons
   ========================================================================== */

.icon-menu {
    background: url(/images/icons/icon-menu.png) no-repeat top left;
    display: inline-block;
    width: 16px;
    height: 16px;
}
.icon-pencil {
    background: url(/images/icons/icon-pencil.png) no-repeat top left;
    display: inline-block;
    width: 16px;
    height: 16px;
}
.icon-avatar {
    background: url(/Images/icons/icon-avatar.png) no-repeat top left;
    display: inline-block;
    width: 16px;
    height: 16px;
}
.icon-copy {
    background: url(/images/icons/copy.png) no-repeat top left;
    display: inline-block;
    width: 16px;
    height: 16px;
}
.icon-close {
    background: url(/images/icons/icon-close.png) no-repeat top left;
    display: inline-block;    
    width: 16px;
    height: 16px;
}
.icon-files  {
    background: url(/images/icons/icon-files.png) no-repeat center left;
    padding-left: 22px;
}
.icon-messages  {
    background: url(/images/icons/icon-messages.png) no-repeat center left;
    padding-left: 22px;
}
.icon-contacts  {
    background: url(/images/icons/icon-contacts.png) no-repeat center left;
    padding-left: 22px;
}
.icon-comment  {
    background: url(/images/icons/icon-comment.png) no-repeat center left;
    padding-left: 22px;
}
.icon-calender  {
    background: url(../images/icons/icon-calender.png) no-repeat center left;
    padding-left: 22px;
}
.icon-news  {
    background: url(/images/icons/icon-news.png) no-repeat center left;
    padding-left: 22px;
}
.icon-resources  {
    background: url(/images/icons/icon-resources.png) no-repeat center left;
    padding-left: 22px;
}
.icon-feed  {
    background: url(/images/icons/icon-feed.png) no-repeat center left;
    padding-left: 22px;
}
.icon-admin  {
    background: url(/images/icons/143.png) no-repeat center left;
    padding-left: 22px;
}
.icon-orders {
    background: url(/images/icons/icon-orders.png) no-repeat center left;
    display: inline-block;    
    width: 16px;
    height: 16px;
}
.icon-support  {
    background: url(/images/icons/icon-help.png) no-repeat top left;
    height: 16px;
    padding-left: 20px;
}
.icon-arrow-down-one  {
    background: url(/images/icons/icon-arrow-down-white.png) no-repeat center right;
    padding-right: 20px;
}
.icon-arrow-down-two  {
    background: url(/images/icons/icon-arrow-down-blue.png) no-repeat center right;
    padding-right: 20px;
    margin-right: 10px;
}
.icon-arrow-right-one  {
    background: url(/images/icons/icon-arrow-right-black.png) no-repeat center right;
    padding-right: 20px;
}
.icon-arrow-left-one  {
    background: url(/images/icons/icon-arrow-left-black.png) no-repeat center left;
    padding-left: 20px;
}
.icon-home  {
    background: url(/images/topMenu/home.png) no-repeat center left;
    padding-left: 32px;
}
.icon-errand  {
    background: url(/images/topMenu/Errand.png) no-repeat center left;
    padding-left: 32px;
}
.icon-recurrent 
{
    background: url(/images/icons/icon-recurrent.png) no-repeat center left; 
    background-position: 0px 0px;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    
}
.icon-information 
{
    background: url(/images/icons/information2.png) no-repeat center left; 
    background-position: 0px 0px;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    
}
.icon-recurrent-exception
{
    background: url(/images/icons/icon-recurrent.png) no-repeat center left; 
    background-position: -16px 0px;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;   
}

.icon-checkout {
    background: url(/images/department/checkout.png) no-repeat center left;
    display: inline-block;    
    width: 16px;
    height: 16px;
}

.icon-articlehistory {
    background: url(/images/department/history.png) no-repeat center left;
    display: inline-block;    
    width: 16px;
    height: 16px;
}

.icon-referalComments {
    background: url(/images/department/note_view.png) no-repeat center left;
    display: inline-block;    
    width: 16px;
    height: 16px;
}

.icon-documentPreview {
    background: url(/images/icons/document_view.png) no-repeat center left;
    display: inline-block;    
    width: 16px;
    height: 16px;
}

.icon-sendComment {
    background: url(/images/icons/send_comment.png) no-repeat center left;
    display: inline-block;    
    width: 16px;
    height: 16px;
}

.icon-cancelComment {
    background: url(/images/icons/cancel_comment.png) no-repeat center left;
    display: inline-block;    
    width: 16px;
    height: 16px;
}

.icon-checkin {
    background: url(/images/icons/checkin.png) no-repeat center left;
    display: inline-block;    
    width: 16px;
    height: 16px;
}

.icon-deleteEdition {
    background: url(/images/icons/deleteEdition.png) no-repeat center left;
    display: inline-block;    
    width: 16px;
    height: 16px;
}

.icon-pencil-dropdown {
    background: url(/images/icons/icon-pencil.png) no-repeat 0 9px;
}

.pager table td
{
    border-bottom:none;
    font-size:1em;
}

.pager table
{
    width: auto;
}

h2.noFloat {
    float: none !important;
}