/*
 *	Copyright:
 *		Copyright (c) 2007-2012 Axcess Consulting, <http://axcess.com.au/>.
 *
 *	License:
 *		Axcess-style license.
 *
 *	Note:	
 *
 * 
 */

/*--------------------*/
/*ARMnet Loading Page */
/*--------------------*/
.loading_bar_body {
    height: 100%;
    width: 100%;
    top:0;
    left:0;
    background: url(images/ajax-loader-3.gif) no-repeat 50% 50%;
}

/*---------------*/
/* Main			 */
/*---------------*/
.divider {
    display: block;
    height: 0;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: 4px;
    background: url('/theme/images/Help/title-seperator.png') 0 0 repeat-x;
    margin: 0 0 10px;
}
.buttonDisplay {
	font-family: 'lucida grande', tahoma, helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	padding: 7px 7px 7px 25px;
	border: 1px solid #cbcbcb;
	border-radius: 19px;
	-moz-appearance: none;
	-webkit-appearance: none;
	box-shadow: 0 1px 5px rgba(0,0,0,.2);
	background: #cef98d url('../images/account_12x12.png') no-repeat 8px 8px;
	outline: none;
	display: inline-block;
}
.k-combobox-clearable .k-input {
    padding-right: 0em !important;
}

/*-----------------------------------*/
/* iPad_ARMuser_MyTask.html			 */
/*-----------------------------------*/
#arm_MyPipeline .arm_MapEmbed {
	margin: 0px;
	width: 100%;
	height: 100%;
	border: 0px solid black;
}
#arm_MyPipeline .badgeNumberNTD {
	font-family: 'lucida grande', tahoma, helvetica, sans-serif;
	font-size: 12px;
	color: #FF6A00;
	padding: 8px 12px 8px 12px;
	border: 1px solid #cbcbcb;
	border-radius: 26px;
	-moz-appearance: none;
	-webkit-appearance: none;
	box-shadow: 0 1px 5px rgba(0,0,0,.2);
	background: #FFF;
	outline: none;
	display: inline-block;
}
#arm_MyPipeline .badgeNumberNTD2 {
	font-family: 'lucida grande', tahoma, helvetica, sans-serif;
	font-size: 12px;
	color: #FF6A00;
	padding: 8px 9px 8px 9px;
	border: 1px solid #cbcbcb;
	border-radius: 26px;
	-moz-appearance: none;
	-webkit-appearance: none;
	box-shadow: 0 1px 5px rgba(0,0,0,.2);
	background: #FFF;
	outline: none;
	display: inline-block;
}
#arm_MyPipeline .badgeNumberSeq {
	font-family: 'lucida grande', tahoma, helvetica, sans-serif;
	font-size: 12px;
	color: #FF6A00;
	padding: 8px 12px 8px 12px;
	border: 1px solid #cbcbcb;
	border-radius: 26px;
	-moz-appearance: none;
	-webkit-appearance: none;
	box-shadow: 0 1px 5px rgba(0,0,0,.2);
	background: #d7f7c4;
	outline: none;
	display: inline-block;
}
#arm_MyPipeline .badgeNumberSeq2 {
	font-family: 'lucida grande', tahoma, helvetica, sans-serif;
	font-size: 12px;
	color: #FF6A00;
	padding: 8px 9px 8px 9px;
	border: 1px solid #cbcbcb;
	border-radius: 26px;
	-moz-appearance: none;
	-webkit-appearance: none;
	box-shadow: 0 1px 5px rgba(0,0,0,.2);
	background: #d7f7c4;
	outline: none;
	display: inline-block;
}
#arm_MyPipeline .badgeNumber {
	font-family: 'lucida grande', tahoma, helvetica, sans-serif;
	font-size: 12px;
	color: #FF6A00;
	padding: 8px 12px 8px 12px;
	border: 1px solid #cbcbcb;
	border-radius: 26px;
	-moz-appearance: none;
	-webkit-appearance: none;
	box-shadow: 0 1px 5px rgba(0,0,0,.2);
	background: #FFF;
	background: #fff url('theme/images/iPhone/user_male3-25.png') no-repeat 1px 2px;
	outline: none;
	display: inline-block;
}
#arm_MyPipeline .badgeNumber2 {
	font-family: 'lucida grande', tahoma, helvetica, sans-serif;
	font-size: 12px;
	color: #FF6A00;
	padding: 8px 12px 8px 12px;
	border: 1px solid #cbcbcb;
	border-radius: 26px;
	-moz-appearance: none;
	-webkit-appearance: none;
	box-shadow: 0 1px 5px rgba(0,0,0,.2);
	background: #FFF;
	background: #fff url('theme/images/iPhone/shop-25.png') no-repeat 1px 2px;
	outline: none;
	display: inline-block;
}
#arm_MyPipeline .badgeDocument {
	font-family: 'lucida grande', tahoma, helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	padding: 7px 7px 7px 20px;
	width: 30px;
	border: 1px solid #cbcbcb;
	border-radius: 19px;
	-moz-appearance: none;
	-webkit-appearance: none;
	box-shadow: 0 1px 5px rgba(0,0,0,.2);
	background: #fff url('theme/images/iPhone/folder-18.png') no-repeat 5px 5px;
	outline: none;
	display: inline-block;
}
#arm_MyPipeline .HomeLoan {
	font-family: 'lucida grande', tahoma, helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	padding: 7px 7px 7px 20px;
	width: 30px;
	border: 1px solid #cbcbcb;
	border-radius: 19px;
	-moz-appearance: none;
	-webkit-appearance: none;
	box-shadow: 0 1px 5px rgba(0,0,0,.2);
	background: #fff url('theme/images/iPhone/home-25.png') no-repeat 4px 3px;
	outline: none;
	display: inline-block;
}
#arm_MyPipeline h2 {
    display: inline-block;
    font-size: 1.3em;
    margin: 0em 0 0 0em;
}
#arm_MyPipeline h2 span {
    display: block;
    clear: both;
    font-size: 1.0em;
    margin: 0 0 0 0;
}
#arm_MyPipeline .value {
    float: right;
    color: #007aff;
    width:100%;
    text-align:right;
    overflow:hidden;
    margin-right:20px;
}
#arm_MyPipeline .valueLeft {
    float: left;
    color: #007aff;
    width:100%;
    text-align:left;
    overflow:hidden;
    margin-right:20px;
}
#arm_MyPipeline .value2 {
    color: #007aff;
    text-align:left;
    overflow:hidden;
}
#arm_MyPipeline div.current {
    background-color: #d7f7c4;
}
#arm_MyPipeline div.past {
    background-color: #F6F9FC;
}

#arm_MyCAMAdmin .arm_MapEmbed {
    margin: 0px;
    width: 100%;
    height: 100%;
    border: 0px solid black;
}
#arm_MyCAMAdmin .badgeNumberNTD {
    font-family: 'lucida grande', tahoma, helvetica, sans-serif;
    font-size: 12px;
    color: #FF6A00;
    padding: 8px 12px 8px 12px;
    border: 1px solid #cbcbcb;
    border-radius: 26px;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-shadow: 0 1px 5px rgba(0,0,0,.2);
    background: #FFF;
    outline: none;
    display: inline-block;
}
#arm_MyCAMAdmin .badgeNumberNTD2 {
    font-family: 'lucida grande', tahoma, helvetica, sans-serif;
    font-size: 12px;
    color: #FF6A00;
    padding: 8px 9px 8px 9px;
    border: 1px solid #cbcbcb;
    border-radius: 26px;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-shadow: 0 1px 5px rgba(0,0,0,.2);
    background: #FFF;
    outline: none;
    display: inline-block;
}
#arm_MyCAMAdmin .badgeNumberSeq {
    font-family: 'lucida grande', tahoma, helvetica, sans-serif;
    font-size: 12px;
    color: #FF6A00;
    padding: 8px 12px 8px 12px;
    border: 1px solid #cbcbcb;
    border-radius: 26px;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-shadow: 0 1px 5px rgba(0,0,0,.2);
    background: #d7f7c4;
    outline: none;
    display: inline-block;
}
#arm_MyCAMAdmin .badgeNumberSeq2 {
    font-family: 'lucida grande', tahoma, helvetica, sans-serif;
    font-size: 12px;
    color: #FF6A00;
    padding: 8px 9px 8px 9px;
    border: 1px solid #cbcbcb;
    border-radius: 26px;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-shadow: 0 1px 5px rgba(0,0,0,.2);
    background: #d7f7c4;
    outline: none;
    display: inline-block;
}
#arm_MyCAMAdmin .badgeNumber {
    font-family: 'lucida grande', tahoma, helvetica, sans-serif;
    font-size: 12px;
    color: #FF6A00;
    padding: 8px 12px 8px 12px;
    border: 1px solid #cbcbcb;
    border-radius: 26px;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-shadow: 0 1px 5px rgba(0,0,0,.2);
    background: #FFF;
    background: #fff url('theme/images/iPhone/user_male3-25.png') no-repeat 1px 2px;
    outline: none;
    display: inline-block;
}
#arm_MyCAMAdmin .badgeNumber2 {
    font-family: 'lucida grande', tahoma, helvetica, sans-serif;
    font-size: 12px;
    color: #FF6A00;
    padding: 8px 12px 8px 12px;
    border: 1px solid #cbcbcb;
    border-radius: 26px;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-shadow: 0 1px 5px rgba(0,0,0,.2);
    background: #FFF;
    background: #fff url('theme/images/iPhone/shop-25.png') no-repeat 1px 2px;
    outline: none;
    display: inline-block;
}
#arm_MyCAMAdmin .badgeDocument {
    font-family: 'lucida grande', tahoma, helvetica, sans-serif;
    font-size: 11px;
    color: #333;
    padding: 7px 7px 7px 20px;
    width: 30px;
    border: 1px solid #cbcbcb;
    border-radius: 19px;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-shadow: 0 1px 5px rgba(0,0,0,.2);
    background: #fff url('theme/images/iPhone/folder-18.png') no-repeat 5px 5px;
    outline: none;
    display: inline-block;
}
#arm_MyCAMAdmin .HomeLoan {
    font-family: 'lucida grande', tahoma, helvetica, sans-serif;
    font-size: 11px;
    color: #333;
    padding: 7px 7px 7px 20px;
    width: 30px;
    border: 1px solid #cbcbcb;
    border-radius: 19px;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-shadow: 0 1px 5px rgba(0,0,0,.2);
    background: #fff url('theme/images/iPhone/home-25.png') no-repeat 4px 3px;
    outline: none;
    display: inline-block;
}
#arm_MyCAMAdmin h2 {
    display: inline-block;
    font-size: 1.3em;
    margin: 0em 0 0 0em;
}
#arm_MyCAMAdmin h2 span {
    display: block;
    clear: both;
    font-size: 1.0em;
    margin: 0 0 0 0;
}
#arm_MyCAMAdmin .value {
    float: right;
    color: #007aff;
    width: 100%;
    text-align: right;
    overflow: hidden;
    margin-right: 20px;
}
#arm_MyCAMAdmin .valueLeft {
    float: left;
    color: #007aff;
    width: 100%;
    text-align: left;
    overflow: hidden;
    margin-right: 20px;
}

#arm_AccountSendMessage h2 {
    display: inline-block;
    font-size: 1.0em;
    margin: 1.1em 0 0 .6em;
}
#arm_AccountSendMessage h2 span {
    display: block;
    clear: both;
    font-size: 1.0em;
    margin: .1em 0 0 0;
}
#arm_AccountSendMessage .imgClass {
    float: left;
    width: 4em;
    height: 4em;
    margin: 0;
    border: 1px solid rgba(0,0,0,.2);
    -webkit-border-radius: 4em;
    border-radius: 4em;
}
#arm_AccountSendMessage .imgClass {
    width: 5em;
    height: 5em;
}
#arm_AccountSendMessage .value {
    float: left;
    color: #007aff;
    text-align:left;
    overflow:hidden;
    margin-right:20px;
}
#arm_AccountSendMessage .valueRight {
    float: right;
    color: #007aff;
    overflow:hidden;
    margin-right:20px;
}
#arm_AccountSendMessage .valueDOC {
    float: right;
    color: #007aff;
    width:300px;
    text-align:right;
    overflow:hidden;
    margin-right:20px;
}
#arm_AccountSendMessage .inputBackGround {
    color: #000; 
    background-color: #F7F7F7;
}

/*---------------*/
/* TimeLine      */
/*---------------*/
div.timeline-frame {
    -moz-box-sizing: border-box;
    /*border: 1px solid #bebebe;*/
    border: none;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    margin-left: 7px;
}
div.timeline-content {
    overflow: hidden;
    position: relative;
}
div.timeline-axis {
    -moz-box-sizing: border-box;
    border-color: #bebebe;
    border-top-style: solid;
    border-width: 1px;
    box-sizing: border-box;
}
div.timeline-axis-grid {
    -moz-box-sizing: border-box;
    border-left-style: solid;
    border-width: 1px;
    box-sizing: border-box;
}
div.timeline-axis-grid-minor {
    border-color: #e5e5e5;
}
div.timeline-axis-grid-major {
    border-color: #bfbfbf;
}
div.timeline-axis-text {
    color: #4d4d4d;
    padding: 3px;
    white-space: nowrap;
}
div.timeline-axis-text-minor {
}
div.timeline-axis-text-major {
}
div.timeline-event {
    -moz-box-sizing: border-box;
    background-color: #d5ddf6;
    border-color: #97b0f8;
    box-sizing: border-box;
    color: #1a1a1a;
    display: inline-block;
}
div.timeline-event-selected {
    background-color: #fff785;
    border-color: #ffc200;
    z-index: 999;
}
div.timeline-event-cluster {
    background: url('img/cluster_bg.png') #97b0f8;
    color: #ffffff;
}
div.timeline-event-cluster div.timeline-event-dot {
    border-color: #d5ddf6;
}
div.timeline-event-box {
    -moz-border-radius: 5px; /* For Firefox 3.6 and older */
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    text-align: center;
}
div.timeline-event-dot {
    -moz-border-radius: 5px; /* For Firefox 3.6 and older */
    border-radius: 5px;
    border-style: solid;
    border-width: 5px;
}
div.timeline-event-range {
    -moz-border-radius: 2px; /* For Firefox 3.6 and older */
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
}
div.timeline-event-range-drag-left {
    cursor: w-resize;
    z-index: 1000;
}
div.timeline-event-range-drag-right {
    cursor: e-resize;
    z-index: 1000;
}
div.timeline-event-line {
    -moz-box-sizing: border-box;
    border-left-style: solid;
    border-left-width: 1px;
    box-sizing: border-box;
}
div.timeline-event-content {
    margin: 5px;
    overflow: hidden;
    white-space: nowrap;
}
div.timeline-groups-axis {
    -moz-box-sizing: border-box;
    border-color: #bebebe;
    border-width: 1px;
    box-sizing: border-box;
}
div.timeline-groups-axis-onleft {
    border-style: none solid none none;
}
div.timeline-groups-axis-onright {
    border-style: none none none solid;
}
div.timeline-groups-text {
    color: #4d4d4d;
    padding-left: 10px;
    padding-right: 10px;
}
div.timeline-currenttime {
    -moz-box-sizing: border-box;
    background-color: #ff7f6e;
    box-sizing: border-box;
    width: 2px;
}
div.timeline-customtime {
    -moz-box-sizing: border-box;
    background-color: #6e94ff;
    box-sizing: border-box;
    cursor: move;
    width: 2px;
}
div.timeline-navigation {
    -moz-border-radius: 2px; /* For Firefox 3.6 and older */
    -moz-box-sizing: border-box;
    background-color: #f5f5f5;
    border: 1px solid #bebebe;
    border-radius: 2px;
    box-sizing: border-box;
    color: #808080;
    font-family: arial;
    font-size: 20px;
    font-weight: bold;
}
div.timeline-navigation-new,
div.timeline-navigation-delete,
div.timeline-navigation-zoom-in,
div.timeline-navigation-zoom-out,
div.timeline-navigation-move-left,
div.timeline-navigation-move-right {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    height: 36px;
    padding: 10px;
    text-decoration: none;
    width: 36px;
}
div.timeline-navigation-new {
    background: url('../images/16/new.png') no-repeat center;
}
div.timeline-navigation-new-line {
    border-right: 1px solid #bebebe;
}
div.timeline-navigation-delete {
    background: url('../images/16/delete.png') no-repeat center;
}
div.timeline-navigation-zoom-in {
    background: url('../images/16/zoomin.png') no-repeat center;
}
div.timeline-navigation-zoom-out {
    background: url('../images/16/zoomout.png') no-repeat center;
}
div.timeline-navigation-move-left {
    background: url('../images/16/moveleft.png') no-repeat center;
}
div.timeline-navigation-move-right {
    background: url('../images/16/moveright.png') no-repeat center;
}

/*------------------*/
/* ADWorks STYLES   */
/*------------------*/
#adMainDIV {
    position: relative;
}
#adMainDIV #adNavMenu {
        border-bottom: 1px solid gray;
        border-top: 1px solid gray;
        position: relative;
    }
#adMainDIV #adNavMenu #adNavMenu-wrapper {
            overflow: hidden;
            height: 40px;
            padding: 0 30px;
        }
#adNavMenu-items {
    margin: 0 10px;
    padding: 1px 0;
    list-style: none;
    white-space: nowrap;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
#adMainDIV #adMenuSelector {
    position: relative;
    margin-left: -5px;
    top: -1px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #2196E3;
}
#adMainDIV #adNavMenu ul li {
    display: inline-block;
    margin: 2px 10px 8px 10px;
}
#adMainDIV p, #adMainDIV a {
    color: gray;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
#adMainDIV .active a {
    color: #2196E3 !important;
}
#adMainDIV a, #adMainDIV a:visited, #adMainDIV p {
    text-decoration: none;
    line-height: 1.3;
    letter-spacing: 0.25px;
    font-family: 'Gill Sans', Calibri, 'Helvetica Neue', Arial, sans-serif;
    font-weight: 100;
    text-align: center;
}
#adMainDIV a {
    font-size: 1rem;
}
#adMainDIV p {
    font-size: 1.5rem;
}
.adIcon-Chevronleft, .adIcon-Chevronright {
    background-image: url('../images/arrow.png');
    background-repeat: no-repeat;
    background-size: 20px;
}
.adArrow {
    width: 25px;
    margin-left: auto;
    margin-right: auto;
}
.adNavMenu-paddle-left, .adNavMenu-paddle-right {
    cursor: pointer;
    border: none;
    position: absolute;
    top: 10px;
    background-color: transparent;
    width: 25px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
}
.slick-prev, .adIcon-Chevronleft {
    transform: rotate(180deg);
}
.slick-prev, .adNavMenu-paddle-left {
    left: 0;
}
.slick-next, .adNavMenu-paddle-right {
    right: 0;
}

*------------------*/
/*Checkbox STYLES   */
/*------------------*/
.checklist {
    list-style: none;
    margin: 0;
    padding: 0;
}

.checklist li {
    float: left;
    margin-right: 10px;
    background: url(../images/checkboxbg.gif) no-repeat 0 0;
    width: 105px;
    height: 150px;
    position: relative;
    font: normal 12px/1.3 "Lucida Grande","Lucida","Arial",Sans-serif;
}

    .checklist li.selected {
        background-position: -105px 0;
    }

        .checklist li.selected .checkbox-select {
            display: none;
        }

.checkbox-select {
    display: block;
    float: left;
    position: absolute;
    top: 118px;
    left: 10px;
    width: 85px;
    height: 23px;
    background: url(../images/select.gif) no-repeat 0 0;
    text-indent: -9999px;
}

.checklist li.selected .checkbox-yes {
    display: none;
}

.checkbox-yes {
    display: block;
    float: left;
    position: absolute;
    top: 118px;
    left: 10px;
    width: 85px;
    height: 23px;
    background: url(../images/checkBox_Yes.gif) no-repeat 0 0;
    text-indent: -9999px;
}

.checklist li input {
    display: none;
}

a.checkbox-deselect {
    font: normal 14px/1.4 "Lucida Grande","Lucida","Arial",Sans-serif;
    display: none;
    color: white;
    font-weight: normal;
    text-decoration: none;
    position: absolute;
    top: 120px;
    right: 10px;
}

.checklist li.selected a.checkbox-deselect {
    display: block;
}

.checklist li label {
    display: block;
    text-align: center;
    padding: 8px;
}