font, table, tr, td {
	font-family: verdana, tahoma, arial, helvetica;
	font-size: 10px;
}
body{
	margin:0;
	font-family: verdana, tahoma, arial, helvetica;
	font-size: 10px;	
}

.b{ font-weight:900; }
.u{ text-decoration:underline; }
.c{ text-align:center; }
.r{ text-align:right; }
.l{ text-align:left; }
.at{ vertical-align:top; }
.am{ vertical-align:middle; }
.ab{ vertical-align:bottom; }
.ptr{ cursor:pointer; }

.p10{ font-size:10px; }
.p11{ font-size:11px; }
.p12{ font-size:12px; }
.p14{ font-size:14px; }
.p16{ font-size:14px; }

input{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
}
input, select, textarea {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}
input.entry{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	border-width:thin;
}
button, input[type='submit'] {
	font-family: helvetica;
	font-size:10px;
}
.group { border-color: #E9E9E9; border-style: groove; border-width: 2px; }
.menu_layer{
	background: #DDDDDD;
	position:absolute;
	left:-1000px;
	top:41px;
	z-index: 200;
	font-weight: normal;
}
.GHeader{
	font-size: 11px;
	color: #666666;
}
.menu{
	background: #DDDDDD;
	cursor: pointer;
}
.menu_white{  cursor: pointer;  }
.menu_over{
	background: #C6C6C6;
	font-weight: bold;	
	cursor: pointer;
}
.field{
	border-style:solid;
	border-width:1px;
	border-color:#666666;
	background-color:#bbddee;
	
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
}
.field9{
	border-style:solid;
	border-width:1px;
	border-color:#666666;
	background-color:#BBDDEE;
	padding: 0 0 0 0;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 9px;
}
.field_clear{
	border: 0px;
	background: none;
}
.field_box{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	border: 0px;
	background: none;
	border: 1px solid #666666;
}
.field_outline{
	border: 1px solid #666666;
	background: none;
}
td.ColumnHeader-Blue{
	background-color:#003366;
	height: 25px;
	text-align:center;
	border-style: outset;
	border-width:thin;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	color:#FFFFFF;
}

.inset{
	border:1px solid #666;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
.raised{
	border:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
}
.label{	font-size:11px; 
		color:#666;
	}
.fieldLabel{
	font-family:helvetica,verdana,arial;
	font-weight:900;
	font-size:11px;
}
/* CLASS FOR VERTICAL MENUS */
.vmenu{
	cursor: pointer;
	height: 20px;
	background-Color: #ffffff;
	border-bottom:1px dotted #ddd;
}
.vmenu_hl{
	cursor: pointer;
	height:20px;
	background-Color: #eeeeee;
	border-bottom:1px dotted #666666;
	text-decoration:underline;
}
/* class for document headers */
.documentHead{ height:30px; font-weight:900; font-size:11px; border-top:1px solid #999; border-bottom:1px solid #333; background-Color:#eee; }
.searchLabel{ height:25px; font-weight:900; background-Color:#eee; border-bottom:1px dotted #666; }
.search{ height:25px; border-bottom:1px dotted #666; }

#section_title_table{ width:100%; }
.section_title_table{ width:100%; }
.section_title_name{ font-size:14px; color:#666; font-weight:900; padding:12px; cursor:default; vertical-align:middle; }
.section_title_area{}
.section_title_control{ width:20px; text-align:center; vertical-align:middle; cursor:pointer; }

#sub_title_table{ width:100%; }
.sub_title_table{ width:100%; }
.sub_title_name{ font-size:12px; color:#666; font-weight:900; padding-left:6px; cursor:default; }
.sub_title_area{}
.sub_title_control{ width:20px; text-align:center; vertical-align:middle; cursor:pointer; }

.STbutton{ width:75px; }
.DTheader{ font-size:11px; font-weight:900; border-bottom:4px solid #999; height:26px; }
.space{ width:20px; }

.icon{ height:16px; width:16px; cursor:pointer; background-image:url('images/icons.png'); background-position:-160px 0px; }
.icon_white{ height:16px; width:16px; cursor:pointer; background-image:url('/system/assets/images/icons_white.png'); background-position:-160px 0px; }
.icon_check{ background-position:-63px -145px; }
.icon_blank{ background-position:-160px 0px; }
.icon_circle{ background-position:-112px -144px;}
.icon_arrL{ background-position:-78px -191px;}
.icon_arrR{ background-position:-48px -191px;}
.icon_cal{ background-position:-112px -111px;}
.icon_search{ background-position:-160px -112px; }

.title2{ font-size:11px; font-weight:900; color:#666; }


/* standard colors */
.sc1{ background-color:#93b7d1; }
.sc2{ background-color:#7796b2; }

#LOCK_DIV{ position:absolute; height:0%; width:0%; z-index:0; filter:alpha(opacity=0); }

.listHeader th, .listHeader td{ height:28px; font-size:11px; font-weight:900; border-bottom:1px solid #999; padding:4px; }

.gray1 h3{ font-size:11px;	color: #666666; }
.gray1 td{ vertical-align:middle; }
.gray1 th{ background-color:#ddd; }
.gray1 input, .gray1 select, .gray1 textarea{ font-size:11px; padding:2px; border:1px solid #ddd; background:rgba(238,238,238,0.5); }

.menuItem{ height:32px; color:#333; cursor:pointer; font-size:11px; }
.menuItem:hover{ color:#fff; background-color:#333; }
.menuItemHL{ color:#fff; background-color:#333; }
.menuActive{ color:#fff; background-color:#369; }

.changedField{ background-color:#FFFFE7 }
/****************************/

	@media screen{
		html{ height:100%; }
		body{ height:100%; }
	}
	#session-indicator{ color:#ccc; }
	#default-content-container{ padding:6px; }
	#main-header{ background-color:#7796b2; height:28px; }
	#menu-right{
		float:right;
	}
	#user-info{ 
		padding:6px; 
		font-size:11px;
	}
	#help-menu{
		padding:6px;
		font-size:11px;
	}
	#company-name{
		padding:6px;
		font-weight:900;
		font-size:11px;
	}
	#header-banner{
		padding:6px;
	}
	
	#SYSTEM_STATUSWINDOW{
		position:fixed;
		display:none;
		background-color:#000;
		width:325px;
		padding:0;
		right:0;
		bottom:0;
		z-index:100;
		font-size:1.25em;
		border-radius:2px;
	}
	#SYSTEM_STATUSWINDOW_BODY{
		overflow: scroll;
		min-height:85px;
		padding:4px;
		background-color:#fff;
		font-size:11px;
	}
	#SYSTEM_STATUSWINDOW_TITLE{
		padding:4px;
		font-weight:900;
		color:#fff;
		height:20px;
		overflow:hidden;
	}
	#SYSTEM_STATUSWINDOW_CONTROL_TITLE{
		display:inline-block;
		font-size:10px;
	}
	#SYSTEM_STATUSWINDOW_CONTROL{
		display:inline-block;
		float:right;
		font-weight:900;
		cursor:pointer;
		font-size:10px;
	}
	
	#UTILITY{ 
		position:absolute; 
		height:0%;
		width:0%;
		z-index:10;
		left:-1000px;
		background-color:#fff;
	}

	.floatl{ float:left; }
	.floatr{ float:right; }
	
	.shadow{ box-shadow: 5px 5px 5px #888888; }

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

div.main{ margin:16px; }

div.projectBlock{ font-size:1.2em; padding:4px; display:inline-block; }
div.projectBlock projectRef { display:inline-block; color:#000; font-weight:900; }
div.projectBlock projectName { display:inline-block; color:blue; font-weight:900; }
div.projectBlock customerName { color:#666; }
div.projectBlock a{ text-decoration:none; }

@media only screen and (max-device-width: 480px){
	* { max-width:100%;
		box-sizing:border-box;
	}
}


div.activity-change-record span.field{ padding:2px; border-radius:2px; }
div.activity-change-record div{ margin:2px; }
div.activity-change-record span{ line-height:1.75;
		padding:2px; border:1px solid #eee; border-radius:5px;
	}

div.activity-change-record div.updateItem{
	line-height:1.75;
	padding:2px;
	border:1px solid #eee;
	border-radius:5px;
	display:inline-block;
}

div.updateItem.UPDATE{ background-color:orange !important; }
div.updateItem.ITEM-ADD{ background-color:#4aa63b !important; color:#fff; }
div.updateItem.ITEM-UPDATE{ background-color:#eee !important; }
div.updateItem.ITEM-DELETE, span.ITEM-UNLINK{ background-color:red !important; }
div.updateItem label{ display:inline-block; padding:2px; }
div.updateItem div.detail{ display:inline-block; padding:2px 4px; border-radius:3px; background-color:#fff; color:#000; }

div.activity-change-record span.old{ text-decoration:line-through; }
div.activity-change-record div.detail.related{ display:none; }
div.activity-change-record.show div.detail.related{ display:inline-block; }


.ui-dialog{
	position:absolute;
	display:none;
	border-radius:3px;
	box-shadow:5px 5px 5px #666;
	background-color:#fff;
	border:1px solid #666;
	z-index:10;
}
.ui-container{
	border-radius:3px;
	padding:3px;
}
.ui-header{ padding:2px;
	background-color:#ccc;
	margin-bottom:1px;
}
.ui-title{
	font-size:1.2em;
	font-weight:900;
}

.ui-dialog .ui-container{}
.ui-dialog .ui-title{ display:inline-block; }
.ui-control{ display:inline-block; float:right; font-size:1.2em; }













.element{}
.mainBlock{ padding:6px }

/** titlebar */
.titlebar{
	padding:3px;
	border-radius:2px;
}

.titlebar{
	padding:3px 6px;
	overflow:hidden;
}
.titlebar--main{
	margin-bottom:12px;
}
.titlebar--main .titlebar__title{
	font-size:1.4em;
}


.titlebar__title{
	display:inline-block;
	padding:2px;
	font-weight:900;
}

.titlebar__control{
	display:inline-block;
	float:right;
}
.titlebar__controlIcon{
	font-size:14px;
	padding:2px;
}


/** inline-container */
.cont{
	display:inline-block;
	margin:6px;
	border:1px solid #ccc;
	border-radius:3px;
	padding:3px;
	vertical-align:top;
}
.cont__body{

}

/** field and label */
.fieldbox{ padding:3px; border-radius:3px; }
.fieldbox + .fieldbox{ margin-top:-1px;}
.fieldbox--border{ border:1px solid #ccc; }

.fieldbox__label {
	display:inline-block;
	padding:3px;
	font-weight:900;
	min-width:125px;
	border-radius:2px;
}
.fieldbox__label--shade{ background-color:#eee; }
.fieldbox__input{ padding:1px 3px; }


.cardContainer{
	display:block;
	padding:6px;
}
.cardContainer--inline{
	display:inline-block;
}

.card{
	display:block;
	margin:12px;
	padding:3px;
	border:1px solid #ccc;
	border-radius:3px;
}

.card__titlebar{
	background-color:#eee;
	border-radius:3px;
}

.card__body{
	display:block;
	padding:3px;
	min-height:50px;
	font-size:11px;
}

/** system frame **/

.system-frame{ position:absolute; left:60px; top:10px; z-Index:100; padding:4px; display:none; }
.system-frame-controlBar {}
.system-frame-controlBar .fa-times{ font-size:14px; }
.system-frame-close{ font-size:3em; float:right; padding:1px 4px; border-radius:3px; background-color:#fff; cursor:pointer; }
.system-frame-container{ background-color:#fff; border:1px solid #666; padding:6px; width:100%; height:100%; float:left; overflow-y:auto;
	border-radius:3px;
	box-sizing:border-box;
	box-shadow:0 4px 8px 0 rgba(0, 0, 0, .9), 0 6px 20px 0 rgba(0, 0, 0, .1);
}
/** end - system frame **/

/** dashboard **/

dashboard{ display:none; min-width:335px; padding:1px; background-color:#f1f4fb; margin:1px; border-radius:2px; border:1px solid #ccc; }
dashboard-header{ display:block; padding:2px; overflow:auto; }
dashboard-body{ display:block; padding:2px; }
dashboard titlebar{ cursor:default; height:20px; }
dashboard titlebar-title{ font-family:monospace; font-weight:900;  }
dashboard titlebar *{ font-weight:900; font-size:12px; }
dashboard control{ float:right; cursor:pointer; font-family:monospace; font-weight:900; padding:0 2px; margin:-1px 0; }
dashboard-content {
	min-width:325px;
	min-height:175px;
	vertical-align: top;
	background-color:#ffffff;
	border:1px solid #a8bbff;
	border-radius:3px;
	display:inline-block;
	font-size:12px;
	margin:3px;
	box-shadow:3px 3px 3px #ccc;
}
div.dashboard-card div[element='title']{ font-size:11px; color:#666 }
dashboard-content-body{ display:block; padding:8px; }

.dashboard-card{
	textAlign:'center';
}

.dashboard-card.medium{
	width:350px;
}


/** dashboard end **/



._seg{
	vertical-align:top;
	padding:8px;
	font-size:12px;
}

._block{
	display:inline-block;
}

._card{
	border:1px solid #ccc;
	border-radius:3px;
	margin:6px;
}

._small{ width:250px;}
._medium{ width:400px }
._large{ width:600px; }

._title{
	font-weight:900;
	margin-bottom:8px;
	padding:2px;
	border-radius:3px;
}
._shade{ background-color:#eee; }

/** standard log table */
table._std-log{ width:100%;}
table._std-log th, table._std-log td{ font-size:10px; padding:6px; }
table._std-log th{ background-color:#ccc; }
table._std-log td{ vertical-align:top; border-bottom:1px solid #ccc; }

div.fatButton{
	width:75px;
	text-align:center;
	vertical-align:top;
	display:inline-block;
	margin:4px;
	padding:10px 2px;
	background-color:rgba(119,150,178,.45); border-radius:3px;
}
div.fatButton:active{ background-color: #115da173; }

table.std{ width:100%; border-collapse:collapse; }
table.std th{ background-color:#eee; }
table.std td, table.std th{ padding:6px 4px; border-bottom:1px solid #ccc; font-size:12px; border-right:1px dotted #ccc; }
table.std td:nth-child(1), table.std th:nth-child(1){ border-left:1px dotted #ccc; }
table.std tr{ cursor:pointer; }
table.std tr:hover{ background-color:#eee; }

.error-message{ padding:3px; font-size:13px; }