/**************************************************/
/* Generic elements *******************************/
/**************************************************/
td {
	line-height: 15px;
}
a, legend {
    color: #000000;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

legend {
    padding-right: 7px;
    _position: absolute;
    _margin-top: -5px;
    _top: -5px; 
    _left: 5px;
    line-height: 20px;
}
fieldset {
    _position: relative;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-top: 9px;
    border: 1px solid #4CBCD0;
    background: #D2EEF3;
    padding-top: 10px;
}

.whiteBackground {
    background: #FFFFFF;
    border: 1px solid #000000;
}

/**************************************************/


/* Control Center Layout � Starts */
.ctrlCenterFirstCol, .ctrlCenterSecondCol {
    vertical-align: top;
    margin: 0px;
    padding: 0px;
}
.ctrlCenterFirstCol {
    padding-right: 7px;
}
.ctrlCenterSecondCol {
    padding-left: 8px;
}
/* Control Center Layout � Ends */

/* Dialog view � Start */
.dlgBtnGlobal {
    text-align: right;
    margin-right: 10px;
    margin-top: 2px;
}
.dlgActionTxt {
    padding: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    vertical-align: baseline;
}

.infoBarBlack {
    color: #000000;
    width: 100%;
	border-color: #000000;
    border-style: solid;
    border-width: 1px;
    border-bottom-width: 0px;
    background-color: #FFFFFF;
	vertical-align: middle;
}

.infoBar {
    color: #000000;
    width: 100%;
	border-color: #4CBCD0;
    border-style: solid;
    border-width: 1px;
    border-bottom-width: 0px;
    background-color: #FFFFFF;
	vertical-align: middle;
}
.infoBarStart, .infoBarEnd {
    padding: 7px;
    margin: 0px;
}
.infoBarStart {
    padding-top: 9px;
    padding-bottom: 9px;
 }
.infoBarStart select {
    margin-top: -10px;
    margin-bottom: -10px;
}
.infoBarEnd {
    text-align: right;
    white-space: nowrap;
    padding-top: 6px;
    padding-bottom: 5px;
}

.infoBarEnd select {
	float: right;
}


.actionBar {
    padding-right: 7px;
    padding-bottom: 3px;
    background-color: #4CBCD0;
    text-align: right;
    line-height:20px;
    margin-bottom:15px;
}
.actionBar .go {
    margin-right: 15px;
}
.actionBar .pagina {
    width: 40px;
    margin-left: 7px;
}
.infoBarStart input, .infoBarEnd  input, .infoBar input, .actionBar input, .infoBarStart select, .infoBarEnd select, .infoBar select, .actionBar select {
    vertical-align: middle;
}
.actionSubBarTxt, .actionSubBarAct {
    padding: 9px;
    background-color: #FFFFFF;
    padding-top: 7px;
    padding-bottom: 7px;
    vertical-align: top;
}
.actionSubBarAct {
    text-align: right;
    white-space: nowrap;
}
.actionSubBarTxt {
    width: 70%;
}
.inputNum3 {
    width:30px;
}

/* Dialog view � Ends */

.titleBar {
    background-color: #4CBCD0;
    padding-right: 5px;
    line-height:20px;
    font-weight: bold;
    color: #FFFFFF;
    border: none;
}
.titleBarInner {
    margin-left: 7px;
    margin-top: 0px;
}
.summaryBox {
    background-color: #FFFFFF;
    padding: 0px;
    border-color: #4CBCD0;
    border-style: solid;
    border-width: 1px;
    border-top-width: 0px;
    margin-bottom:15px;
}
.actionSelect, .actionSelectHL {
    margin: 0px;
    margin-right: 0px;
    padding: 0px;
    font-size: 11px;
    background-color: #FFFFFF;
}
.actionSelectHL {
    background-color: #E5F5FA;
}
.btnSmall {
    font-size: 11px;
}
.actionBtn {
	margin: 0px;
	margin-right: 4px;
	padding: 0px;
}
.dlgBlock {
    padding: 7px;
    padding-top: 2px;
    vertical-align: baseline;
}
.dlgDivider {
    margin: 7px;
	padding-top: 2px;
	vertical-align: baseline;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #4CBCD0;
}
.dlgBoxDetails {
    margin: 0px;
    margin-bottom: 5px;
    border: 0px;
    border-collapse: collapse;
}
.dlgFirstRow {
    padding: 9px;
    background-color: #ffffff;
    border-bottom-width: 1px;
    border-bottom-color: #CDD7D9;
    border-bottom-style: solid;
}
.dlgTxt, .dlgDate, .dlgRowLabel, lstTxt {
    vertical-align: top;
    padding-top: 2px;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 3px;
}
.summaryBoxTxt .dlgTxt {
    padding-left: 0px;
}

.dlgRowLabel {
}
.dlgDate {
    white-space: nowrap;
}
.dlgCol {
    margin: 0px;
    padding: 0px;
    padding-bottom: 15px;
    vertical-align: top;
    background-color: #FFFFFF;
    border-top: 0px #4CBCD0 solid;
}
.dlgCol legend{
    margin-top: -5px;
}
.dlgColPreview {
    height: 400px;
    margin: 0px;
    padding: 0px;
    padding-bottom: 15px;
    vertical-align: top;
    background-color: #FFFFFF;
    border-top: 0px #4CBCD0 solid;
}
.alertBox {
    padding: 7px;
    background-color: #ffffff;
    color: #CC0000;
    border-width: 0px;
    border-color: #CDD7D9;
    border-style: solid;
    border-bottom-width: 1px;
    margin: 0px;
    margin-bottom: 9px;
}
.dlgTipCol {
    width: 34%;
    padding: 9px;
    vertical-align: top;
    border-width: 0px;
    border-left: 1px #4CBCD0 solid;
    border-top: 0px #4CBCD0 solid;
	border-collapse: collapse;
}
.dlgFormElement {
    width: 230px;
}
.summaryBoxItem, .summaryBoxTxt, .summaryBoxTxtHeading {
    text-indent: -11px;
    margin-bottom: 4px;
    vertical-align: top;
}
.summaryBoxItem {
    margin-left: 18px;
    margin-right: 8px;
}
.summaryBoxTxt, .summaryBoxTxtHeading {
    padding-left: 7px;
    padding-right: 7px;
    text-indent: 0px;
}
.summaryBoxTxtHeading {
    font-weight: bold;
}
.customiseImg {
    float: right;
    margin-top: 3px;
    margin-right: 0px;
    margin-left: 6px;
    border: 0px;
}
.dlgBox {
    border: 0px;
    margin: 0px;
    width: 100%;
    border-width: 1px;
	border-top-width: 0px;
    border-style: solid;
	border-color: #4CBCD0;
//	border-collapse: collapse;
}
.lstBox {
    border: 0px;
    margin: 0px;
    width: 100%;
    border-width: 1px;
	border-bottom-width: 0px;
    border-style: solid;
	border-color: #4CBCD0;
//	border-collapse: collapse;
}
.lstBoxBottom {
    border: 0px;
    margin: 0px;
    width: 100%;
    border-width: 1px;
    border-style: solid;
	border-color: #4CBCD0;
}
.lstFormCheckbox {
    margin: 0px;
}
.lstEvRow {
    background-color: #D2EEF3;
}
.lstOddRow {
    background-color: #FFFFFF;
}
.schedulesItemHeader, .schedulesFirstItemHeader {
    background-color: #ffffff;
    border-width: 0px;
    border-top-width: 1px;
    border-color: #CDD7D9;
    border-style: solid;
    border-collapse: collapse;
}
.routeMap {
     border: 0px;
    border-top-width: 1px;
    border-color: #CDD7D9;
     border-style: solid;
     background-color: #ffffff;
     margin: 0px;
     padding: 0px;
}
.routeMapImg {
    border-width: 0px;
    border-right-width: 1px;
    border-color: #CDD7D9;
     border-style: solid;
     margin: 0px;
     padding: 0px;
}
.schedulesFirstItemHeader {
    border-top-width: 0px;
}
.dividerRow {
    border-top-color: #CDD7D9;
    border-top-style: solid;
    border-top-width: 1px;
    border-collapse: collapse;
    background-color: #FFFFFF;
	border-collapse: collapse;
}
.brdTopRow {
    border-top-color: #CDD7D9;
    border-top-style: solid;
    border-top-width: 1px;
    border-collapse: collapse;
    background-color: #FFFFFF;
}
.brdBottomRow {
    border-bottom-color: #CDD7D9;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-collapse: collapse;
    background-color: #FFFFFF;
}
.lstRowHL {
    background-color: #E5F5FA;
}
.lstNow {
    border-top-color: #66C2E0;
    border-top-style: solid;
    border-top-width: 2px;
    border-bottom-color: #66C2E0;
    border-bottom-style: solid;
    border-bottom-width: 2px;
}
.lstHeader {
    font-weight: bold;
    background-color: #ffffff;
    }
.lstDivider {
    font-weight: bold;
    background-color: #ffffff;
	border-top-color: #CDD7D9;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-width: 0px;
	border-collapse: collapse;
    }
.lstFirstRow{
    border-top-width: 1px;
	border-collapse: collapse;
    }

.lstTxt, .lstSum, .lstColLabel, .lstColLabelSub, .lstColLabelSort, .lstRowLabel, .lstDate, .lstHeader, .schedulesItemHeader, .schedulesFirstItemHeader {
    padding-left: 7px;
    padding-right: 7px;
	 line-height: 18px;
}
.infoBar .lstTxt, .infoBar .lstDate {
	line-height: 14px;
}
.lstSum {
    border-top: 1px solid #CDD7D9;
}
.lstDate {
    white-space: nowrap;
}
.lstColLabel, .lstColLabelSort, .lstColLabelSub {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #D2EEF3;
    border-style: solid;
    border-right-color: #FFFFFF;
    border-right-width: 1px;
    border-top-width: 0px;
    border-top-color: #4CBCD0;
    border-bottom-width: 1px;
    border-bottom-color: #4CBCD0;
    border-left-width: 0px;
    cursor: pointer;
    vertical-align: middle;
	 border-collapse: collapse;
}
.lstColLabel, .lstColLabelSub {
    cursor:  default;
}
.lstColLabelSub {
    border-top-width: 2px;
    border-top-color: #6A868D;
}
.lstCtrl {
    padding-left: 2px;
    padding-right: 0px;
    width:17px;
}
.sortArrow {
    margin-top: 2px;
    margin-left: 4px;
    vertical-align: baseline;
}
.lstNumeric {
    text-align: right;
}
.dtGridTDExample {
    text-align: center;
    border-color: #000000;
    border-style: dashed;
    border-width: 1px;
    margin: 0px;
    padding: 0px;
}
.dtGridExample {
    width: 60px;
    height: 60px;
    border-collapse: collapse;
    margin-top: 0px;
    margin-right: 10px;
    padding: 0px;
}

.cbxList {
    background-color: #ffffff;
    height: 70px;
    overflow: auto;
    border-style: inset;
    border-width: 2px;
    white-space: nowrap;
    width: 250px;
    line-height:18px;
}
.ctrlMulti {
    white-space: nowrap;
}

.legalNoticeBox {
    height: 150px;
    overflow: auto;
    background-color: #ffffff;
    border-color: #CDD7D9;
    border-style: solid;
    border-width: 1px;
    padding: 6px;
}
.dlgCtrlWide {
    width: 96%;
}

/** specials for  B/l details view **/
table.tblBLDetails, table.tblBLDetails td {
    border-top: 1px solid #CDD7D9;
    border-right: 1px solid #CDD7D9;
    border-left: 1px solid #CDD7D9;
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
    margin: 0px;
}
table.tblBLDetails td {
    padding: 5px;
}
table.tblBLDetails h2 {
    color: #6A868D;
    font-weight: normal;
}
table.last{
    border-bottom: 1px solid #CDD7D9;
}
tr.list td {
    white-space: nowrap;
}
table.two td{
    width: 50%
}
table.three td{
    width: 33%
}
table.four td{
    width: 25%
}
td.two {
    width: 50%
}
.actionSubBarTxt {
    width: 70%;
}
/*workaround*/
.actionGroupSelect {
    text-align: right;
    margin: 0px;
    padding: 0px;
}
.actionGroupIcons {
    text-align: right;
    margin: 0px;
    padding: 0px;
}
.actionGroup {
    float: right;
    padding: 0px;
    margin: 0px;
    border: 0px;
}