@charset "utf-8";
/* CSS Document */



/* ------- GLOBAL STYLES (SITE & APP) ------- */


*{
font-family: Arial, Helvetica, sans-serif;
}

html, body {
}

p{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 14px;
    line-height: 17px;
}

a{
	color: #4d8c3f;
}

a:hover, a:focus{
	color: #949698;
}

h1{
	font-size: 29px;
	font-weight: normal;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}


h2{
	font-size: 38px;
	margin: 0;
    font-weight: bold;
	font-family: 'century gothic', verdana, Arial, Helvetica, sans-serif;
}


h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
}

h3 strong{
}

h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

hr{
	width: 100%;
	height: 1px;
	clear: both;
    border: 0;
}


ul{
    font-size: 14px;
    clear: both;
}

li{	
    padding-bottom: 0.4em;
}

li a{
	text-decoration: none;
}

li span{
}

small{
    font-size: 12px;
}

.checkbox-label{
    font-size: 14px;
    color: #484848;
    font-weight: normal;
    padding: 0 0 10px 0;
}

.checkbox{
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
}

.print{
	display: none;
}

/*tables*/
table{
    border: 1px solid #bdbdbd;
    border-bottom: 0;
    border-top: 0;
    margin: 0;
    border-spacing: 0;
}
/*background is transparent to apply a nice background from the containing div*/

table tr td{
    line-height: 18px;
    padding: 8px 15px;
    border: 0;
}

table tr th{
    padding: 5px 15px;
    line-height: 18px;
    font-size: 13px;
}


table tr.altrow td{ background-color: #ededed; }

table tr td h5{ margin:0; }


table th a:hover{color: #686868;}
table th, table th a{
	text-decoration: none;
	color: #484848;
	white-space: nowrap;
	text-align:left;	
}




.changed *{
    color: #484848;
}

div.labeled-value{
    display: block !important;
}

div.labeled-value div.value{
    display: inline-block;
}

div.labeled-value label,
div.labeled-value div.value{
    vertical-align: top;
    line-height: 20px;
    padding: 0;
    display: inline-block;
}

div.labeled-value label{
    width: 100px;
}

div.labeled-value div.value{
    width: 170px;
}

/**/


/*floating paragraph picture*/
.inline-image{
    float: left;
    margin: 0 10px 2px 0;
    border: 3px solid #d5d5d5;
}

#wrapper {
	min-height: 100%;
	margin: 0 auto -180px; /* the bottom margin is the negative value of the footer's height */
	height: auto !important;
	height: 100%;
}




/* widgets */

.pane .header div,
.niceBox .header div,
.table-title-bar div{ 
    display: inline-block;
    float: left;
    background: none;
}

.niceBox div.body div{
    float: none;
}

.niceBox div.horizontal-ruler{
    border-top: 1px solid #000;
    height: 2px;
    margin: 5px 0;
    display: block !important;
}

.niceBox p{
    margin: 0;
}

.niceBox table{
    border: 0;
}

.niceBox table tr.altrow td,
.niceBox tr:nth-child(even) td,
.niceBox tr.even td{
    background: none transparent;
}


.pane .body{
    border: 1px solid #bbb;
    border-top: 0;
    border-bottom: 0;
    background: #eee;
    padding: 10px;
}

.pane .footer,
.pane .footer .left-cap,
.pane .footer .middle,
.pane .footer .right-cap{
    height: 38px;
}

.pane .footer .left-cap,
.pane .footer .middle,
.pane .footer .right-cap{
    float:left;
}

.pane .footer .left-cap, .pane .footer .right-cap{
    width: 9px;
}

.pane .footer .right-cap{ background-position: right;}

.pane .footer div.button{
    margin: 0;
}


.niceBox {
    border: 1px solid #000;

}

.table-title-bar .icon,
.pane .icon,
.niceBox div.header .icon {
    margin-top: 8px;
    margin-left: 4px;
}

.table-title-bar .title,
.pane .title,
.niceBox div.header .title {
    margin: 8px;
    color: #000;
    font-weight: bold;
	font-size: 1.4em;
    vertical-align: bottom;
    
}
.niceBox div.left-body{
    width: 10px;
}

.niceBox div.body{
    margin-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.simpleBox fieldset{/*soft-box with no images, for faster loading (no round corners in MSIE */
    border: 1px #bababa solid;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

/*tooltip insides*/

#tooltip h2, #tooltip h3, #tooltip h4, #tooltip h5{
    margin-bottom: 0;
}

.org-info-tooltip div.logo,
.org-info-tooltip div.details{
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    max-width: 300px;
    word-wrap: break-word;
}

.org-info-tooltip div.description{
    border-top: 1px solid #bababa;
}
.org-info-tooltip div.description p{
    max-width: 400px;
}
.org-info-tooltip p{
    margin-top: 0;
    margin-bottom: 0;
}

#negotiation-actions-body label{
    padding-right: 2px;
}


/* trunk widgets end */



/* layout 'boxes' */

#create-event-request2{
	width: 628px;
	border-left: 1px #bababa solid;
	padding: 0px 0px 0px 0px;
	border-right: 1px #bababa solid;
	background-color: #f5f5f5
}


#create-event-request2 .span-16.last{
	padding:20px 10px 0px 9px
}

#create-event-request2 textarea{
	width: 285px;
}

#create-event-request2 #event_description{
	height: 125px;
}

#create-event-request2 #guest_room_remarks{
	height: 115px;	
}

.soft-box .content{
    border-left: 1px #bababa solid;
    border-right: 1px #bababa solid;
    padding: 0 15px 9px 15px; /* bottom: 15px - 9px (for the footer) */
    color: #7a7a7a;
}

.soft-box .header h4{
    position: relative;
    top: -9px;
    padding: 0 5px;
    background: #fff;
    display: inline-block;
    margin: 0 10px;
}

.soft-box .header, .soft-box .footer{background-repeat: no-repeat;}

.span-16 .soft-box .header{
    background: url('../img/white-header-span-16.png') no-repeat bottom;
    height: 20px;
    background-position: bottom;
    background-repeat: no-repeat;
}
.span-16 .soft-box .footer{
    background: url('../img/white-footer-span-16.png') no-repeat top;
    height: 6px;
}

.simple-soft-box{ /*soft-box with no images, for faster loading (no round corners in MSIE */
    border: 1px #bababa solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.add_edit_user_inline label{
	width: 110px;
	margin: 5px 0 5px 0;
	display: inline-block;
    text-align: right;
}
.add_edit_user_inline input{
    margin-left: 0.5em;
} 

/*negotiation tables*/
.labelCol{
    padding-right: 0;
	margin: 8px 0 8px 0;
    width: 140px;
}

/*form helper table */

.formatHelperTable td{
    padding: 0;
}

.summary-box .formatHelperTable td.label{
    width: 100px;
}

.formatHelperTable td.label{
    padding-right: 5px;
}

/* tweaks to print.css */


label {color: black !important; }

table {border: #ddd 1px solid !important;}
table tr td, table tr th {border: #ddd 1px solid !important; color: #000 !important;}

input, button, div.back-button, div.proposal-summary-header,
#BackToNegotiationsButton, .tooltip, #app-nav, .pagination, .tooltip-content
{display: none;}

.header th, .header-divider, #header,
.requests-index-header2 th, #events-index-header th{
    background: none;
}

table .header a, #events-index-header th a, #requests-index-header2 th a{
    display: inline;
    vertical-align: top;
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
}

#footer{ display: none; }
div, body{ background: none transparent; }

#history-summary:before{ content: 'Negotiation history overview:'; }

.notice, .soft-box, .summary-box{
    display: inline-block;
    width: 45%;
    margin: 1%;
    vertical-align: top;
}

.notice, .soft-box{ border: 1px #eee solid; padding: 1%; }
.niceBox .header .title{ text-shadow: none; color: #000; font-weight: normal; }
#messages-overview .content{ border: 0; }
#sheet{ padding: 0; margin: 0 }

.print{ display: block !important; }
.print-hide{ display: none !important; }
.login_bar, .menu_container, .submenu_holder, #debug-kit-toolbar { display: none !important; }
.print-fullwidth{ width: 80%; }
.print-span-8{ width: 300px; display: inline-block; margin: 0; vertical-align: top}
.print-breakpage{ page-break-after: always; }
.printHeader {
  float:right;
}