/*
Theme Name: Office - Files
Version: 1.0
Author: Perfect 3D Studio
Author URI: http://www.perfect3dstudio.com
*/

@font-face {
    font-family: 'cooper_hewittbold';
    src: url('fonts/cooperhewitt-bold-webfont.eot');
    src: url('fonts/cooperhewitt-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cooperhewitt-bold-webfont.woff2') format('woff2'),
         url('fonts/cooperhewitt-bold-webfont.woff') format('woff'),
         url('fonts/cooperhewitt-bold-webfont.ttf') format('truetype'),
         url('fonts/cooperhewitt-bold-webfont.svg#cooper_hewittbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cooper_hewittbook';
    src: url('fonts/cooperhewitt-book-webfont.eot');
    src: url('fonts/cooperhewitt-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cooperhewitt-book-webfont.woff2') format('woff2'),
         url('fonts/cooperhewitt-book-webfont.woff') format('woff'),
         url('fonts/cooperhewitt-book-webfont.ttf') format('truetype'),
         url('fonts/cooperhewitt-book-webfont.svg#cooper_hewittbook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cooper_hewittheavy';
    src: url('fonts/cooperhewitt-heavy-webfont.eot');
    src: url('fonts/cooperhewitt-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cooperhewitt-heavy-webfont.woff2') format('woff2'),
         url('fonts/cooperhewitt-heavy-webfont.woff') format('woff'),
         url('fonts/cooperhewitt-heavy-webfont.ttf') format('truetype'),
         url('fonts/cooperhewitt-heavy-webfont.svg#cooper_hewittheavy') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cooper_hewittlight';
    src: url('fonts/cooperhewitt-light-webfont.eot');
    src: url('fonts/cooperhewitt-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cooperhewitt-light-webfont.woff2') format('woff2'),
         url('fonts/cooperhewitt-light-webfont.woff') format('woff'),
         url('fonts/cooperhewitt-light-webfont.ttf') format('truetype'),
         url('fonts/cooperhewitt-light-webfont.svg#cooper_hewittlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cooper_hewittmedium';
    src: url('fonts/cooperhewitt-medium-webfont.eot');
    src: url('fonts/cooperhewitt-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cooperhewitt-medium-webfont.woff2') format('woff2'),
         url('fonts/cooperhewitt-medium-webfont.woff') format('woff'),
         url('fonts/cooperhewitt-medium-webfont.ttf') format('truetype'),
         url('fonts/cooperhewitt-medium-webfont.svg#cooper_hewittmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cooper_hewittsemibold';
    src: url('fonts/cooperhewitt-semibold-webfont.eot');
    src: url('fonts/cooperhewitt-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cooperhewitt-semibold-webfont.woff2') format('woff2'),
         url('fonts/cooperhewitt-semibold-webfont.woff') format('woff'),
         url('fonts/cooperhewitt-semibold-webfont.ttf') format('truetype'),
         url('fonts/cooperhewitt-semibold-webfont.svg#cooper_hewittsemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body 
{
	border:0;
	font-family: 'cooper_hewittsemibold', Arial, Verdana;
	font-size: 14px;
	color:#012a6e;
	min-width:1150px;
	padding: 0;
	margin:0;
	background: #b4bece;
	cursor: default;
}

body, html 
{
	height:100%;
}

/*============================= Structure =============================*/

.cleared 
{
	display: block;
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0;
	height: 0;
	overflow: hidden;
}

.spinner 
{
	position:fixed;
	z-index:10000000;
	background:url('img/ajax-loader.gif') 50% 50% no-repeat #ffffff;
	width:100%;
	height:100%;
	top:0;
	left:0
}

#main 
{
	position: relative;
	margin:0 auto;
	/*width:100%;*/
	min-width:1150px;
	top: 0;
	left: 0;
	cursor:default;
	overflow:hidden;
	background: #ffffff;
}

.art-main
{
    position: relative;
    margin: 0 auto;
	padding-right:50px;
}

body.page-template-p_login-page .art-main
{
	padding-right:0px;
}

/*============================= Header =============================*/

.art-header
{	
	padding-top: 20px;
	padding-bottom: 20px;
}

.art-header-info
{	
	text-align:center;
}

.art-logo
{
    float: left;
    width: 15%;
    height: 70px;
    background: #b4bece;
    display: table;
	    -webkit-border-top-right-radius: 100px;
     -webkit-border-bottom-right-radius: 100px;
            -moz-border-radius-topright: 100px;
         -moz-border-radius-bottomright: 100px;
                border-top-right-radius: 100px;
			 border-bottom-right-radius: 100px;
}

.art-logo-inner
{
    padding-left: 30px;
    padding-right: 50px;
    display: table-cell;
    vertical-align: middle;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	height: 68px;
}

.art-logo-inner a
{
	display:block;
}

.art-logo-inner img
{
    max-width: 100%;
	height: auto;
	max-height: 65px;
	border:none;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
}

.art-logo-inner img:hover
{

}

.art-title
{
    display: inline-block;
}

.art-title-inner
{
    text-align: center;
    font-size: 15.5px;
    text-transform: uppercase;
    width: 100%;
    vertical-align: middle;
    display: table-cell;
}

.art-title-inner h1
{
	font-family: 'cooper_hewittbold', Arial, Verdana;
 	font-size: 45px;
	margin:0px 0px 0px 0px;
	font-weight:normal;
}

.art-rest
{
    float: right;
    width: 70%;
    height: 75px;
    background: #b4bece;
    display: table;
	text-align:left;
	    -webkit-border-top-left-radius: 100px;
     -webkit-border-bottom-left-radius: 100px;
            -moz-border-radius-topleft: 100px;
         -moz-border-radius-bottomleft: 100px;
                border-top-left-radius: 100px;
			 border-bottom-left-radius: 100px;
}

.art-rest-mobile-button
{
	display:none;
    background: url('img/button-menu-1.png') center center no-repeat #012A6E;
    width: 30px;
    height: 30px;
    cursor: pointer;
    float: right;
    margin-right: 7px;
    margin-top: 7px;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}

.art-rest-inner
{
	font-family: 'cooper_hewittmedium', Arial, Verdana;
    padding-left: 50px;
    padding-right: 10px;
    vertical-align: middle;
    display: table-cell;
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.art-rest-inner h2
{
	font-family: 'cooper_hewittbold', Arial, Verdana;
    text-transform: uppercase;
    font-size: 26px;
    margin: 0px 0px 0px 0px;
	font-weight:normal;
}

.art-rest-inner-picture
{
	float:left;
	margin-left: -43px;
	margin-right: 10px;
}

.art-rest-inner-picture img
{
	width: 65px;
	height: auto;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
}

.art-rest-inner-user
{
	float: left;
}

.art-rest-inner-user .access
{
	color: #ffffff;
	font-size: 13px;
	margin-top: 5px;
}

.art-rest-inner-user .user
{
	font-family: 'cooper_hewittbold', Arial, Verdana;
	font-size: 16px;
	line-height: 28px;
	text-transform:uppercase;
    margin-bottom: -2px;
	margin-top: -2px;
}

.art-rest-inner-user .login
{
	color: #ffffff;
	font-size: 11px;
}

.art-rest-inner-buttons
{
    float: right;
}

.art-rest-inner-buttons ul
{
    margin: 0px;
    padding: 0px;
	text-align: center;
}

.art-rest-inner-buttons li
{
    list-style: none;
	margin: 0px 3px;
    overflow: hidden;
    display: inline-block;
    background-color: #012a6e;
	background-position: center 10px;
	background-repeat: no-repeat;
	background-size:43%;
    vertical-align: middle;
}

.art-rest-inner-buttons li:hover
{
    background-color: #012a6e;
	background-size:46%;
}

.art-rest-inner-buttons li.access
{
    background-color: #cbd1db;
}

.art-rest-inner-buttons li.access:hover
{
	background-size:45%;
}

.art-rest-inner-buttons li.meetings
{
	background-image: url('img/button-login-a.png');
}

.art-rest-inner-buttons li.audits
{
	background-image: url('img/button-login-b.png');
}

.art-rest-inner-buttons li.management
{
	background-image: url('img/button-login-g.png');
}

.art-rest-inner-buttons li.reporting
{
	background-image: url('img/button-login-c.png');
}

.art-rest-inner-buttons li.statistics
{
	background-image: url('img/button-login-d.png');
}

.art-rest-inner-buttons li.conference
{
	background-image: url('img/button-login-e.png');
}

.art-rest-inner-buttons li.shipyard
{
	background-image: url('img/button-login-f.png');
}

.art-rest-inner-buttons li a
{
	font-family:'cooper_hewittmedium', Arial, Verdana;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 8px;
    padding-top: 38px;
    height: 100%;
    width: 100%;
    text-align: center;
	line-height: 8px;
}

/*============================ Breadcrumb =========================*/

.art-header-breadcrumb
{	
	margin: 20px 0px 0px 0px;
    padding: 7px 10px 7px 10px;
    border-top: 1px solid rgba(1, 42, 110, 0.2);
    border-bottom: 1px solid rgba(1, 42, 110, 0.2);
}

.breadcrumb
{ 
    float: left;
	margin-top: 10px;
    color: #012a6e;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
	width:55%;
}

.breadcrumb a,
.breadcrumb a:link,
.breadcrumb a:visited,
.breadcrumb a:hover,
.breadcrumb-pad
{
	font-size: 14px;
	color: #012a6e;
	text-decoration: none;
	display: inline-block;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
}

.breadcrumb a.home
{
	font-size: 36px;
}

.breadcrumb-pad
{
	font-size: 14px;
	width:15px;
	text-align: center;
}

.breadcrumb a:hover
{
	color: #b4bece;
}

.art-navigation-top
{ 
    float: right;
}

.art-navigation-top a,
.art-navigation-top input[type="button"]
{
    list-style: none;
	border:none;
	cursor:pointer;
	margin: 0px 3px;
    overflow: hidden;
    display: inline-block;
    background-color: #B4BECE;
	background-position: center center;
	background-repeat: no-repeat;
    vertical-align: middle;
	text-indent: -9999px;
	background-size:68%;
	outline: 0;
}

.art-navigation-top a:hover,
.art-navigation-top input[type="button"]:hover
{ 
    background-color: #012a6e;
	background-size:58%;
}

.art-navigation-top a.admin
{ 
	background-image: url('img/button-nav-top-admin.png');
}

.art-navigation-top input.button_back
{ 
	background-image: url('img/button-nav-top-back.png');
}

.art-navigation-top a.home
{ 
	background-image: url('img/button-nav-top-home.png');
}

.art-navigation-top a.logout
{ 
	background-image: url('img/button-nav-top-logout.png');
}

.art-navigation-top input.print
{ 
	background-image: url('img/button-nav-top-print.png');
}

.art-navigation-top a.add
{ 
	background-image: url('img/button-nav-top-add.png');
}

/*================================= Help Desk ===============================*/

.art-help
{
	margin:20px 0px 20px 0px;
	line-height: 22px;
}

.art-help .collapse
{
    background: url('img/button-help.png') center center no-repeat #B4BECE;
	background-size:58px;
    text-indent: -9999px;
    cursor: pointer;
    display: inline-block;
    position: relative;
	border: 4px solid #fff;
}

.art-help .collapse:hover
{
    background: url('img/button-help.png') center center no-repeat #012a6e;
	background-size:48px;
}

.art-help .collapse + input
{
	display:none;
}

.art-help .collapse + input + *
{
	display:none;
	opacity:0;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
}

.art-help .collapse+ input:checked + *
{
	font-family: Arial, Verdana;
	opacity:1;
    display: block;
    background: #B4BECE;
    margin-top: -40px;
    margin-left: 45px;
	font-size: 14px;
    padding: 20px 40px;
    -webkit-border-radius: 20px;
       -moz-border-radius: 20px;
            border-radius: 20px;
}

.art-help .collapse+ input:checked + * b
{
	font-family: 'cooper_hewittbold', Arial, Verdana;
    display: block;
	font-size: 18px;
	font-weight:normal;
	margin-bottom: 10px;
}

.schedule-info-bg-one
{
    margin-bottom: 5px;
    display: table;
    float: left;
    margin-right: 20px;
	color:#ff0000;
}

.schedule-info-bg-three
{
    margin-bottom: 5px;
    display: table;
    float: left;
    margin-right: 20px;
	color:yellow;
}

span.schedule-one-info
{
	background: #ff0000;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 10px;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
    border: 3px solid #fff;
}

span.schedule-three-info
{
	background: yellow;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 10px;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
    border: 3px solid #fff;
}

.schedule-info-bg-one p,
.schedule-info-bg-three p
{
	vertical-align: middle;
	display: table-cell;
	margin:0px;
	font-size: 12px;
}

.art-list
{

}

.art-list ul
{
    margin: 0px;
    padding: 0px;
}

.art-list ul li
{
    list-style: none;
}

.art-list ul li a
{
    padding: 13px 10px;
    display: inline-block;
    width: 240px;
    margin: 5px 0px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
         -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
            transition: 0.2s ease-out;
    background: url('img/menu-2.png') center right no-repeat #B4BECE;
	background-size: 25px;
}

.art-list ul li a:hover
{
    background: url('img/menu-2.png') center right no-repeat #012A6E;
	background-size: 25px;
}

.art-list ul li.general a
{
    background: url('img/menu-2.png') center right no-repeat #ff0000;
	background-size: 25px;
}

/*================================= Content ===============================*/

.art-content
{
    min-height: 730px;
    margin-left: 240px;
    background: #ffffff;
}

/*-------------- table list ----------------*/

.art-content table#list
{
    margin: 0 auto;
    border-collapse: collapse;
	font-size:13px;
	line-height:16px;
	width: 100%;
}

.art-content table#list thead tr td 
{
    text-align: left;
    vertical-align: middle;
    background: #b4bece;
    color: #012A6E;
    font-size: 14px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
	text-transform: uppercase;
}

.art-content table#list thead tr td strong
{
	font-weight:normal;
}

.art-content table#list tbody tr td 
{
	font-family: Arial, Verdana;
	padding: 10px 2px;
	border-top: 1px solid #A3B2CA;
}

.art-content table#list a.show,
.art-content table#list a.edit,
.art-content table#list a.follow
{
    height: 33px;
    width: 33px;
    list-style: none;
    border: none;
    cursor: pointer;
    margin: 0px 3px;
    overflow: hidden;
    display: inline-block;
	border:3px solid #012a6e;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    text-indent: -9999px;
	opacity:0.3;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
    -webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
         -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
            transition: 0.2s ease-out;
	background-size:80%;
}

.art-content table#list a.show
{
    background-image: url('img/button-list-show-a.png');
}

.art-content table#list a.edit
{
    background-image: url('img/button-list-edit-a.png');
}

.art-content table#list a.follow
{
    background-image: url('img/button-list-follow-a.png');
}

.art-content table#list a.follow.general
{
	background-color:#ff0000;
	opacity:1;
}

.art-content table#list a.show:hover,
.art-content table#list a.edit:hover,
.art-content table#list a.follow:hover
{
    background-color: #012a6e;
	opacity:1;
	background-size:95%;
}

.art-content table#list a.show:hover
{
    background-image: url('img/button-list-show-b.png');
}

.art-content table#list a.edit:hover
{
    background-image: url('img/button-list-edit-b.png');
}

.art-content table#list a.follow:hover
{
    background-image: url('img/button-list-follow-b.png');
}

.art-content table#list a.follow.general:hover
{
    background-image: url('img/button-list-follow-b.png');
	border:3px solid #ff0000;
	background-color:#ff0000;
}

.art-content table#list span.number
{
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
    height: 20px;
    width: 20px;
    line-height: 20px;
    background: #B4BECE;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
}

.art-content table#list span.conmormity
{
	color: #ff0000 !important;
}

.art-content table#list span.text-red
{
	color: #ff0000;
}

.art-content table#list span.text-green
{
	color: #009712;
}

.art-content table#list span.schedule
{
    width: 45px;
    height: 45px;
    display: inline-block;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
	background: #EAEDF3;
}

.art-content table#list span.schedule.three
{
	background: yellow;
	color: #012a6e;
}

.art-content table#list span.schedule.one
{
	background: #ff0000;
	color: #fff;
}

.art-content table#list span.schedule b
{
	font-size: 13px;
	padding: 7px 0px;
    display: inline-block;
    font-weight: normal;
}

.art-content table#list span.schedule b p
{
	font-size: 11px;
    padding: 0px;
    margin: 0px;
	font-weight: normal;
}

/*-------------- table list 2 ----------------*/

/*
.art-confidential
{  
	display:none;
}

.art-confidential-pdf
{  
	display:none;
}

.deficiencies-title
{  
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 125px;
	color: #91a2be;
}

.deficiencies-corrective
{  
	border: 1px solid #E5E5E5;
	padding: 10px;
	margin-top: 10px;
}*/

/*-------------- table list 3 ----------------*/
/*
.art-content table#list-3
{
    margin: 0 auto;
    width: 100%;
    border-collapse: collapse;
    line-height: 16px;
	font-size: 14px;
	overflow: hidden;
	-webkit-border-top-left-radius: 10px;
   -webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
	   -moz-border-radius-topright: 10px;
		    border-top-left-radius: 10px;
		   border-top-right-radius: 10px;
}

.art-content table#list-3 tbody tr td 
{
	font-family: Arial, Verdana;
    vertical-align: top;
	padding: 10px 0px;
	font-weight: bold;
}

.art-content table#list-3 tbody tr td strong
{
    font-weight: normal;
    margin-top: 10px;
    display: inline-block;
    margin-left: 25px;
	color:#f00;
}
*/

/*-------------- table appraisal ----------------*/

.art-content .grade strong
{
    color: #ff0000;
    margin-bottom: 10px;
    display: block;
	font-weight:normal;
}

.art-content select.history
{
	cursor:pointer;
}

/*-------------- table comments ----------------*/

/*.art-content .comments-left
{
	float: left;
	width: 47%;
}

.art-content .comments-right
{
	float: left;
	width: 51%;
}*/

.art-content .comments-left-2
{
	float: left;
	width: 47%;
}

.art-content .comments-right-2
{
	float: left;
	margin-left: 2%;
	width: 51%;
}

.art-content table#comments
{
	font-family: Arial, Verdana;
    margin: 0 auto;
    border-collapse: collapse;
	font-size:12px;
	line-height:16px;
	width: 100% !important;
	/*-webkit-hyphens: auto;*/
	  /* -moz-hyphens: auto;*/
	  /*  -ms-hyphens: auto;*/
	   /*     hyphens: auto;*/
}

.art-content table#comments tbody tr td
{
	border: none;
    padding: 5px 0px;
	vertical-align: top;
	width:25%!important;
}

.art-content table#comments tbody tr td + td
{
	border: none;
    padding: 5px 0px;
	vertical-align: top;
	width:auto!important;
}

.art-content table#comments tbody tr td label
{
    color: #012a6e;
    display: inline-block;
    padding-right: 10px;
    text-align: right;
    /*width: 220px;*/
    font-style: italic;
	text-transform: uppercase;
	float:right;
}

.email-show
{
	display:table-row !important;
}

.email-show-no
{
	display:none;
}

.art-content .comments-left-2 table#comments tbody tr td label,
.art-content .comments-right-2 table#comments tbody tr td label
{
    /*width: 140px;*/
}

body.page-template-v_general-page .art-content table#comments tbody tr td,
body.page-template-p_general-page .art-content table#comments tbody tr td
{
	/*vertical-align: middle;*/
}

.art-content table#comments tbody tr td label i
{
    color: #012A6E;
    font-weight: normal;
}

.art-content table#comments tbody tr td b,
.art-content table#comments tbody tr td strong
{
	display:block;
	font-weight: bold;
}

.art-content table#comments tbody tr td ul
{
	margin:0px 20px;
	padding:0px;
}

.art-content table#comments tbody tr td span.conmormity.bold
{
	text-transform: uppercase;
	color: #ff0000 !important;
	font-weight: bold !important;
}

.art-content table#comments tbody tr td span.conmormity
{
	color: #ff0000 !important;
}

.art-content table#comments tbody tr td span.number
{
    background: #012A6E !important;
    width: 30px !important;
    height: 30px!important;
    display: inline-block !important;
    color: #fff!important;
    text-align: center!important;
    line-height: 30px;
	margin-bottom: -6px!important;
	font-size: 12px;
}

.art-content table#comments tbody tr.number-bg
{
	border-bottom: 1px solid #B4BECE;
}

.art-content table#comments tbody tr td span.instruction
{
    color: #B4BECE;
}

.art-content table#comments tbody tr td .bg-miniature
{
    width: 70px;
    height: 60px;
	background: url('img/bg-images.png') center center no-repeat #EEEEEE;
    position: relative;
    text-align: center;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    float: left !important;
    margin: 0px 5px 5px 0px;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}

.art-content table#comments tbody tr td .bg-miniature-big
{
    width: 100%;
    height: 500px;
	background: url('img/bg-images.png') center center no-repeat #EEEEEE;
    position: relative;
    text-align: center;
    overflow: hidden;
    margin: 0px 0px 5px 0px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}

.art-content table#comments tbody tr td .bg-miniature-big .procedure-miniature
{
    /*width: 60%!important;*/
}

.art-content table#comments.question-list tr.ui-sortable-handle,
.art-content table#comments.subject-list tr.ui-sortable-handle
{
    border-bottom: 1px solid #E2E5E8;
    background: #ffffff;
}

.art-content table#comments.subject-list tr.ui-sortable-handle td
{
	padding:15px 0px;
}

.art-content table#comments.question-list a.topic-edit,
.art-content table#comments.question-list a.topic-delete,
.art-content table#comments.subject-list a.subject-edit,
.art-content table#comments.subject-list a.subject-delete
{
	color:#cf1d3f;
}

.art-content table#comments tr.not-show,
.art-content .not-show
{
	display:none;
}

a.open-file,
a.open-attachment,
.adt-dialog-content .attachment .attachment-in img
{
    width: 70px;
    height: 60px;
	background: url('img/bg-images.png') center center no-repeat #EAEDF3;
    position: relative;
    text-align: center;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    float: left;
    margin: 0px 5px 5px 0px;
	text-indent: -9999px;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}

a.open-file:hover,
a.open-attachment:hover
{
	background: url('img/bg-images.png') center center no-repeat #012A6E;
}

.art-content table#comments tbody tr td .procedure-miniature
{
	width: 110% !important;
	height: auto;
	left: 0px;
	top: 0px;
	border: none;
}

.art-content table#comments tbody tr td .user-name 
{
	color: #98A9C5!important;
	padding: 2px 0px;
    font-size: 12px!important;
}

.art-content table#comments tbody tr td .user-name b
{
	color: #012a6e;
	font-weight:bold;
	display: inline-block;
}

.art-content table#comments tbody tr td .user-closed
{
	text-align:center;
	width: 150px;
}

.art-content table#comments tbody tr td .user-closed b
{
	font-weight: bold;
	font-size: 14px;
	color: #012a6e;
	display: block;
	text-transform:uppercase;
}

.art-content table#comments tbody tr td .user-closed b [type="checkbox"]
{
    margin-bottom: 10px;
    width: 20px;
    height: 20px;
	cursor:pointer;
}

.art-content table#comments tbody tr td a.download-link,
.art-content table#comments tbody tr td a.delete-link,
.adt-dialog-content .attachment a.delete-attachment
{
    font-size: 13px;
    font-family: 'cooper_hewittsemibold', Arial, Verdana;
    background: #B4BECE;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px 0px;
    width: 100px;
    display: inline-block;
    text-align: center;
	margin: 2px 0px;
    -webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
         -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
            transition: 0.2s ease-out;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}

.art-content table#comments tbody tr td a.download-link:hover,
.art-content table#comments tbody tr td a.delete-link:hover,
.adt-dialog-content .attachment a.delete-attachment:hover
{
    background: #012a6e;
}

.art-content table#comments tbody tr td .deficiencies-ref
{  
	float: left;
    min-width: 320px;
}

.art-content table#comments tbody tr td .deficiencies-ref .flex-text-wrap 
{
	width: 295px;
	float: left;
	margin-right: 10px;
}

.art-content table#comments tbody tr td .deficiencies-ref textarea.deficiencies
{
    min-height: 65px;
}

.art-content table#comments tbody tr td .deficiencies-ref .flex-text-wrap pre
{
	float: left;
	width: auto;
	min-height: 30px;
}

.art-content table#comments hr
{
	border: 1px solid;
    border-color: #CCD4E2;
    border-bottom: none;
    border-left: none;
    border-right: none;
    margin: 5px 0;
    background: none;
    height: 0px;
}

.art-content table#comments .schedule-info
{
    color: #B4BECE;
    font-style: italic;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
}

/*-------------- end ----------------*/

.art-menu-left
{
    z-index: 100;
    position: absolute;
    background: #B4BECE;
    left: 0;
    width: 240px;
    height: 100%;
}

.art-menu-left form.search-form
{
	padding-right: 20px;
    padding-top: 10px;
}

.art-menu-left table
{
    margin: 0 auto;
    width: 100%;
    border-collapse: collapse;
}

.art-menu-left table tbody tr td 
{
	display: table;
	width:100%;
    color: #012A6E;
    font-size: 13px;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.art-menu-left table tbody tr td label
{
    padding-left: 10px;
	display: block;
}

.art-menu-left table tbody tr td div
{
    display: block;
    padding-top: 2px;
    padding-bottom: 2px;
}

.art-menu-left table tbody tr td button.ui-datepicker-trigger
{
	position: relative;
    margin-left: -28px;
    background: url('img/calendar-1.png') no-repeat;
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer;
	top: -1px;
	text-indent:-9999px;
}

.art-menu-left input[type="text"],
.art-menu-left select 
{
	background:#fff;
	line-height:25px;
	outline: 0;
}

.art-content .page-title
{
	display:none;
}

.art-content .cat-title
{
    background: #012A6E;
    height: 30px;
    margin-bottom: 20px;
}

.art-content .cat-title strong
{
    background: #fff;
    line-height: 33px;
    display: inline-block;
    font-size: 22px;
    padding-right: 10px;
	font-weight:normal;
	text-transform:uppercase;
}

/* =============================== Single ============================= */

.art-content .single-title
{
    background: #012A6E;
	color:#ffffff;
	/* -webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	     -moz-border-radius-topleft: 20px;
	    -moz-border-radius-topright: 20px;
	         border-top-left-radius: 20px;
	        border-top-right-radius: 20px;*/
    margin: -20px -20px 20px -20px;
    display: block;
    padding: 10px 20px;
    font-size: 18px;
    text-transform: uppercase;
}

.menu-edit
{
    margin-bottom: 15px;
    background: #ffffff;
    overflow: hidden;
    position: relative;
}

.menu-edit span
{
    text-transform: uppercase;
    text-align: right;
    float: left;
    font-size: 18px;
    color: #ffffff;
    background: #012A6E;
    padding: 0px 20px;
    line-height: 45px;
    height: 100%;
    position: absolute;
}

ul.tabs-menu-2,
ul.tabs-menu
{
    margin: 0px;
    padding: 0px;
    margin-left: 95px;
}

.tabs-menu-2 li,
.tabs-menu li
{
    width: 110px;
    padding: 0px 4px;
	margin: 5px 0px;
	border-right: 1px solid #EDEDED;
	float:left;
    list-style: none;
}

.tabs-menu-2 li a,
.tabs-menu li a
{
	display: block;
    text-decoration: none;
    color: #b4bece;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
}

.tabs-menu-2 li a:hover,
.tabs-menu li a:hover
{
    color: #ffffff;
	background:#012A6E
}

.tabs-menu-2 li a p,
.tabs-menu li a p
{
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
	line-height: 13px;
    display: table;
    width: 100%;
	margin: 0px;
	height: 35px;
	text-align: center;
}

.tabs-menu-2 li a p b,
.tabs-menu li a p b
{
    vertical-align: middle;
    display: table-cell;
	font-weight:normal
}

/*
.tabs-menu 
{
	clear: both;
}

ul.tabs-menu
{
	margin: 0px;
	padding: 0px;
	height: 50px;
}

.tabs-menu li
{
	list-style: none;
    display: table-cell;
    width: 2%;
	background: #012a6e;
	 -webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	     -moz-border-radius-topleft: 20px;
	    -moz-border-radius-topright: 20px;
	         border-top-left-radius: 20px;
	        border-top-right-radius: 20px;
	margin:0px;
	padding:0px;
}

.tabs-menu li.current
{
    position: relative;
    background: #ffffff;
    z-index: 5;
}

.tabs-menu li a
{
    display: inline-block;
    width: 100%;
    text-decoration: none;
    color: #ffffff;
}

.tabs-menu .current a
{
    color: #012a6e;
}

.tabs-menu li a p
{
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
	line-height: 13px;
    display: table;
    height: 40px;
    width: 100%;
	text-align: center;
	margin:0px;
}

.tabs-menu li a p b
{
    vertical-align: middle;
    display: table-cell;
	font-weight:normal
}
*/

.tab 
{

}

.tab-content 
{
    display: none;
}

/* =============================== Menu left ============================= */

.art-vmenublock
{
	padding: 0px;
	margin-bottom:0px;
}

.art-vmenublock-body 
{
   padding:0;
}

.art-vmenublockheader
{
	display:none;
}

ul.art-vmenu
{
	background:#B4BECE;
}

ul.art-vmenu, 
ul.art-vmenu ul
{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	position:relative;
	padding: 0px 20px 0px 0px;
}

ul.art-vmenu:after,
ul.art-vmenu ul:after
{
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

ul.art-vmenu li
{
    /*padding: 20px 0px 20px 0px;*/
	padding: 10px 0px 10px 0px;
    position: relative;
    z-index: 5;
    display: block;
}

ul.art-vmenu li + li
{
    /*padding: 0px 0px 20px 0px;*/
	padding: 0px 0px 10px 0px;
}

ul.art-vmenu>li:first-child 
{
   margin-left:0;
}

ul.art-vmenu li:hover>ul 
{
   visibility: visible;
   opacity:1;
   left: 100%;
	-webkit-transition: 0.1s ease-out;
	   -moz-transition: 0.1s ease-out;
	     -o-transition: 0.1s ease-out;
	    -ms-transition: 0.1s ease-out;
	        transition: 0.1s ease-out; 
}

ul.art-vmenu li li:hover>ul 
{
   top: 0;
   left: 100%;
}

ul.art-vmenu>li>a
{  
	display: block;
	cursor: pointer;
	z-index:0;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	padding-left:10px;
	padding-right:20px;
	text-transform: uppercase;
	text-decoration: none;
	margin-left:0;
	margin-right:0;
	position:relative;
	color: #012a6e;
	background: url('img/menu-1.png') center right no-repeat #ffffff;
    background-size: 25px;
	height: 45px;
	line-height: 45px;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
}

ul.art-vmenu>li>a.active,
ul.art-vmenu>li>a:hover
{
	color: #ffffff;
	background: url('img/menu-2.png') center right no-repeat #012a6e;
	margin-right:-20px;
}

/* ------------------- begin MenuSubItem --------------------*/

ul.art-vmenu ul
{
	opacity:0;
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	margin: 0px;
	margin-left: 20px;
	width: 100%;
    height: 2000%;
    background: #012a6e;
}

ul.art-vmenu ul ul
{
    background: #B4BECE;
}

ul.art-vmenu li li
{
	float: none;
	width: auto;
	display: block;
	width: 100%;
}

.art-vmenu ul a
{
	display: block;
	position:relative;
	white-space: nowrap;
	height: 45px;
	overflow: visible;
	padding:0;
	padding-left:10px;
	padding-right:20px;
	line-height: 45px;
	color: #012a6e;
	margin-left:0;
	margin-right:0;
	font-size: 13px;
	background: url('img/menu-1.png') center right no-repeat #ffffff;
    background-size: 25px;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
}

.art-vmenu ul>li:first-child>a
{

}

.art-vmenu ul a:link, 
.art-vmenu ul a:visited, 
.art-vmenu ul a:hover, 
.art-vmenu ul a:active
{
	text-decoration: none;
	margin:0;
	text-align: left;
}

.art-vmenu ul li a.active,
.art-vmenu ul li a:hover
{
	background: url('img/menu-2.png') center right no-repeat #B4BECE;
	margin-right:-20px;
}

.art-vmenu ul ul li a.active,
.art-vmenu ul ul li a:hover
{
	background: url('img/menu-2.png') center right no-repeat #012a6e;
	margin-right:-20px;
	color: #ffffff;
}

/*============================= Login buttons =============================*/

.art-login-buttons
{
    margin-top: 0px;
    margin-bottom: 0px;
}

.art-login-buttons ul
{
    margin: 0px;
    padding: 0px;
	text-align: center;
}

.art-login-buttons li
{
    height: 150px;
    width: 150px;
    list-style: none;
	margin: 5px;
    overflow: hidden;
    display: inline-block;
    background-color: #012a6e;
	background-position: center 15px;
	background-repeat: no-repeat;
    vertical-align: middle;
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
	        border-radius: 100%;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
	background-size:48%;
}

.art-login-buttons li:hover
{
    background-color: #012a6e;
	background-size:52%;
}

.art-login-buttons li.access
{
    background-color: #B4BECE;
}

.art-login-buttons li.access:hover
{
	background-size:48%;
}

.art-login-buttons li.meetings
{
	background-image: url('img/button-login-a.png');
}

.art-login-buttons li.audits
{
	background-image: url('img/button-login-b.png');
}

.art-login-buttons li.management
{
	background-image: url('img/button-login-g.png');
}

.art-login-buttons li.reporting
{
	background-image: url('img/button-login-c.png');
}

.art-login-buttons li.statistics
{
	background-image: url('img/button-login-d.png');
}

.art-login-buttons li.conference
{
	background-image: url('img/button-login-e.png');
}

.art-login-buttons li.shipyard
{
	background-image: url('img/button-login-f.png');
}

.art-login-buttons li a
{
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    padding-top: 95px;
    height: 100%;
    width: 100%;
    text-align: center;
}

/*============================= Login input =============================*/

.art-login-content 
{
    margin-top: 50px;
    margin-bottom: 50px;
}

.art-login-content-left
{
    float: left;
    width: 35%;
    height: 210px;
    display: table;
	background: url('img/bg-decoration.png') center right repeat-x;
}

.art-login-content-left-inner
{
    text-align: right;
    padding-right: 10px;
	font-size: 18px;
	margin-top:45px;
}

.art-login-content-left-inner p
{
    margin: 0px;
}

.art-login-content-left-inner h3
{
	font-family: 'cooper_hewittbold', Arial, Verdana;
    font-size: 60px;
    text-transform: uppercase;
    margin: 0px 0px;
    background: #ffffff;
    line-height: 85px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: -10px;
	font-weight:normal;
}

.art-login-content-right
{
	float: right;
	width: 65%;
    height: 100%;
    display: table;
	background: #B4BECE;
	    -webkit-border-top-left-radius: 50px;
     -webkit-border-bottom-left-radius: 50px;
            -moz-border-radius-topleft: 50px;
         -moz-border-radius-bottomleft: 50px;
                border-top-left-radius: 50px;
			 border-bottom-left-radius: 50px;
}

.art-login-content-right-inner
{
    vertical-align: middle;
    display: table-cell;
}

.art-login-content-right-inner .login-form
{
	float:left;
    height: 270px;
	width: 40%;
    display: table;
    margin-top: -30px;
    margin-bottom: -30px;
    margin-left: 2%;
    background: #012A6E;
    color: #ffffff;
	-webkit-border-radius: 50px;
	        border-radius: 50px;
	   -moz-border-radius: 50px;
}

.art-login-content-right-inner .login-form .inner
{
    padding: 25px;
    vertical-align: middle;
    display: table-cell;
}

.art-login-content-right-inner .login-form .inner h4
{
    margin: 20px 0px;
    text-transform: uppercase;
    font-size: 17px;
	font-weight:normal;
}

.art-login-content-right-inner .login-form #loginform-custom
{
	text-transform: lowercase;
	font-size: 16px;
}

.art-login-content-right-inner .login-form #loginform-custom .art-rest-inner-picture
{
    margin-left: 0px;
    margin-right: 15px;
    margin-bottom: 10px;
}

.art-login-content-right-inner .login-form #loginform-custom .access,
.art-login-content-right-inner .login-form #loginform-custom .login
{
    color: #B4BECE;
}

.art-login-content-right-inner .login-form label
{
    width: 35%;
    display: inline-block;
}

.art-login-content-right-inner .login-form input[type="text"],
.art-login-content-right-inner .login-form input[type="password"]
{
	float:right;
	width: 63%;
	background:#fff;
	outline: 0;
}

.art-login-content-right-inner .login-form p
{	
    line-height: 25px;
}

.art-login-content-right-inner .login-form p.login-remember
{	
	display:none;
}

.art-login-content-right-inner .login-form p.login-submit
{	
	text-align:right;
	margin-bottom: 0px;
}

.art-login-content-right-inner .login-form button[type="button"],
.art-login-content-right-inner .login-form input[type="submit"],
.art-login-content-right-inner .login-form a.logout
{
	display: inline-block;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
    font-family: 'cooper_hewittsemibold', Arial, Verdana;
	color: #012A6E;
	font-size: 0px;
	text-transform: uppercase;
	text-decoration: none;
	outline: 0;
}

.art-login-content-right-inner .login-form button[type="button"],
.art-login-content-right-inner .login-form input[type="submit"]
{
	background: url('img/button-ok.png') center center no-repeat #ffffff;
}

.art-login-content-right-inner .login-form button[type="button"]:hover,
.art-login-content-right-inner .login-form input[type="submit"]:hover
{
	background: url('img/button-ok.png') center center no-repeat #B4BECE;
}

.art-login-content-right-inner .login-form a.logout
{
	background: url('img/button-ok-2.png') center center no-repeat #ffffff;
	background-size: 68%;
}

.art-login-content-right-inner .login-form a.logout:hover
{
	background: url('img/button-ok-2.png') center center no-repeat #ffffff;
	background-size:58%;
}

.art-login-content-right-inner .login-decoration
{
    background: url('img/bg-decoration.png') center right repeat-x;
    height: 70px;
	float:right;
	width:56%;
	margin-top: 70px;
}

/*============================= Permissions =============================*/

.login-page-permissions,
.login-page-permissions-ok
{
    padding-left: 55px;
	padding-top: 13px;
    min-height: 40px;
}

.login-page-permissions
{
    background: url('img/permissions.png') left top no-repeat;
	color: #ff0000;
	background-size: 45px;
}

.login-page-permissions-ok
{
    background: url('img/permissions-ok.png') left top no-repeat;
	color:green;
	background-size: 45px;
}

.login-page-permissions p,
.login-page-permissions-ok p
{
	font-size: 16px;
	margin: 0px;
	line-height: 20px !important;
}

/*============================ Mail =========================*/

.art-mail-info
{
	
}

.art-mail-info strong
{
    border-bottom: 1px solid #B4BECE;
    display: block;
    padding-bottom: 10px;
	margin-bottom:10px;
    margin-top: 20px;
    color: #012a6e;
    font-weight: normal;
}

table#distribution 
{
    font-size: 13px;
}

table#distribution tr td
{
    display: table;
    vertical-align: top;
    padding: 0px;
	border: none;
}

table#distribution tr td input
{
    width: 20px;
    height: 20px;
    display: table-cell;
    vertical-align: middle;
	float:left;
	outline: 0;
}

table#distribution tr td label
{
    font-family: 'cooper_hewittsemibold', Arial, Verdana;
	line-height: 25px;
    padding-left: 10px;
}

/*============================ PDF =========================*/

.gde-frame-top 
{
	background: url('img/gde-cover.png') right top;
	margin-bottom: -10px;
	position: relative;
	height: 60px;
}

.gde-frame-top-2 
{
	display: none;
	margin-bottom: -50px;
	position: relative;
	height: 50px;
	width: 60px;
	float: right;
	background: url('img/gde-cover-2.png') center top no-repeat;
	z-index: 1000;
	margin-right: 10px;
}

p.gde-text
{
	text-align: right;
	margin: 15px 0px 0px 0px;
}

p.gde-text a
{
	background: #B4BECE;
	color: #ffffff !important;
	text-decoration: none;
	padding: 5px 10px;
	display: inline-block;
	text-transform: uppercase;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
}

p.gde-text a:hover
{
	background: #012A6E;
}

/*===================== Postcontent ========================*/

.art-postcontent
{
	padding: 0px 20px;
	/*font-size: 16px;
	line-height: 25px;*/
}

img.print-to-pdf
{
	display:none;
}

.print-to-pdf
{
	display:none;
}

.art-postcontent-bg
{
    background: #B4BECE;
	padding: 20px;
}

.art-postcontent-inner
{
    background: #ffffff;
    padding: 20px;
     -webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
         -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
             border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
}

.art-postcontent-inner h1,
.art-postcontent-inner h3
{
    font-family: 'cooper_hewittsemibold', Arial, Verdana;
    margin: 0px;
    font-size: 16px;
	font-weight:normal;
    text-transform: uppercase;
	margin-top: 8px;
    margin-bottom: 5px;
}

.art-postcontent-inner h4
{
	margin: 0px;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 5px 0px;
    color: #012a6e;
    border-bottom: 1px solid #012a6e;
}

.art-postcontent-inner .inner-bg
{
	margin: 0px 0px;
	padding: 10px !important;
    border: 1px solid #B4BECE !important;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
	margin-bottom:10px !important;
}

.art-postcontent .art-update
{
    text-align: right;
    color: #B4BECE;
	text-transform: uppercase;
    border-bottom: 1px solid #B4BECE;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.art-postcontent .art-update b
{
    color: #012a6e;
	font-weight: normal;
}

.art-postmetadataheader
{
	float:right
}

.art-postmetadataheader a.post-edit-link
{
    background: #B4BECE;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 5px 10px;
    display: inline-block;
	margin-top: -5px;
	margin-left: 10px;
    -webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
         -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
            transition: 0.2s ease-out;
}

.art-postmetadataheader a.post-edit-link:hover
{
    background: #012A6E;
}

.art-post ul
{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.art-post ul li
{
    background: url('img/postbullets.png') left top 5px no-repeat;
    padding-left: 15px;
    padding-bottom: 10px;
}

.art-post ul li a
{
    color: #012A6E;
    text-decoration: none;
    font-style: normal;
    -webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
         -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
            transition: 0.2s ease-out;
}

.art-post ul li a:hover
{
	padding-left:5px;
}

span.responsible
{
	font-weight: bold;
	font-size: 14px;
	display: block;
	border-bottom: 1px solid #D9DEE6;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

/*-----------Page Break ----------*/

.navi-outer-bottom
{
	width: 100%;
	height: 100%;
	display: inline-block;
    border-top: 1px solid #B4BECE;
    padding-top: 20px;
    margin-top: 20px;
}

span.page-navi-outer
{
   position:relative;
   display:block;
   float:left;
   margin:0;
   padding:2px;
}

span.page-navi-inner, 
a span.page-navi-inner
{
	text-align:center;
	width: 25px;
	height: 25px;
	display: inline-block;
	line-height: 25px;
}

span.page-navi-inner 
{
	background: #012A6E;
	color: #fff;
}

a span.page-navi-inner 
{
	background: #B4BECE;
	color: #fff;
  	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
}

a span.page-navi-inner:hover
{
	background: #012A6E;
}

span.page-navi-outer.page-navi-caption
{
	display:none;
}

/*============================ Textarea / Input / Button ==========================*/

.ui-sortable-handle{
    cursor: move;
}

.flex-text-wrap 
{
	position: relative;
	*zoom: 1;
}

textarea,
.flex-text-wrap 
{
	outline: 0;
	margin: 0;
	border: none;
	padding: 0;
	*padding-bottom: 0!important;
}

.flex-text-wrap textarea,
.flex-text-wrap pre 
{
	*white-space: pre;
	*word-wrap: break-word;
	white-space: pre-wrap;
	width: 100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
      	-ms-box-sizing: border-box;
	        box-sizing: border-box;
}

.flex-text-wrap textarea 
{
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	resize: none;
	*height: 94%;
	*width: 94%;
}

.flex-text-wrap pre 
{
	display: block;
	visibility: hidden;
}

.flex-text-wrap,
textarea
{ 
	margin-bottom: 0px 
}

textarea,
.flex-text-wrap pre 
{
    font-family: Arial, Verdana;
	font-size: 100%;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	min-height: 100px;
	width: 100% !important;
	background:#EAEDF3;
	color:#012a6e;
	-webkit-appearance: none;
	-webkit-background-clip: padding-box;
	   -moz-background-clip: padding;
	        background-clip: padding-box;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
	    -webkit-border-top-right-radius: 15px;
     -webkit-border-bottom-right-radius: 15px;
            -moz-border-radius-topright: 15px;
         -moz-border-radius-bottomright: 15px;
                border-top-right-radius: 15px;
			 border-bottom-right-radius: 15px;
			
	/*-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: 0 0 8px rgba(182, 195, 214, .6) inset, 0 1px 1px #fff;
	   -moz-box-shadow: 0 0 8px rgba(182, 195, 214, .6) inset, 0 1px 1px #fff;
	        box-shadow: 0 0 8px rgba(182, 195, 214, .6) inset, 0 1px 1px #fff;
	-webkit-transition-duration: 300ms;
	   -moz-transition-duration: 300ms;
	     -o-transition-duration: 300ms;
	    -ms-transition-duration: 300ms;
	        transition-duration: 300ms;
	-webkit-transition-easing: ease-in-out;
	   -moz-transition-easing: ease-in-out;
	     -o-transition-easing: ease-in-out;
	    -ms-transition-easing: ease-in-out;
	        transition-easing: ease-in-out;
	-webkit-transition-property: border-color, -webkit-box-shadow;
	-webkit-transition-property: border-color, box-shadow;
	   -moz-transition-property: border-color, -moz-box-shadow;
	   -moz-transition-property: border-color, box-shadow;
	     -o-transition-property: border-color, box-shadow;
	    -ms-transition-property: border-color, box-shadow;
	        transition-property: border-color, box-shadow;*/
}

button[type="submit"],
input[type="submit"]
{
    background: #B4BECE;
    font-family: 'cooper_hewittsemibold', Arial, Verdana;
	text-transform: uppercase;
    font-size: 14px;
	color:#ffffff;
    cursor: pointer;
	border:none;
    display: inline-block;
    position: relative;
	outline: 0;
}

button[type="submit"]:hover,
input[type="submit"]:hover
{
	background:#012a6e;
}

input[type="file"]
{
	background:#fff;
	outline: 0;
}

input[type="checkbox"]
{
    width: 20px;
}

input[type="number"]
{
	width:80px;
}

select,
input
{
    display: inline-block;
	width: 100%;
    height: 28px;
	border: none;
	font-size: 12px;
    padding: 0px 5px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color:#012a6e;
	background:#EAEDF3;
	cursor:pointer;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
	    -webkit-border-top-right-radius: 15px;
     -webkit-border-bottom-right-radius: 15px;
            -moz-border-radius-topright: 15px;
         -moz-border-radius-bottomright: 15px;
                border-top-right-radius: 15px;
			 border-bottom-right-radius: 15px;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
	outline: 0;
}

select
{
	line-height:25px;
}

button.ui-datepicker-trigger 
{
    position: relative;
    margin-left: -28px;
    background: url('img/calendar-2.png') no-repeat;
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer;
	top: -1px;
	text-indent:-9999px;
}

.art-button-right
{
	text-align: right;
	margin-top:10px;
}

.art-navigation-top a,
.art-navigation-top input[type="button"],
.art-rest-inner-buttons li,
.art-login-content-right-inner .login-form button[type="button"],
.art-login-content-right-inner .login-form input[type="submit"],
.art-login-content-right-inner .login-form a.logout,
button[type="submit"],
input[type="submit"],
.art-help .collapse,
.art-quest ul.art-quest-block li,
.adt-dialog-close
{ 
    height: 65px !important;
    width: 65px !important;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
}

/*========================== Statistics / TO DO =========================*/

.statistics
{
	margin-bottom: 15px;
	height: 30px;
	display: table;
}

.statistics label
{
	font-weight: bold;
}

.statistics table#statistics
{
	margin-left:0px;
}

.statistics table#statistics tr td
{
	border:none;
}

.statistics select.statistics
{
	display: inline-block;
	margin-bottom: 10px;
	width: 220px;
}

.statistics table
{
	margin-left:20px;
	width:auto;
}

.statistics table tr td
{
	border:none;
	padding: 0px;
	vertical-align: top;
}

.statistics table tr td select
{
	font-size:14px;
	padding: 5px 5px 5px 5px;
}

.statistics .bg
{
	border: 1px solid #D9DEE6;
	padding: 15px;
	width: 865px;
	margin-top: 10px;
}

.statistics .bg-2
{
	border: 1px solid #D9DEE6;
	padding: 15px 0px;
	margin-top: 10px;
}


.bg-3 table#general_data_1
{
	margin-bottom: 0px;
	padding-bottom: 0px;
	display: inline-block;
	width: auto;
}

.bg-3 table#general_data_1 label
{
	width: 235px;
	color: #91a2be;
}

.statistics .bg label
{
	margin-bottom:10px;
	display: inline-block;
}

.statistics .bg strong
{
	color:#ff0000;
	font-size: 18px;
}

/* ======================= Questionnaire ====================== */

.art-postcontent-left
{
	width: 22%;
	float: left;
}

.art-postcontent-left ul
{
    font-family: Arial, Verdana;
	list-style: none;
	padding: 0px;
	margin:0px;
}

.art-postcontent-left li
{
	list-style: none;
}

.art-postcontent-left a
{
	background-color: #B4BECE;
	color: #ffffff;
	display: block;
	text-decoration: none;
	margin-bottom: 5px;
	padding: 5px;
	font-size: 12px;
	line-height: 16px;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}

.art-postcontent-left a:hover
{
	background-color: #012a6e;
}


.art-postcontent-left li.adt-m-group-link-empty a
{
	background-color: #ff0000;	
}

.art-postcontent-right
{
	width: 74.5%;
    float: right;
    border-left: 1px solid #D9DEE6;
    padding-left: 20px;
}

.art-quest-title
{
	font-size: 20px;
    color: #012a6e;
    line-height: 28px;
    border-bottom: 3px solid #012a6e;
    padding-bottom: 5px;
}

/*------------ Procedure -----------*/

.art-opener-bg
{
	text-align: center;
	border-bottom: 1px solid #D9DEE6;
	padding-bottom: 10px;
	padding-top: 10px;
}

.art-opener-bg a
{
	display:none;
	cursor: pointer;
	font-size:13px;
	padding: 5px 10px;
	background: #91a2be;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	border: none;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
	font-weight: normal;
	margin-top:5px;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}

.art-opener-bg a:hover
{
	background: #012a6e;
}

/*------------ Single ------------*/

.art-quest
{
    border-bottom: 1px solid rgba(1, 42, 110, 0.2);
    vertical-align: middle;
    padding: 10px 0px;
    -webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
         -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
            transition: 0.2s ease-out;
}

.art-quest:hover
{
	/*background:rgba(180, 190, 206, 0.3);*/
}

.art-quest span
{	
    font-family: Arial, Verdana;
	display: block;
	line-height: 18px;
    font-size: 14px;
    font-weight: bold;
	margin-bottom: 10px;
}

.art-quest span span
{	
    float: none;
	font-weight: bold;
	display: inline;
}

/*.art-quest select.departament,
.art-quest select.findings,
.art-quest select.rate
{
	cursor: pointer;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 12px;
	padding:2px 0px;
	width: 156px;
	text-transform: uppercase;
	margin-right: 10px;
    background: #91A2BE;
    color: #ffffff;
    border: none;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}*/

.art-quest select.departament,
.art-quest select.findings,
.art-quest select.rate
{
	margin:4px 0px;
}

.art-quest ul.art-quest-block
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    text-align: right;
}

.art-quest ul.art-quest-block li
{
	float:left;
	background-color:#012A6E;
    list-style: none;
    border: none;
    cursor: pointer;
    margin: 0px 3px;
    overflow: hidden;
    display: table;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
    -webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
         -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
            transition: 0.2s ease-out;
	background-size: 30px;
}

.art-quest ul.art-quest-block li.adt-procedure-yes
{

}

.art-quest ul.art-quest-block li.adt-procedure-no 
{
	/*background-image: url('img/button-quest-no.png');*/
}

.art-quest ul.art-quest-block li.adt-procedure-not-applicable
{

}

.art-quest ul.art-quest-block li.adt-procedure-not-seen
{

}

.art-quest ul.art-quest-block li.adt-procedure-comment
{

}

.art-quest ul.art-quest-block li.adt-procedure-date
{

}

.art-quest ul.art-quest-block li.adt-procedure-attachment,
.art-quest ul.art-quest-block li.adt-m-procedure-attachment
{
	background-image: url('img/button-quest-camera.png');
}

.art-quest li.art-quest-s-checked, .adt-group-link-completed a,
.meetings-groups .adt-group-link-uncompleted a
{
	background-color: #009712 !important;
}

.art-quest li.adt-procedure-no.art-quest-s-checked,
.art-quest li.adt-procedure-no.art-quest-s-checked~li.adt-procedure-date.art-quest-s-checked, .adt-group-link-uncompleted a,
.meetings-groups .adt-group-link-completed a
{
	background-color: #ff0000 !important;
}

.art-quest li.adt-procedure-no.art-quest-s-checked~li.adt-procedure-date
{
	background-color: #F5EE36 !important;
}

.art-quest li.art-quest-s a,
.art-quest li.art-quest-b a,
.art-quest li.art-quest-s-checked a
{
	cursor: pointer;
	color: #ffffff;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	text-decoration: none;
	border: none;
	-webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-weight:normal;
}

.art-quest li.art-quest-s a:hover,
.art-quest li.art-quest-b a:hover
{

}

/*------------- Pop-up ------------*/

a.modalbox
{
	display:none;
	/*display: block;*/
	cursor: pointer;
	background: #91a2be;
	color: #ffffff;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	border: none;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	     -ms-transition: 0.2s ease-out;
	         transition: 0.2s ease-out;
	margin: 10px 0px 10px 0px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-weight: normal;
	line-height: 12px;
	text-align: center;
	width: 200px;
}

a.modalbox:hover
{
	background: #012a6e;
}

.adt-dialog-container
{

}

.adt-dialog-container span
{
    font-size: 14px;
    margin-bottom: 10px;
    color: #012a6e;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(1, 42, 110, 0.2);
    width: 100%;
    display: block;
}

.adt-dialog-container span i
{
    font-family: Arial, Verdana;
}

.adt-dialog-container textarea
{
	font-family: Arial, Verdana;
	display: block;
	width: 100%;
	max-width: 100%;
	height: 260px;
    margin: 0px;
	color:#012a6e;
	border:none;
	background:#ffffff;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		    box-sizing: border-box;
}

.procedure-modal-inner
{
    font-family: Arial, Verdana;
    font-weight: normal;
    color: #B4BECE;
    display: block;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.procedure-modal-inner ul
{
    margin: 0px;
    margin-left: 20px;
}

.procedure-modal-inner ul li
{

}

/*------------- Communicat ------------*/

p.art-quest-error
{
	background: #ff0000;
	padding: 5px;
	color: #fff;
	font-weight: normal;
	text-align: center;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    margin: 10px 0px;
    font-size: 14px;
}

p.art-quest-ok
{
	background: #009712;
	padding: 5px;
	color: #fff;
	font-weight: normal;
	text-align: center;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    margin: 10px 0px;
    font-size: 14px;
}

p.art-quest-not
{
	background: #ff0000;
	padding: 5px;
	color: #fff;
	font-weight: normal;
	text-align: center;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    margin: 10px 0px;
    font-size: 14px;
}

/*--------- End of chapter --------*/

.end_of_chapter
{
	padding: 10px;
	margin-top: 10px;
	background: #E7E9EC;
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
}

.end_of_chapter .title_1
{
	font-size: 20px;
	text-align: center;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(1, 42, 110, 0.2);
	padding-bottom: 10px;
	position:relative;
}

.end_of_chapter .title_1 strong
{
	font-weight:normal;
}

.end_of_chapter .title_2
{
	text-align: center;
	font-weight: normal;
	font-size: 16px;
}

.end_of_chapter .title_2 span.adt-group-name
{
    font-weight: normal;
    font-size: 16px;
}

.end_of_chapter .title_1 p.score
{
    position: absolute;
    right: 0px;
	top:0px;
	margin:0px;
	font-weight: normal;
	background: #91a2be;
	color: #ffffff;
	padding: 5px 10px;
	font-size: 13px;
	cursor: pointer;
	z-index:10000;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
}

.end_of_chapter .title_1 p.score:hover
{
	background: #012a6e;
}

.end_of_chapter .title_1 .score_table
{
    opacity: 0;
    text-align: left;
    background: #ffffff;
    padding: 0px 5px;
    font-size: 11px;
    border: 1px solid #B9C3D3;
    right: 30px;
    margin-top: 15px;
    position: absolute;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

.end_of_chapter .title_1 .score_table p
{
	line-height: 10px;
}

.end_of_chapter .title_1 .score_table p b
{
	font-weight:normal;
}

.end_of_chapter .title_1 p.score:hover + .score_table
{
	opacity:1;
}

.end_of_chapter .title_1 .score_table_point
{
    background: url('img/score.png') no-repeat left top;
    width: 23px;
    height: 12px;
    position: absolute;
    right: 2px;
    top: -12px;
}

.end_of_chapter .title_2 strong
{
	color: #ff0000;
	font-size: 28px;
	display: block;
	margin-top: 10px;
}

.end_of_chapter .title_3
{
	margin-top: 10px;
	padding-top: 0px;
	font-family: Arial,Verdana;
	/*border-top: 1px solid #B4BECE;*/
}

.end_of_chapter .title_3 b
{
	font-size: 16px;
}

.end_of_chapter .title_3 table tr td
{
	font-size:12px;
	line-height: 16px;
	vertical-align:top;
	padding:2px;
}

/*========================= Navigation right =======================*/

.art-navigation
{
	width: 50px;
    height: 3000%;
    background: #012a6e;
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 1000;
}

.art-navigation ul
{
    margin: 0px;
    padding: 0px;
}

.art-navigation ul li
{
    list-style: none;
    height: 50px;
    width: 265px;
    margin-left: 0px;
    display: table;
    border-bottom: 3px solid #fff;
    border-bottom: 3px solid #fff;
    background-color: #012A6E;
    background-position: 8px center;
    background-repeat: no-repeat;
	background-size: 35px;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
}

.art-navigation ul li:hover
{
    margin-left: -200px;
    background-position: 208px center;
}

.art-navigation ul li.logo-1
{
    background-image: url('img/button-right-1.png');
}

.art-navigation ul li.logo-2
{
    background-image: url('img/button-right-2.png');
}

.art-navigation ul li.logo-3
{
    background-image: url('img/button-right-3.png');
}

.art-navigation ul li.logo-4
{
    background-image: url('img/button-right-4.png');
}

.art-navigation ul li.logo-5
{
    background-image: url('img/button-right-5.png');
}

.art-navigation ul li.logo-6
{
    background-image: url('img/button-right-6.png');
}

.art-navigation ul li a
{
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: table-cell;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
    padding-left: 180px;
	padding-right: 40px;
    opacity: 0;
	-webkit-transition: 0.3s ease-out;
	   -moz-transition: 0.3s ease-out;
	     -o-transition: 0.3s ease-out;
	    -ms-transition: 0.3s ease-out;
	        transition: 0.3s ease-out;
    background: url('img/postbullets-2.png') 15px center no-repeat;
}

.art-navigation ul li:hover a
{
    opacity: 1.0;
    padding-left: 30px;
}

#to-top
{
    text-indent: -9999em;
    position: absolute;
    width: 50px;
    height: 50px;
    background: url('img/button-right-top.png') center center no-repeat;
    z-index: 21;
    cursor: pointer;
    -webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
         -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
            transition: 0.2s ease-out;
    bottom: 0px;
}

/*============================= Footer =============================*/

.art-footer
{
    color: #012a6e;
    font-size: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
	background: #b4bece;
    min-height: 60px;
}

.art-footer a
{ 	
	text-decoration:none;
	color: #012a6e;
	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	    -ms-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;
}

.art-footer a:hover
{ 	
	color: #ffffff;
}

/*============================= Dialog =============================*/

.adt-dialog-overlay
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:31415;
	background:#000;
	opacity:0;
	display:none;
}

.adt-dialog-overlay.adt-dialog-fadein
{
	opacity:0.7;
	display:block
}

.adt-dialog-container
{
	position:fixed;
	top:50%;
	left:50%;
	max-width:650px;
	width:650px;
	-webkit-transform:translate(-50%,-50%);
	   -moz-transform:translate(-50%,-50%);
			transform:translate(-50%,-50%);
	z-index:31416;
	background: #B4BECE;
	color: #444;
	padding:20px 20px 105px 20px;
	opacity:0;
	display:none;
}

.adt-dialog-container.statistics-lightbox
{
    display: none !important;
}

.adt-dialog-overlay.statistics-lightbox
{
    display: none !important;
}


.adt-dialog-content 
{
	overflow-y: scroll;
	max-height: 300px;
	height:300px;
	background:#ffffff;
    -webkit-border-radius: 20px;
       -moz-border-radius: 20px;
            border-radius: 20px;
	padding:20px;
}

.adt-dialog-content>*
{
	margin-bottom:25px;
}

.adt-dialog-content>*:last-child
{
	margin-bottom:0;
}

.adt-dialog-content p
{
	margin:0;
}

.adt-dialog-content label
{
	display:block;
}

.adt-dialog-content img{
	max-width:100%;
	height:auto;
}

.adt-dialog-content .attachment .attachment-in
{
    border-bottom: 1px solid #E6EAF1;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.adt-dialog-container.adt-dialog-fadein
{
	display:block;
	opacity:1;
}

.adt-dialog-close
{
	position:absolute;
	right:20px;
	bottom:20px;
	background: url("img/button-ok-1a.png") no-repeat scroll center center #FFFFFF;
    display: inline-flex;
    width: 65px;
    height: 65px;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
    font-size: 30px;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-border-radius: 100%;
            border-radius: 100%;
       -moz-border-radius: 100%;
    -webkit-transition: 0.2s ease-out;
       -moz-transition: 0.2s ease-out;
         -o-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
            transition: 0.2s ease-out;
	background-size:70px;
}

.adt-dialog-close:hover
{
	background: url("img/button-ok-1b.png") no-repeat scroll center center #012a6e;
	background-size:70px;
}

/*============================= Lightbox Attachment =============================*/

body:after 
{
	content: url(img/nav-close.png) url(img/ajax-loader.gif) url(img/nav-prev.png) url(img/nav-next.png);
	display: none;
}

.lightboxOverlay 
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: black;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	display: none;
}

.lightbox 
{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
	font-weight: normal;
}

.lightbox .lb-image 
{
	display: block;
	height: auto;
	max-width: inherit;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.lightbox a img 
{
	border: none;
}

.lb-outerContainer 
{
	position: relative;
	background-color: white;
	*zoom: 1;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

.lb-outerContainer:after 
{
	content: "";
	display: table;
	clear: both;
}

.lb-container 
{
	padding: 4px;
}

.lb-loader 
{
	position: absolute;
	top: 43%;
	left: 0;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

.lb-cancel 
{
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background: url(img/ajax-loader.gif) no-repeat;
}

.lb-nav 
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

.lb-container > .nav 
{
	left: 0;
}

.lb-nav a 
{
	outline: none;
	background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next 
{
	height: 100%;
	cursor: pointer;
	display: block;
}

.lb-nav a.lb-prev 
{
	width: 34%;
	left: 0;
	float: left;
	background: url(img/nav-prev.png) left 48% no-repeat;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover 
{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.lb-nav a.lb-next 
{
	width: 64%;
	right: 0;
	float: right;
	background: url(img/nav-next.png) right 48% no-repeat;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover 
{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.lb-dataContainer 
{
	margin: 0 auto;
	padding-top: 5px;
	*zoom: 1;
	width: 100%;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.lb-dataContainer:after 
{
	content: "";
	display: table;
	clear: both;
}

.lb-data 
{
	padding: 0 4px;
	color: #ccc;
}

.lb-data .lb-details 
{
	width: 85%;
	float: left;
	text-align: left;
	line-height: 1.1em;
}

.lb-data .lb-caption 
{
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
}

.lb-data .lb-number 
{
	display: block;
	clear: left;
	padding-bottom: 1em;
	font-size: 12px;
	color: #999999;
}

.lb-data .lb-close 
{
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	background: url(img/nav-close.png) top right no-repeat;
	text-align: right;
	outline: none;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.lb-data .lb-close:hover 
{
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}