body{
	margin:0px;
	padding:0px;
	background-color: grey;
        overflow-x: auto;
}
html{
	overflow-y:scroll;
}

fieldset {
    margin-bottom: 20px;
    background-color: #e9ebeb;
}

legend {
    background-color: #000;
    color: #fff;
    padding: 3px 10px;
    font-weight: bold;
}


.hidden {
    display: none;
}

.clear{
	clear:both;
	font-size:1px;
}

.left {
    text-align: left !important;
}

.right{
    text-align: right !important;
}

.center {
    text-align: center !important;
}

.bold {
    font-weight: bold !important;
}

.error { padding-left: 10px; }

.green { color: #090; }

.red { color: #990000; }

.f22 {
    font-size: 22px;
}

.f16 {
    font-size: 16px;
}

.deleted-text {
    color: #ababab;
    text-decoration: line-through;
}

.black-border{
    border: 1px solid #000;
}

img{
	border:none;
}
form{
	margin:0px;
	padding:0px;
}
#wrapper{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
        font-size: 12px;
        padding: 0;
        margin: 0;
        background-color: grey;
}

#main{
	min-width:950px;
        width: 95%;
	margin: 0 auto;
	margin-bottom:50px;
        background-color: #fff;
        -webkit-overflow-scrolling: touch;
}


h1{
	font-size:33px;
	color:#102C5C;
	margin:0px;
	padding:10px 0px 30px 0px;
}

#menubar {
    padding:0;
    margin:0;
    width:100%;
    height:65px;
    background: transparent url('/images/menu_bg.png') repeat-x 0 0;
}

#menubar ul {
	list-style:none;
	position:relative;
        left: -40px;
}

#menubar li {
	float:left;
	position:relative;
	font-size:16px;
	font-weight:normal;
        padding: 22px 0px;
}

#menubar li.active {
	background-color:#990000;
        color: #000;
        border-left: 1px dotted #fff;
        border-right: 1px dotted #fff;
}

#menubar li:hover {
	background-color:#addf24;
        color: #000;
}

#menubar a {
    color: #fff;
    text-decoration: none;
    padding: 22px 0.8em;
    text-shadow: 0.1em 0.1em 0.05em #000;
}

#menubar a:hover{
    color:#000;
    text-shadow: 0.1em 0.1em 0.05em #fff;
}

.offersTable {
    text-align: center;
}

.offersTable td{
    padding: 10px 5px;
}

.offersTable thead, .offersTable tfoot {
    background-color: #000;
    color:#fff;
    text-align: left;
}

.offersTable tfoot a {
    color:#fff;
}

.offersTable th {
    padding: 5px;
    text-align: left;
}

.offersTable th a {
    color: #fff;
}

.offersTable td {
    text-align: left;
}

.tr1 {
    background-color: #e9ebeb;
}

.tr0 {
    background-color: #fff;
}

.tr0:hover, .tr1:hover {
    background-color: #e9b000;
}

.invoiceTable {
    text-align: center;
}

.invoiceTable td{
    padding: 10px 5px;
}

.invoiceTable thead, .invoiceTable tfoot {
    background-color: #102C5C;
    color:#fff;
    text-align: left;
}

.invoiceTable tfoot a {
    color:#fff;
}

.invoiceTable th {
    padding: 5px;
    text-align: left;
}

.invoiceTable td {
    text-align: left;
    border-collapse: collapse;
    border: 1px solid #ababab;
}


#resultPerPageDiv{
    position: relative;
    right:10px;
    text-align: right;
    height: 30px;
    font-size: 14px;
}

#resultPerPageDiv select {
    border:1px solid grey;
    padding:2px;
}

#resultPerPageDiv .pagination{
    position: absolute;
    left: 20px;
    top: 0px;
}

.pagination a {
    color:#000;
    font-size: 14px;
}

.input-text-auto {
    width:auto;
    padding:2px;
    border: 1px solid #000;
}

.input-text {
    width:300px;
    padding:2px;
    border: 1px solid #000;
}

.input-text-wider {
    width:450px;
    padding:2px;
    border: 1px solid #000;
}

.input-text-wide {
    width:1000px;
    padding:2px;
    border: 1px solid #000;
}

.input-text-50 {
    width:50px;
    padding:2px;
    border: 1px solid #000;
}

.input-text-70 {
    width:70px;
    padding:2px;
    border: 1px solid #000;
}

.input-text-100 {
    width:100px;
    padding:2px;
    border: 1px solid #000;
}

.input-text-150 {
    width:150px;
    padding:2px;
    border: 1px solid #000;
}

.input-text-200 {
    width:200px;
    padding:2px;
    border: 1px solid #000;
}

.input-text-250 {
    width:250px;
    padding:2px;
    border: 1px solid #000;
}

.input-text-220 {
    width:220px;
    padding:2px;
    border: 1px solid #000;
}

.input-error {
    border: 1px solid #CC0000;
    background-color: #FBE6F2;
}

.textarea-tall {
    height: 500px;
}


#users-edit {
    margin: auto;
}

#users-edit td {
    padding: 5px;
}


ul#hotel {
    list-style-type: none;
}

#login_form input{
    width:200px;
    height:20px;
    line-height:20px;
    border:1px solid grey;
    padding: 3px;
}

#login_form button{
    width:170px;
    height:30px;
    line-height:20px;
    border:1px solid grey;
    padding: 3px;
    background-color: #addf24;
}

#searchDiv, #filterDiv, #newOfferButtonDiv, #newInvoiceButtonDiv{
    position:absolute;
    top:0px;
}

#searchDiv{
    left: 450px;
}

#filterDiv{
    left: 900px;
}

#newOfferButtonDiv, #newInvoiceButtonDiv{
    left: 280px;
}

.moreActionIcons{
    box-shadow: 2px 5px 3px 1px #ababab;
}

.moreActionIcons img {
    margin: 8px;
}

.link, .question-icon, .attachment-delete{
    cursor: pointer;
}

#loadingScreen {
    background: url('/images/loading.gif') no-repeat 5px 8px;
    padding-left: 25px;
}

/* hide the close x on the loading screen */
.loadingScreenWindow .ui-dialog-titlebar-close {
        display: none;
}

.logoutButton {
    padding: 21px 0px 16px 0px !important;
    margin: 0 !important;
}

div.itemsDiv {
    width: 620px; 
    border-left: 1px solid #000; 
    float: left; 
    padding: 0 0 0 20px;
}

div.itemDiv {
    margin: 3px 0 7px 0;
}

div.itemName, div.itemPrice, div.itemAmount, div.itemDelete, div.itemDiscount, div.itemInsurance {
    float:left;
    /*border: 1px solid #000;*/
}

div.itemName {
    width: 320px;
}

div.itemPrice {
    width: 90px;
}

div.itemDiscount {
    width: 160px;
}

div.itemAmount {
    width: 70px;
}

div.itemDelete, div.itemInsurance {
    width: 20px;
    position: relative;
    top: 3px;
    cursor: pointer;
}

div.itemInsurance {
	margin-left: 10px;
	top: 2px;
}

.contractMainPassengerTable, .contractAdditionalPassengerTable {
    width: 450px; 
    border: 0px solid #000;
    float: left; 
    margin: 0 20px 0 0;
}

.contractMainPassengerTable td.firstColumn, .contractAdditionalPassengerTable td.firstColumn, .contractJourneyTable td.firstColumn {
    width: 120px;
}

.contractMainPassengerTable td, .contractAdditionalPassengerTable td, .contractJourneyTable td {
    padding: 3px 2px;
}

.contractMainPassengerTable tr:hover, .contractAdditionalPassengerTable tr:hover, .contractJourneyTable tr:hover {
    background-color: #CCC;
}

.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 );
}

body.loading {
    overflow: hidden;   
}

body.loading .modal {
    display: block;
}

.disountButton {
    padding: 0px;
    margin: 0px;
    font-size: 11px;
}

input.bulkInvoiceStatusChange {
    width: 15px;
    height: 15px;
    /*margin: 0 0 0 5px;*/
    margin: 0;
    padding: 0;
}