html, body {
    margin:0;
    padding:0;
    height:100%;
}

body {
    font-size: 12px;
    font-family: Arial, Helvetica, Sans-Serif;
}

.break {
    clear: both;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb20 {
    padding-bottom: 20px;
}

.left {
    float: left;
}

.right {
    float: right;
}

h1 {
    color: #3D3D3D;
    font-size: 1.5em;
    border-bottom: 5px solid #7F3732;
}

h2 {
    font-size: 1.3em;
}

.nb {
    border: 0;
}

a {
    color: #7F3732;
}

div.header {
    height: 184px;
    background: transparent url(/site_media/resource/images/core/header.png) repeat-x;
}

div.header_login {
    height: 23px;
    text-align: right;
    padding-top: 7px;
}

.cont {
    width: 960px;
    margin: 0 auto;
}

div.body {
    padding-bottom:100px;
}

div.container {
    min-height:100%;
    position:relative;
}

div.body_left {
    width: 280px;
}

div.body_right {
    width: 660px;
}

div.footer {
    height: 100px;
    position:absolute;
    bottom:0;
    width:100%;
    color: #999999;
    text-align: center;
}

div.header_mid {
    height: 100px;
}

form#langform {
    display: none;
}

div.lang-select {
    padding: 5px 10px 0 0;
    text-align: right;
    margin-top: 30px;
}

ul.nav {
    height: 42px;
}

ul.nav li {
    float: left;
}

ul.nav li a span {
    display: none;
}

ul.nav li a.nav_home {
    background: transparent url(/site_media/resource/images/core/nav.png) no-repeat -29px 0;
    display: block;
    height: 43px;
    width: 80px;
}

ul.nav li a.nav_home:hover, ul.nav li.selected a.nav_home {
    background-position: -29px -60px;
}

ul.nav li a.nav_help {
    background: transparent url(/site_media/resource/images/core/nav.png) no-repeat -189px 0;
    display: block;
    height: 43px;
    width: 72px;
}

ul.nav li a.nav_help:hover, ul.nav li.selected a.nav_help {
    background-position: -189px -60px;
}

ul.nav li a.nav_about {
    background: transparent url(/site_media/resource/images/core/nav.png) no-repeat -352px 0;
    display: block;
    height: 43px;
    width: 95px;
}

ul.nav li a.nav_about:hover, ul.nav li.selected a.nav_about {
    background-position: -352px -60px;
}

ul.nav li a.nav_contact {
    background: transparent url(/site_media/resource/images/core/nav.png) no-repeat -447px 0;
    display: block;
    height: 43px;
    width: 104px;
}

ul.nav li a.nav_contact:hover, ul.nav li.selected a.nav_contact {
    background-position: -447px -60px;
}

ul.nav li a.nav_check {
    background: transparent url(/site_media/resource/images/core/nav.png) no-repeat -718px 0;
    display: block;
    height: 43px;
    width: 144px;
}

ul.nav li a.nav_check:hover, ul.nav li.selected a.nav_check {
    background-position: -718px -60px;
}

ul.nav li a.nav_login {
    background: transparent url(/site_media/resource/images/core/nav.png) no-repeat -551px 0;
    display: block;
    height: 43px;
    width: 80px;
}

ul.nav li a.nav_login:hover, ul.nav li.selected a.nav_login {
    background-position: -551px -60px;
}

ul.nav li a.nav_logout {
    background: transparent url(/site_media/resource/images/core/nav.png) no-repeat -631px 0;
    display: block;
    height: 43px;
    width: 87px;
}

ul.nav li a.nav_logout:hover, ul.nav li.selected a.nav_logout {
    background-position: -631px -60px;
}

ul.nav li a.nav_account {
    background: transparent url(/site_media/resource/images/core/nav.png) no-repeat -965px 0;
    display: block;
    height: 43px;
    width: 109px;
}

ul.nav li a.nav_account:hover, ul.nav li.selected a.nav_account {
    background-position: -965px -60px;
}

ul.nav li a.nav_manage {
    background: transparent url(/site_media/resource/images/core/nav.png) no-repeat -261px 0;
    display: block;
    height: 43px;
    width: 91px;
}

ul.nav li a.nav_manage:hover, ul.nav li.selected a.nav_manage {
    background-position: -261px -60px;
}

ul.nav li a.nav_ssactions {
    background: transparent url(/site_media/resource/images/core/nav.png) no-repeat -862px 0;
    display: block;
    height: 43px;
    width: 103px;
}

ul.nav li a.nav_ssactions:hover, ul.nav li.selected a.nav_ssactions {
    background-position: -862px -60px;
}

ul.nav li a.nav_admin {
    background: transparent url(/site_media/resource/images/core/nav.png) no-repeat -109px 0;
    display: block;
    height: 43px;
    width: 80px;
}

ul.nav li a.nav_admin:hover, ul.nav li.selected a.nav_admin {
    background-position: -109px -60px;
}


ul.links {
    float: right;
}

ul.links li {
    float: left;
    margin-right: 10px;
    padding-right: 10px;
    background: transparent url(/site_media/resource/images/core/ullinks.png) no-repeat 100% 0;
}

ul.links li a {

}

ul.page_links {
}

ul.page_links li {
    float: left;
    margin-right: 10px;
    padding-right: 10px;
    background: transparent url(/site_media/resource/images/core/ullinks.png) no-repeat 100% 0;
}

form label {
    font-weight: bold;
    display: block;
    float: left;
    text-align: left;
    width: 130px;
}

form textarea {
    width: 97%;
    padding: 8px;
    font-size: 1.2em;
    border: 1px solid #DCDCDC;
    background-color: #F9F9F9;
    color: #333333;
}

form input[type=text], form input[type=password] {
    font-size: 1.2em;
    border: 1px solid #DCDCDC;
    background-color: #F9F9F9;
    color: #333333;
}
form select {
    width: 97%;
}

ul.breadcrumb li {
    float: left;
    margin-right: 5px;
    color: #666666;
}

hr.bar {
    border-bottom: 10px solid #017EFB;
    border-top:0;
    border-left:0;
    border-right: 0;
    margin: 0;
    padding: 0;
}

.cnt {
    text-align: center;
}

ul.errorlist li {
    color: #FF0000;
}

img.logo {
    margin-top: 7px;
}

div.help-text {
    color: #999999;
}

a.btn_submit_en {
    display: block;
    width: 62px;
    height: 29px;
    background: transparent url(/site_media/resource/images/lang/en/submit.png) no-repeat 0 0;
}

a.btn_submit_en:hover {
    background-position: 0 -40px;
}

a.btn_submit_el {
    display: block;
    width: 90px;
    height: 29px;
    background: transparent url(/site_media/resource/images/lang/el/submit.png) no-repeat 0 0;
}

a.btn_submit_el:hover {
    background-position: 0 -40px;
}

a.btn {
    float: left;
    margin-right: 10px;
}

ul.generic_nav {

}

ul.generic_nav li {
    margin-bottom: 1px;
}

ul.generic_nav li a {
    display: block;
    padding: 5px;
    text-decoration: none;
    background: #F8F8F8 url(/site_media/resource/images/generic_nav_ind.png) no-repeat 95% 50%;
}

ul.generic_nav li a:hover, ul.generic_nav li.nav_selected a {
    font-weight: bold;
    background: #F1F1F1 url(/site_media/resource/images/generic_nav_ind2.png) no-repeat 95% 50%;
}

table th, table td {
}

table th {
    font-weight: bold;
}

ul.event_links {

}

ul.event_links li {
    margin-bottom: 1px;
}

ul.event_links li a {
    display: block;
    padding: 5px;
    text-decoration: none;
    background: #F8F8F8 url(/site_media/resource/images/generic_nav_ind.png) no-repeat 95% 50%;
}

ul.event_links li a span {
    font-weight: bold;
    margin-right: 10px;
}

ul.event_links li a:hover, ul.event_links li.selected a {
    font-weight: bold;
    background: #F1F1F1 url(/site_media/resource/images/generic_nav_ind2.png) no-repeat 95% 50%;
}


tr.assignment {
    background-color: #F7E8EB !important;
}

div.footer_enc {
    border-top: 1px solid #DDDDDD;
    padding: 10px 0 0 0;
}

strong {
    font-weight: bold;
}


ul.account_info {

}

ul.account_info li {

}

ul.account_info li a {
    display: block;
    border-bottom: 1px solid #cdcdcd;
    padding: 5px;
}

a.btn span {
    display: none;
}

a.btn {
    height: 29px;
}

div.form_left {
    width: 580px;
}

div.form_right {
    width: 320px;
    padding: 20px 0 60px 60px;
    background: transparent url(/site_media/resource/images/loginform.png) no-repeat;
}

ul.login-links {
    margin-top: 20px;
}

ul.login-links li {
    line-height: 1.6em;
}

ul.login-links li a {
}

form.loginform {
    height: 200px;
    padding: 20px 0;
}

form.loginform input[type=text], form.loginform input[type=password] {
    width: 540px;
}

div#success, div#fail, div#loading {
    display: none;
}

.field_error {
    color: #ff0000;
}

.red_error {
    border: 1px solid red !important;
}

a.btn_technician_add {
    display: block;
    width: 120px;
    height: 29px;
    background: transparent url(/site_media/resource/images/btn_technician_add.png) no-repeat 0 0;
}

a.btn_technician_add:hover {
    background-position: 0 -40px;
}

a.btn_technician_edit {
    display: block;
    width: 120px;
    height: 29px;
    background: transparent url(/site_media/resource/images/btn_technician_edit.png) no-repeat 0 0;
}

a.btn_technician_edit:hover {
    background-position: 0 -40px;
}

a.btn_approve {
    display: block;
    width: 70px;
    height: 29px;
    background: transparent url(/site_media/resource/images/btn_approve.png) no-repeat 0 0;
}

a.btn_approve:hover {
    background-position: 0 -40px;
}

a.btn_deny {
    display: block;
    width: 52px;
    height: 29px;
    background: transparent url(/site_media/resource/images/btn_deny.png) no-repeat 0 0;
}

a.btn_deny:hover {
    background-position: 0 -40px;
}

img.tech_picture {
    width: 92px;
    border: 1px dashed gray;
    padding: 5px;
}

a.btn_vessel_add {
    display: block;
    width: 105px;
    height: 29px;
    background: transparent url(/site_media/resource/images/btn_vessel_add.png) no-repeat 0 0;
}

a.btn_vessel_add:hover {
    background-position: 0 -40px;
}

a.btn_vessel_edit {
    display: block;
    width: 83px;
    height: 29px;
    background: transparent url(/site_media/resource/images/btn_vessel_edit.png) no-repeat 0 0;
}

a.btn_vessel_edit:hover {
    background-position: 0 -40px;
}

a.btn_liferaft_issue {
    display: block;
    width: 90px;
    height: 29px;
    background: transparent url(/site_media/resource/images/btn_liferaft_issue.png) no-repeat 0 0;
}

a.btn_liferaft_issue:hover {
    background-position: 0 -40px;
}

div.pagination {
    padding: 10px;
    margin-top: 10px;
}

a.pagination-btn {
    display: block;
    padding: 5px;
    float: right;
    margin-right: 3px;
    text-decoration: none;
}

a.pagination-btn:hover {
    background-color: #7F3732;
    color: white;
}

a.pagination-current {
    background-color: #cccccc;
    color: black;
}

div.pagination-text {
    float: left;
}

/** forms **/


	/* FORM */
	.form {
		margin-top:-10px;
	}
    input.prefilled {
		background-image:url(/site_media/resource/images/input_pre.png) !important;
    }
	input[type="text"],input[type="password"] {
		border:1px solid #e3e3e3;
		height:28px;
		font-family: Helvetica, Arial, sans-serif;
		padding-left:10px;
		padding-right:10px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		color:#575757;
		background-color:#FFF;
		background-image:url(/site_media/resource/images/input.png);
	}
	.table_form { margin-left:-1px; }
	.small {
		width:79px;
	}
	.medium {
		width:906px;
	}
	.mediumcol {
		width:637px;
	}
	.medium-select {
		width:926px;
	}
	textarea {
		border:1px solid #e3e3e3;
		font-family: Helvetica, Arial, sans-serif;
		padding-left:10px;
		padding-right:10px;
		padding-top:5px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3spx;
		color:#575757;
		background-color:#fefefe;
	}
	.uploader{
		position:relative;
		display:inline-block;
		overflow:hidden;
		cursor:default;
		padding:0;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}
	
	.filename{
		float:left;
		display:inline-block;
		outline:0 none;
		height:32px;
		width:440px;
	}
	
	.button_files {
		float:left;
		height:25px;
		display:inline-block;
		outline:0 none;
		padding:0px 12px;
		margin-left:-2px;
		cursor:pointer;
		border:1px solid;
		font:12px Helvetica, Arial, sans-serif;
		
	}

	.uploader input[type=file]{
		position:absolute;
		top:0; right:0; bottom:0;
		border:0;
		padding:0; margin:0;
		height:20px;
		cursor:pointer;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity: 0;
		opacity:0;
	}
	
	input[type=button]::-moz-focus-inner{padding:0; border:0 none; -moz-box-sizing:content-box;}
	input[type=button]::-webkit-focus-inner{padding:0; border:0 none; -webkit-box-sizing:content-box;}
	input[type=text]::-moz-focus-inner{padding:0; border:0 none; -moz-box-sizing:content-box;}
	input[type=text]::-webkit-focus-inner{padding:0; border:0 none; -webkit-box-sizing:content-box;}
	.black .button_files{
		background-image:url(../images/button.png);
		border:1px solid #CCC;
		color:#55585d;
		height:30px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
	.black:hover .button_files{
		 -moz-opacity: 0.9;
		  -khtml-opacity: 0.9;
		  opacity: 0.9;
		  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	}

	.elem {
		clear:both;
		padding-top:10px;
	}
	.elem label {
		float:left;
		padding-top:2px;
	}
	.indent {
		margin-left:150px;
	}
	.input-slider {
		background-color:#000;
	}
	#amount, #amount2, #amount3 , #amount4{
		background-color:#fff; background-image:none; border:0; color:#60b0e5;
	}
	.distance p{
		float:left;
		width:130px;
	}
	.checkbox, .radio {
		width: 19px;
		height: 20px;
		padding: 0 5px 0 0;
		background: url(../images/checkbox.png) no-repeat;
		display: block;
		clear: left;
		float: left;
		margin-top:-1px;
	}
	.radio {
		background: url(../images/radio.png) no-repeat;
	}
	.color-img {
		padding-top:5px;
		padding-left:5px;
		position:absolute;
	}
	#editor {
		width:670px;
	}
	/******* VALIDATE FORM *******/

	#customForm input.error{
		background: #f8dbdb;
		border-color: #e77776;
	}
	#customForm textarea.error{
		background: #f8dbdb;
		border-color: #e77776;
	}
	#customForm div span.error{
		color: #e46c6e;
	}
	#error{
		margin-bottom: 20px;
		border: 1px solid #efefef;
	}
	#error ul{
		list-style: square;
		padding: 5px;
		font-size: 11px;
	}
	#error ul li{
		list-style-position: inside;
		line-height: 1.6em;
	}
	#error ul li strong{
		color: #e46c6d;
	}
	#error.valid ul li strong{
		color: #93d72e;
	}
    .invisible {
        display: none;
    }

    .display {
        clear: both;
        margin-bottom: 20px;
    }