@charset "UTF-8";

/* This is the main light & !!dark!! stylesheet for Orax SDI */

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #000;
	height: 100%;
}

#loader  {
	height: 0;
	visibility: hidden;
} 

#container  {
	width: 100%;
	text-align: left;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	opacity: 0.0;
	transition: opacity 1s;
	min-height: 100%;
} 

#header_container {
	top: 0px;
	left: 0px;
	height: 38px;
	width: 100%;
	min-width: 905px;
    	z-index: 2000;
	margin: 0;
	padding: 8px 0 4px 0;
	background-color: #fff;
	//background-color: #6F7E8B;
	position: fixed;
	border-bottom: 3px solid #EEF2F5;
	transition: background-color 0.5s;
}
//#header_container img { filter: grayscale(100%); filter: brightness(100) invert(0); }

#head_center {
	width: 100%;
	position: relative;
	text-align: left;
}

#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0;
	z-index: 2200;
	height: 43px;
	width: 340px;
	background-position: left-top;
	background-repeat: no-repeat;
	background-image: url(/images/OraxSDILogoG2.png); 
	background-size: 100px;
	background-position: 10px 13px;
	display: block;
	cursor: pointer;
	transition: background 0.5s;
}

#link_status {
	position: absolute;
	top: 10px;
	right: 5px;
	padding: 0;
	z-index: 5000;
	height: 20px;
	width: 10px;
	opacity: 0.5;
}

#online {
	position: absolute;
	top: 15px;
	left: 180px;
	padding: 0;
	z-index: 5500;
	height: 15px;
	width: 15px;
	opacity: 0.8;
	border-radius: 10px;
	overflow: hidden;
}

#head_search {
	position: absolute;
	top: 4px;
	left: 205px;
	padding: 1px;
	overflow: hidden;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	text-align: left;
	visibility: visible;
	z-index: 3000;
}

#head_search div {
	position: absolute; 
	top: 6px; 
	right: 4px; 
	padding: 0; 
	margin: 0; 
	opacity: 0.8; 
	color: #000; 
	text-shadow: 0 0 4px #EEE; 
	cursor: pointer;
}

#AutoSearch {
	width: 300px;
	position: fixed;
	top: 38px;
	left: 205px;
	padding: 0;
	overflow: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align: left;
	visibility: visible;
	z-index: 3000;
	max-height: 90%
}





#CreateNew {
	position: fixed;
	top: 38px;
	right: -2000px;
	padding: 0;
	overflow: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	text-align: left;
	z-index: 13000;
	border: 1px solid #333;
	background-color: #777;
	margin: 0;
	width: auto;
	transition: all 0.3s;
}
#CreateNew a {
	background-color: #eef0f3;
	text-align: left;
	border-bottom: 1px solid #AFB4B8;
	border-left: 1px solid #AFB4B8;
	border-right: 1px solid #AFB4B8;
	padding: 8px 10px 8px 10px;
	display: block;
	text-decoration: none;
	color: #072B41;
	width: 148px;
	margin: 0;
	overflow: hidden;
	height: 12px;
	box-shadow: 0 5px 10px #777;
}
#CreateNew a:hover {
	background-color: #072B41;
	color: #FFF;
}
#CreateNew span {
	background-color: #789da3;
	font-size: 9px;
	text-align: center;
	padding: 3px 10px 3px 10px;
	display: block;
	text-decoration: none;
	color: #072B41;
	width: 150px;
	margin: 0;
}

#CreateNew img {
	vertical-align: top;
}

#CreateLabel {
	font-size: 12px; 
	text-align: center; 
	color: #999; 
	cursor: pointer; 
	background-color: #222; 
	height: 22px;
	padding: 10px 0 1px 0;
	margin: 0;
}





#ViewMenu {
	position: fixed;
	top: 55px;
	right: 0;
	bottom: 0;
	padding: 0;
	overflow: hidden;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	text-align: left;
	z-index: 13000;
	margin: 0;
	width: 0;
	transition: width 0.3s, opacity 0.4s;
	background-color: #F5F5F5;
	border-left: 1px solid #ddd;
}

#ViewMenu .guiControl {
	text-align: left;
	padding: 0;
	display: inline-block;
	text-decoration: none;
	color: #555;
	margin: 0;
	padding: 5px;
}

#ViewMenu .guiControl:hover {
	color: #3682cd;
}

#ViewMenu .longOption {
	font-family: Arial , Helvetica, sans-serif;
	font-size: 12px;
	max-width: 110px;
	display: inline-block;
	padding: 0;
	margin: 0;
}


#ViewMenu .brk {
	border-bottom: 0px solid #555;
	width: auto;
	height: 1px;
	margin: 0;
	padding: 0;
}


#ViewMenu .mhead {
	font-size: 9px;
	text-align: left;
	padding: 3px 10px 3px 10px;
	display: block;
	text-decoration: none;
	color: #fff;
	margin: 0;
	background-color: #92A5B6;
}

#ViewMenu .mcat {
	padding: 0;
	margin: 0;
	width: 180px;
	float: left;
}

#ViewMenu .msec {
	padding: 4px 2px 8px 4px;
	width: 174px;
	margin: 0;
	position: relative;
}
#ViewMenu .msec .guiControl img { display: none; }

#ViewMenu .mcreate {
	font-size: 11px;
	color: #999;
	background-color: #fff;
	display: none;
	margin: 0;
	padding: 2px 3px 2px 3px;
	text-align: center;
}


#ViewMenu img {
	vertical-align: top;
}

#ViewLabel {
	font-size: 12px; 
	text-align: left; 
	color: #999; 
	cursor: pointer; 
	background-color: #222; 
	height: 22px;
	padding: 10px 0 1px 0;
	margin: 0;
	width: 100%;
	position: relative;
	top: 0;
	right: 0;
}



#loading_txt {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 28px;
	color: #EEE;
	margin: 20px 0 10px 0;
}


#AccountMenu {
	position: fixed;
	top: 55px;
	right: 0;
	bottom: 0;
	padding: 0;
	overflow: hidden;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	text-align: left;
	z-index: 13000;
	margin: 0;
	width: 0;
	transition: width 0.3s, opacity 0.4s;
	border-left: 1px solid #ddd;
	background-color: #F5F5F5;
}

#AccountMenu .guiControl {
	text-align: left;
	padding: 0;
	display: inline-block;
	text-decoration: none;
	color: #555;
	margin: 0;
	padding: 5px;
}

#AccountMenu .guiControl:hover {
	color: #3682cd;
}

#AccountMenu .brk {
	border-bottom: 0px solid #555;
	width: auto;
	height: 1px;
	margin: 0;
	padding: 0;
}

#AccountMenu .mhead {
	font-size: 9px;
	text-align: left;
	padding: 3px 10px 3px 10px;
	display: block;
	text-decoration: none;
	margin: 0;
	color: #fff;
	background-color: #92A5B6;
}

#AccountMenu .mcat {
	padding: 0;
	margin: 0;
	width: 180px;
	position: relative;
	float: left;
}

#AccountMenu .msec {
	padding: 4px 2px 8px 4px;
	width: 174px;
	margin: 0;
	position: relative;
}
#AccountMenu .msec .guiControl img { display: none; }

#AccountMenu .mcreate {
	font-size: 10px;
	color: #999;
	background-color: #333;
	border-radius: 5px;
	display: none;
	margin: 4px;
	padding: 2px;
	text-align: center;
	border: 1px solid #444;
}



#AccountMenu img {
	vertical-align: top;
}


#AccountLabel {
	font-size: 12px; 
	text-align: center; 
	color: #999; 
	cursor: pointer; 
	background-color: #222; 
	height: 22px;
	padding: 10px 0 0 0;
	margin: 0;
}


#recentItems a {
	font-size: 10px;
	display: block;
}

#recentItems .guiControl {
	font-size: 10px;
	display: block;
}

.clist_style {
	list-style-type: square;
	margin: 0;
	padding: 0;
}

#content_container .clist_item {
	background-color: #eaf2f2;
	//border-radius: 5px;
	vertical-align: top; 
	width: 95%; 
	max-width: 98vw;
	display: inline-block; 
	cursor: pointer; 
	/*
	border-bottom: 1px solid #FFF; 
	border-top: 1px solid #FFF; 
	*/
	padding: 4px 10px 4px 25px;
	margin: 5px 0 1px 5px;
	background-image: url(/images/Task.png);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	background-size: 18px 18px;
}

#content_container .clist_item:hover {
	background-color: #d1dddd;
}

#content_container .clist_item .clist_text {
	display: inline-block;
	max-width: 95%;
}

#content_container .clist_item .clist_cbox {
	cursor: pointer;
	float: right;
	margin: 0 5px 0 5px;
}

.dashboard {
	vertical-align: top; 
	padding: 4px 10px 6px 10px; 
	background-color: #d5e1e9;
	overflow: hidden; 
	height: 26px;
}

#recNote { background-color: #f1f47e; border: 1px solid #CCC; }

#content_container .dashboard .guiControl {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	color: #777;
}
#content_container .dashboard .guiControl img {
	height: 16px;
}

#content_container .dotmenux { float: right; height: 30px; border: 0px solid #fff; padding: 0; margin: 0; cursor: pointer; }
#content_container .dotmenux img { height: 20px; margin: 0 5px 0 0; filter: grayscale(70%); filter: brightness(0) invert(0); opacity: 0.5; }
#content_container .dotmenu { display: none; position: absolute; right: 0; max-width: 350px; min-width: 150px; background-color: #eee; border: 1px solid #ddd; list-style-type: none; z-index: 50000; margin: 0; text-align: right; }
#content_container .dotmenu li { margin: 10px 5px 0 5px; padding: 5px; border-bottom: 1px solid #fff; font-size: 11px; text-transform: uppercase; font-weight: bold; color: #777; }
#content_container .dotmenu .guiControl { font-size: 10px; font-weight: normal; color: #777; }

#content_container .confirm_dialog { background-color: #fff; color: #777; border: 1px solid #ddd; box-shadow: 5px 5px 15px #777; }

.dashboard a {
}
.dash_widget {
	display: inline-block; 
	cursor: default; 
	border: 1px solid #e3e4e8; 
	border-radius: 9px;
	background-color: #4884b1; 
	padding: 0 3px 2px 20px; 
	height: 16px; 
	text-align: center; 
	overflow: hidden; 
	font-size: 10px; 
	color: #EEE;
	background-image: url(/images/dash_widget.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 1px 10px 1px 10px;
}
.dash_widget span {
	display: inline-block;
	cursor: pointer; 
	font-size: 13px; 
	color: #fff; 
	background-color: #4884b1; 
	padding: 0 3px 0 3px;
	margin: 0 0 -2px 0;
	border-radius: 4px;
}

.dash_link {
	display: inline-block; 
	cursor: pointer; 
	color: #4884b1; 
	font-size: 11px; 
	margin: 2px 10px 1px 10px;
}
.dash_link:hover {
	color: #fff;
}


.dash_bar {
	background-color: #d5e1e9;
	border-bottom: 1px solid #bbcedb;
}

.dash_special {
	background-color: #d5e1e9;
	border: 1px solid #c1c5d0;
	box-shadow: 5px 5px 10px #EEE;
	border-radius: 8px;
	padding: 5px;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #6b7c8c;
	text-align: center;
	margin: 10px 10px 10px 0;
}



.Float4 { 
	transition: width 0.3s;
	position: absolute; 
	background-color: #fff;
	z-index: 200000;
	min-width: 200px;
	box-shadow: 2px 2px 15px rgba(0,0,0,0.1);
	padding: 0;
	margin: 10px;
	border: 1px solid #597488; 
	border-radius: 3px;
}
.Float4_Head { 
	background-color: #597488; 
	padding: 5px; 
	margin: 0;
}
.Float4_Head img { 
	cursor: pointer; 
	padding: 0; 
	margin: 0; 
	float: right;
}

.FloatingUIctrl {
	padding: 4px 18px 2px 8px;
	margin: 0;
	right: 0;
	font-size: 15px;
	color: #fff;
}
.FloatingUIctrl img { vertical-align: top; }

.FloatingUIhd {
	position: absolute;
	z-index: 5000;
	padding: 2px 8px 2px 8px;
	margin: 0;
	background-color: #738BA1;
	border-radius: 6px 0 0 0;
	border-top: 1px solid #FFF;
	font-size: 12px;
	color: #FFF;
	top: 100px;
	right: 0px;
	height: 33px;
	display: none;
	text-align: right;
	transition: left 0.5s;
}

.FloatingUI {
	position: absolute;
	border-left: 2px solid #738BA1;
	border-top: 1px solid #738BA1;
	border-right: 4px solid #738BA1;
	border-bottom: 8px solid #738BA1;
	border-radius: 0 0 0 6px;
	top: 120px;
	right: 0px;
	z-index: 5000;
	background-color: #fbfbfb;
	box-shadow: -1px 3px 9px #777;
	padding: 10px;
	overflow: auto;
	display: none;
	transition: left 0.5s;
}

.FloatingUI h1 {
	margin : 0;
}
.FloatingUI h2 {
	margin : 0;
}
.FloatingUI h3 {
	margin : 0;
}
.FloatingUI h4 {
	margin : 0;
}





#content_container #qrss { background-color: #C0DCF1; border: none; }


#notice_area {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	position: relative;
}

#recentitems {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	position: relative;
}

#sidebar  {
	position: fixed;
	top: 55px;
	left: 0;
	bottom: 0;
	width: 190px;
	margin: 0;
	padding: 0;
	z-index: 10000;
	border-right: 1px solid #aaa;
	background-color: #fff;
	overflow: hidden;
	display: none;
	transition: width 0.3s, opacity 0.3s;
}

#sidemenu {
	width: 100%;
	padding: 0;
	margin: 0;
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
}

#sidemenu #sidebarTimg img {
        width: 15px;
        height: 15px;
        padding: 0;
        overflow: hidden;
        margin: 3px 0 2px -3px;
}


#sidemenu #sidebarTopSection {
	position: absolute; 
	width: 100%; 
	margin: -5px 0 0 0; 
	padding: 5px 0 0 0; 
	height: 45px; 
	overflow: hidden; 
	z-index: 10000; 
	background-color: #fff;
}

#sidemenu .guiControl {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	text-decoration: none;
	color: #555;
	padding: 0 0 10px 8px;
	cursor: pointer;
	margin: 5px 0 5px 0;
}
#sidemenu .guiControl:hover {
	color: #3682cd;
}
#sidemenu .frt {
	float: right;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	text-decoration: none;
	color: #555;
	padding: 0;
	cursor: pointer;
	margin: 2px 7px 7px 0;
	display: block;
}

#sidemenu #menutp_val { 
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 5px 10px 6px 10px;
	margin: 0 0 7px 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	background-color: #eee;
	border: 0;
	border-radius: unset;
	color: #555;
	width: 100%;
	max-width: unset;
}

#sidemenu #sidebarScrollBox {
	margin: 55px 0 0 0; 
	height: 3000px; 
	padding: 0; 
	overflow: hidden;
}

#sidemenu #sidebarMenuSection {
	padding: 0;
	margin: 0;
}

#sidemenu .thin {
	border-bottom: 0 solid #EFEFEF;
	margin: 5px;
	width: 85%;
}


#sidemenu .mcat {
	margin: 0;
	position: relative;
	padding: 0;
}

#sidemenu .mhead {
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	padding: 3px 10px 3px 10px;
	display: block;
	text-decoration: none;
	margin: 0;
	height: 14px;
	overflow: hidden;
	background-color: #BDC8D2;
	color: #fff;
}

#sidemenu .msec {
	padding: 4px 2px 8px 4px;
	width: 174px;
	margin: 0;
	position: relative;
}
#sidemenu .msec .guiControl img { display: none; }

#sidemenu .brk {
	border-bottom: 1px solid #eee;
	width: auto;
	height: 1px;
	margin: 4px 0 4px 0;
	padding: 0;
	clear: both;
}

#sidemenu .mcreate {
	background-color: #eee;
	display: none;
	margin: 10px 3px 8px 15px;
	padding: 3px 3px 3px 3px;
}

#sidemenu .mcreate .guiControl {
	display: block;
}

#sidemenu .mcreate .frt {
	float: right;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	text-decoration: none;
	color: #000;
	padding: 0;
	cursor: pointer;
	margin: 2px 7px 7px 0;
	display: block;
}


#sidemenu img {
	vertical-align: top;
}






#hloader {
	display: none;
}


.SmallMenu {
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

		
.SmallMenu a {
	text-align: left;
	border: 0px solid #DDD;
	display: block;
	height: 35px;
	max-height: 35px;
	width: 100%;
	margin: 10px 0 10px 0;
	padding: 10px 10px 4px 5px;
	background-color: #749CCD;
	background: #749CCD;
}
#content_container .SmallMenu .guiControl {
	color: #FFF;
	font-size: 16px;
	padding: 14px 0 0 5px;
}

.SmallMenu a:hover {
	background-color: #072B41;
	color: #FFF;
}

.SmallMenu span {
	background-color: #EEE;
	text-align: center;
	padding: 3px;
	display: block;
	font-style: italic;
	font-size: 11px;
	color: #7aa5c0;
	margin: 0;
}

.SmallMenu img {
	vertical-align: top;
	margin: 3px 3px 2px 15px;
	width: 20px;
}	



#sidedash {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
    color: #666;
	position: relative;
}

#sidedash a {
	color: #555;
	text-decoration: none;
	display: inline-block;
	width: 100%;
	margin: 2px 0 0 5px;
	padding: 2px;
	height: 18px;
}

#sidedash a:hover {
	color: #555;
	text-decoration: none;
	background-color: #EBEEEF;
}

#sidedash img {
  vertical-align: top;
}

#siderecent {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
}

#recent_items {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #555;
	text-decoration: none;
	display: inline-block;
	width: 100%;
	margin: 18px 0 8px 5px;
	padding: 2px;
	height: 18px;
	background-color: #EBEEEF;
}

#siderecent a {
	color: #333;
	text-decoration: none;
}

#siderecent a:hover {
	color: #555;
	text-decoration: none;
}

#siderecent img {
  vertical-align: top;
}

#footer {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	position: relative;
	z-index: 10;
	text-decoration: none;
	margin: 10px;
	text-align: right;
	right: 10px;
	width: 98%;
}
#footer a {
	text-decoration: none;
	color: #999;
}
#footer a:hover {
	text-decoration: none;
	color: #665;
}

#head_center p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000;
    text-align: left;
}
#head_center a {
	font-size: 11px;
	color: #CCC;
	font-weight: 600;
	text-decoration: none;
}
#head_center a:hover {
	text-decoration: underline;
}


#content_container  {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 65px;
	margin: 0 0 20px 0;
	padding: 0;
	min-width: 810px;
	overflow-x: hidden;
	overflow-y: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	transition: left 0.3s;
	min-height: 100%;
} 

#content_container img {
	vertical-align: middle;
}


#chatbox {
	display: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	right: 5px;
	top: 55px;
	max-width: 320px;
	font-size: 12px;
	background-color: #fff;
}

#chatbox h1 {
	font-size: 12px;
	display: block;
	width: auto;
	background-color: #748CA1;
	color: #FFF;
	margin: 0px;
	height: 16px;
	padding: 2px;
}

#chatbox .guiControl {
	font-size: 12px;
	display: block;
	width: auto;
	background-color: #748CA1;
	color: #FFF;
	margin: 0px;
	padding: 3px 0 3px 10px;
	text-decoration: none;
}

#chatbox .guiControl:hover {
	color: #000;
}

#chatbox small {
	font-size: 10px;
	color: #777;
}

#noticeContent {
	background-color: #FFF;
	border-bottom: 0px solid #EBEEEF;
	margin: 0px;
	position: relative;
	top: 13px;
	display: none;
}


.red {
	color: red;
	font-size: 13px;
}


#sContent {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	margin: 10px 15px 180px 15px;
	padding: 0;
	z-index: 500;
	position: relative;
	top: 13px;
	left: 0px;
	width: 96%;
	min-width: 905px;
	transition: opacity 0.3s;
	min-height: 100%;
}

#content_top_navigation {

	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
	z-index: 2000;
	position: absolute;
	top: 0px;
	right: 10px;
	left: 350px;
	min-width: 580px;
	height: 38px;
	vertical-align: center;
	text-align: right;
	overflow: hidden;
}


#content_top_navigation .navkey {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	line-height: 38px;
	color: #B4B4B4;
	padding: 8px 5px 8px 5px;
	margin: 0 2px 0 2px;
	display: inline-block;
	height: 24px;
	vertical-align: bottom;
}
#content_top_navigation .navkey:hover {
	color: #446078;
}
#content_top_navigation .navkey img { 
	margin: 2px 0 2px 0; 
	height: 20px;
	opacity: 0.8;
}

#content_top_navigation .newkey {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	line-height: 38px;
	color: #B4B4B4;
	padding: 0 10px 0 10px;
	margin: 0 3px 0 3px;
	display: inline-block;
	height: 38px;
	vertical-align: bottom;
	background-color: #072B41;
	background: -webkit-gradient(linear, left top, left bottom, from(#072B41), to(#000));
}
#content_top_navigation .newkey:hover {
	background-color: #001F2F;
	color: #FFF;
}
#content_top_navigation .newkey img { margin: 0 0 5px 0; }

#content_top_navigation .viewkey {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	line-height: 38px;
	color: #B4B4B4;
	padding: 0 10px 0 10px;
	margin: 0 3px 0 0;
	display: inline-block;
	height: 38px;
	vertical-align: bottom;
	background-color: #072B41;
	background: -webkit-gradient(linear, left top, left bottom, from(#072B41), to(#000));
}
#content_top_navigation .viewkey:hover {
	background-color: #001F2F;
	color: #FFF;
}

#content_top_navigation .viewkey img { margin: 0 0 5px 0; }

#content_top_navigation .acckey {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	line-height: 38px;
	color: #B4B4B4;
	padding: 0 10px 0 10px;
	margin: 0 3px 0 3px;
	display: inline-block;
	height: 38px;
	vertical-align: bottom;
}
#content_top_navigation .acckey:hover {
	background-color: #072B41;
	color: #FFF;
}
#content_top_navigation .acckey img { margin: 0 0 5px 0; }

#mydash {
	background-color: #f7f8f9;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 10px;
	margin: 8px 0 0 0;
	color: #888;
}




#pmindicator {
	display: none; 
	background-color: red; 
	border-radius: 8px; 
	padding: 4px 5px 6px 5px; 
	margin: 8px 0 10px 0;
	font-size: 10px; 
	line-height: 10px;
	font-style: italic;
	cursor: pointer;
	height: 10px;
	position: relative;
}



.attachment {
	padding: 0 2px 0 20px;
	background-image: url(../images/file.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #777;
}




.teamListHD {
	font-size: 14px; line-height: 15px; color: #fff; background-color: #bbb; padding: 5px 10px 5px 10px; margin: 10px 0 0 0;	
}

.noticegroup { text-align: right; background-color: #eee; margin: 0 0 -10px 0; padding: 4px; }





/* Orax SDI Touch Menu */

#sdimenucontainer {
	border-bottom: 3px solid #EBEEEF;
}

.sdimenu {
	width: 90%;
}

.men0 {
	background-color: #FFF;
	width: 90%;
	color: #fff;
	padding: 0 0 0 5px;
	border-bottom: 1px solid #EDEDED;
}
.men0:hover {
	background-color: #CCC;
}

.men1 {
	background-color: #F6F6F6;
	width: 80%;
	padding: 0 0 0 5px;
	margin: 0 0 0 30px;
	position: relative;
}

.men2 {
	background-color: #FFF;
	width: 86%;
	padding: 0 0 0 5px;
	margin: 0 0 0 10px;
	position: relative;
}
.men3 {
	background-color: #EDEDED;
	width: 90%;
	padding: 0 0 0 5px;
	margin: 0 0 0 10px;
	position: relative;
}


.menu {
	display: inline-block;
	color: #777;
	overflow: hidden;
	height: 26px;
	line-height: 26px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size:12px;
	text-decoration: none;
	padding: 0 5px 0 0;
	width: 80%;
	border-bottom: 1px solid #EDEDED;
}
.menu:hover {
	color: #215C9E;
	text-decoration: underline;
}

.expandmenu {
	display: inline-block;
	width: 15px;
	text-align: right;
	color: #000;
	text-decoration: none;
	background-image: url(../images/expand.gif);
	background-position: center;
	background-repeat: no-repeat;
	height: 10px;
}

.hidemenu {
	display: inline-block;
	width: 15px;
	text-align: right;
	color: #000;
	text-decoration: none;
	background-image: url(../images/collapse.gif);
	background-position: center;
	background-repeat: no-repeat;
	height: 10px;
}


#sdimenulink {
	display: inline-block;
	color: #215C9E;
	overflow: hidden;
	height: 21px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
	padding: 4px 0 2px 20px;
	background-image: url(/images/MENU.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0 0 5px 5px;
	border-bottom: 3px solid #EBEEEF;
	width: 190px;
}
#sdimenulink:hover {
	color: #215C9E;
	text-decoration: none;
}



.home_menu {
	display: inline-block;
	color: #215C9E;
	overflow: hidden;
	height: 26px;
	line-height: 26px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
	padding: 0 5px 0 30px;
	background-image: url(/images/home.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
.home_menu:hover {
	color: #215C9E;
	text-decoration: none;
}

.record_menu {
	display: inline-block;
	color: #215C9E;
	overflow: hidden;
	height: 26px;
	line-height: 26px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
	padding: 0 5px 0 30px;
	background-image: url(/images/RECORD.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
.record_menu:hover {
	color: #215C9E;
	text-decoration: none;
}


.cust_menu {
	display: inline-block;
	color: #215C9E;
	overflow: hidden;
	height: 26px;
	line-height: 26px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
	padding: 0 5px 0 30px;
	background-image: url(/images/CUSTOMER.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 67%;
}
.cust_menu:hover {
	color: #215C9E;
	text-decoration: none;
}

.supp_menu {
	display: inline-block;
	color: #215C9E;
	overflow: hidden;
	height: 26px;
	line-height: 26px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
	padding: 0 5px 0 30px;
	background-image: url(/images/SUPPLIER.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 67%;
}
.supp_menu:hover {
	color: #215C9E;
	text-decoration: none;
}


.emp_menu {
	display: inline-block;
	color: #215C9E;
	overflow: hidden;
	height: 26px;
	line-height: 26px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
	padding: 0 5px 0 30px;
	background-image: url(/images/CONTACT.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 67%;
}
.emp_menu:hover {
	color: #215C9E;
	text-decoration: none;
}

.doc_menu {
	display: inline-block;
	color: #215C9E;
	overflow: hidden;
	height: 26px;
	line-height: 26px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
	padding: 0 5px 0 30px;
	background-image: url(/images/ARTICLE.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 67%;
}
.doc_menu:hover {
	color: #215C9E;
	text-decoration: none;
}

.report_menu {
	display: inline-block;
	color: #215C9E;
	overflow: hidden;
	height: 26px;
	line-height: 26px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
	padding: 0 5px 0 30px;
	background-image: url(/images/systems.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 67%;
}
.report_menu:hover {
	color: #215C9E;
	text-decoration: none;
}

.admin_menu {
	display: inline-block;
	color: #215C9E;
	overflow: hidden;
	height: 26px;
	line-height: 26px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
	padding: 0 5px 0 30px;
	background-image: url(/images/CONTACT.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 67%;
}
.admin_menu:hover {
	color: #215C9E;
	text-decoration: none;
}


.system_menu {
	display: inline-block;
	color: #215C9E;
	overflow: hidden;
	height: 26px;
	line-height: 26px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
	padding: 0 5px 0 30px;
	background-image: url(/images/systems.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 67%;
}
.system_menu:hover {
	color: #215C9E;
	text-decoration: none;
}



.userList {
        margin: 0px;
        padding: 0px;
	color: #FFF;	
}

.userList span {
       background-color: #749CCD;
       display: inline-block;
       border-radius: 5px;
       height: 18px;
       margin: 0 5px 2px 3px;
       padding: 3px 7px 3px 7px;
}

.autocomplete {
        background-color: #fff;
        margin: 0px;
        padding: 0px;
        border: 1px solid #aaa;
	color: #555;
	z-index: 20000;
	cursor: pointer;
}

.autoclose {
	text-align: right; 
	display: inline-block; 
	width: 100%; 
	margin: 0;
	padding: 2px 0 2px 0; 
	font-size: 12px; 
	background-color: #7a8188;
	color: #FFF;
}

.autoitem {
	text-align: center;
	border-bottom: 1px solid #EEE;
	padding: 3px 3px 6px 3px;
	cursor: pointer;
	background-color: #fff;
}
.autoitem:hover {
	background-color: #E2EAF2;
}
.autoitems {
	background-color: #d0d3d7;
	text-align: center;
	padding: 3px 3px 6px 3px;
	cursor: pointer;
}

.autocomplete .item {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color:#56789a;
	display: block;
	cursor: pointer;
	padding: 2px 5px 3px 5px;
}
.autocomplete .item:hover {
	text-decoration: underline;
}
.autocomplete .detail {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color: #999;
	cursor: pointer;
}
.autocomplete .detail a {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color: #999;
	cursor: pointer;
}






.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Content */

// Checklist forms
.checkbuilder { padding: 10px; margin: 10px; }
.checkitm { background-color: #d5e1e9; padding: 20px; margin: 10px; min-height: 30px; border-radius: 5px; font-size: 14px; }
.checkitm:hover { background-color: #C1D2DE; }
.checkitm #chl_extra { border-top: 1px solid #fff; margin: 20px 0 0 0; padding: 10px 0 0 0; }
.checkitm #chl_prompt { margin: 0; padding: 0; text-align: right; color: #983535; }
#content_container .checkitm .guiControl { background-color: #2B3E4F; margin: 0; padding: 10px; color: #fff; }
.chk_report ul { list-style-type: none; margin: 0; padding: 0; }
.chk_report ul li { margin: 10px; padding: 5px; font-style: italic; color: #333; border-bottom: 1px solid #fff; }
.chk_report ul li .chk_reason { margin: 10px; padding: 8px; background-color: #fff; color: #758594; } 
.chk_report .chk_total { margin: 10px 10px 10px 15px; }
.chk_report .chk_total span { font-weight: 800; }

#content_container ol {
	margin: 0;
	padding: 0 0 0 20px;
}

.filter_clear { display: inline-block; }


#content_container textarea {
	width: 80%;
	position: relative;
	border: 1px solid #ccc;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 13px;
	margin: 2px;
	padding: 6px 8px 6px 8px;
	border-radius: 3px;	
	border: 1px solid #eee;
	border-bottom: 1px solid #ccc;
}

#content_container input {
	font-size: 13px;
	font-family:Verdana, Geneva, sans-serif;
	max-width: 95%;
	position: relative;
	margin: 2px;
	padding: 4px 8px 4px 8px;
	border-radius: 3px;	
	border: 1px solid #eee;
	border-bottom: 1px solid #ccc;
}
#content_container input[type=checkbox] { width: 20px; max-width: 30px; }


#content_container .boolean_box {
	display: inline-block;
	height: 20px;
}

#content_container .boolean {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
#content_container .boolean input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
#content_container .boolmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #fff;
	border: 3px solid #C4D3DE;
	border-radius: 5px;
}

/* On mouse-over, add a grey background color */
#content_container .boolean:hover input ~ .boolmark {
	background-color: #97BBD5;
}

/* When the checkbox is checked, add a blue background */
#content_container .boolean input:checked ~ .boolmark {
	background-color: #4784B1;
}

/* Create the checkmark/indicator (hidden when not checked) */
#content_container .boolmark:after {
	content: '';
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
#content_container .boolean input:checked ~ .boolmark:after {
	display: block;
}

/* Style the checkmark/indicator */
#content_container .boolean .boolmark:after {
	left: 6px;
	top: 2px;
	width: 2px;
	height: 8px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}



.veri_box {
	display: inline-block; 
	margin: 5px; 
	padding: 0; 
	background-color: #d6e1e9; 
	border-radius: 5px; 
	height: 33px; 
	overflow: hidden;
}

#content_container .range_box { 
	display: inline-block;
	padding: 6px 5px 6px 0;
}

#content_container .range_slider { 
	-webkit-appearance: none;
	appearance: none;
	background: #ccc; 
	height: 1px;
	opacity: 0.7;
}

#content_container .range_slider::-webkit-slider-thumb { 
	-webkit-appearance: none;
	appearance: none;
	width: 18px;
	height: 18px;
	background: #4884B1;
	cursor: pointer;
	border-radius: 5px;
	opacity: 0.7;
}

#content_container .range_slider_value { 
	color: #fff;
	font-size: 14px;
	margin: 0 0 0 10px;
	display: inline-block; 
	padding: 1px 5px 1px 5px;
	background-color: #7896B2;
	border-radius: 3px;
	opacity: 0.7;
}



#content_container .count {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: bold;
	text-shadow: 0.1em 0.1em 0.2em black;
	text-decoration: none;
	color: #FFF;
}


#content_container .tab_line {
	width: 100%; 
	position: relative; 
	z-index: 50; 
	height: 8px; 
	border-top: 1px solid #; 
	background-color: #d5e1e9; 
	border-bottom: 0 solid #d5e1e9;
	margin: 0; 
	padding: 0; 
	border-radius: 0 2px 0 0;
	top: 42px;
}


#tabBGSbox { width: 100%; overflow-x: scroll; scrollbar-width: none; overflow-y: hidden; z-index: -11; transition: scroll 0.5s; scroll-behavior: smooth; padding: 0; border-bottom: 8px solid #d5e1e9; }
#tabBGslider { height: 34px; overflow-y: hidden; width: max-content; z-index: -10; margin: 0; padding: 0; }

#tabBGbox { width: 100%; overflow-x: scroll; overflow-y: hidden; z-index: -11; transition: scroll 0.5s; scroll-behavior: smooth; background-color: #689FC7; }
#tabBGright { background-color: #689FC7; opacity: 1.0; margin: 0; padding: 0;  width: 28px; z-index: 1000; position: absolute; right: 0; }
#tabBGright #BlocksImg { height: 38px; margin: 13px 8px 12px -5px; filter: grayscale(100%); filter: brightness(1) invert(0); opacity: 0.4; }
#tabBGright #MoreImg { height: 30px; margin: 10px 0 10px 0; filter: grayscale(100%); filter: brightness(1) invert(0); opacity: 0.4; }
#tabBG { width: 5000px; z-index: -10; }

#content_container .tabs {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	text-decoration: none;
	color: #FFF;
	padding: 6px 10px 3px 10px;
	margin: 2px 2px 2px 0;
	background-color: #6ba1c9;
	display: inline-block;
	cursor: pointer;
	border-radius: 4px 4px 0 0;
	height: 26px;
	border-bottom: 0px solid #749CCD;
}

#content_container .tabs:hover {
	background-color: #748ca1;
}

#content_container .tabs_active {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	padding: 6px 10px 3px 10px;
	margin: 2px 2px 2px 0;
	display: inline-block;
	border-top: 2px solid #6ba1c9; 
	background-color: #d5e1e9;
	cursor: pointer;
	color: #4884b1;
	border-radius: 4px 4px 0 0;
	height: 26px;
	border-bottom: 0px solid #354b60;
}
#content_container .tabs_active:hover {
}


#content_container .tab_content {
	padding: 10px 0 10px 0;
	margin: 0;
	border-left: 1px solid #8fa6bb;
	border-right: 1px solid #8fa6bb;
	border-bottom: 1px solid #8fa6bb;
	border-radius: 0 0 5px 5px;
	box-shadow: 3px 3px 8px #CCC;
}


#content_container .expandlink {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	text-decoration: none;
	color: #123249;
	padding: 0;
	cursor: pointer;
}
#content_container .expandlink:hover {
	color: #215C9E;
}

#content_container ul { }
#content_container li { margin: 5px; padding: 2px; }

#content_container .rblock ul { margin: 5px 0 5px 22px; padding: 5px; }
#content_container .rblock li { margin: 5px 0 5px 0; padding: 0; }

#content_container .guiControl {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	color: #215C9E;
	padding: 0;
	cursor: pointer;
}
#content_container .guiControl:hover {
	color: #749CCD;
}

#content_container .hBar {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	padding: 9px 0 9px 8px;
	cursor: pointer;
	display: block;
	color: #145782;
	background-color: #C8DAE8;
	border-bottom: 2px solid #93b9d5;
	margin: 5px 0 0 0;
	max-height: 19px;
	overflow: hidden;
	white-space: nowrap;
	border-radius: 2px;
}
#content_container .hBar:hover {
	background-color: #6fa2c6;
	color: #fff;
}


#content_container .shBar {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	color: #FFF;
	padding: 2px 0 2px 8px;
	cursor: pointer;
	display: block;
	background-color: #124574;
	background: linear-gradient(#5c778f, #354b60);
	border-bottom: 1px solid #CCC;
	margin: 3px 0 0 0;
	max-height: 16px;
	overflow: hidden;
	white-space: nowrap;
	border-radius: 2px;
}
#content_container .shBar:hover {
	background-color: #124574;
	background: linear-gradient(#5c778f, #354b60);
	color: #AAA;
}

#content_container .guiControlp {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	color: #215C9E;
	padding: 0;
	cursor: pointer;
}
#content_container .guiControlp:hover {
	color: #749CCD;
}

#content_container .guiLink {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	color: #215C9E;
	padding: 0 2px 0 2px;
	cursor: pointer;
}
#content_container .guiLink:hover {
	color: #749CCD;
	text-decoration: underline;
}

#content_container .RequiredField {
	display: inline-block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #bbb;
	border: 1px solid #bbb;
	margin: 0;
	padding: 0 3px 0 3px;
	border-radius: 9px;
	cursor: pointer;
	
}

#content_container .popUp {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	color: #215C9E;
	cursor: help;
}
#content_container .popUp:hover {
	color: #749CCD;
}



#content_container .tip_move {
	margin: 20px 0 10px 10px;
	padding: 10px 0 0 0;
	border: 1px solid #FFF33A;
	background-color: #FFF996;
	box-shadow: 3px 3px 7px #777;
	display: block;
	max-width: 400px;
	position: absolute;
	z-index: 15000;
	right: 0;
	cursor: move;
	border-radius: 8px;
}

#content_container .tip {
	font-family: Arial, Helvetica;
	font-size: 13px;
	line-height: 15px;
	font-style: normal;
	text-decoration: none;
	color: #555d63;
	background-color: #FFFBBF;
	padding: 10px;
	margin: 0;
	border-top: 1px solid #FFF33A;
	border-radius: 0 0 8px 8px;
	cursor: default;
}
#content_container .tip .head {
	font-family: 'Lucida Casual', 'Comic Sans MS';
	font-size: 24px;
	font-style: italic;
	text-decoration: none;
	color: #555d63;
	position: relative;
	float: right;
	margin: 0;
	padding: 0;
	top: 0;
	display: none;
}
#content_container .tip .hide {
	font-family: 'Lucida Casual', 'Comic Sans MS';
	font-size: 11px;
	font-style: normal;
	text-decoration: italic;
	color: #79a1b7;
	cursor: pointer;
	position: relative;
	right: 10px;
	float: right;
}
#content_container .tip .hide:hover {
	text-decoration: none;
	color: #5e7c8e;
}
/* Used in Popup / Lookup windows */

a.contentlink {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  color: gray;
  text-decoration:none;
  cursor: pointer;
 }

a.contentlink:link {
  color: gray;
  text-decoration:none; }

a.contentlink:hover {
  color: red;
  text-decoration:underline;  }



/* TEXTSTYLE */

.dynso {
	width: 95%;
	margin: 0;
	padding: 10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	background-color: #FBFBFB; 
	border: 1px solid #E8E8E8; 
	color: #000; 
	max-height: 300px;
	/*max-width: 620px;*/
	overflow: auto;
}

.textStyle { 
	font-family:Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #222; 
	border: 1px solid #eee;
	border-bottom: 1px solid #ccc;
	max-width: 99%;
	overflow: hidden;
}

#content_container select { 
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 4px 8px 4px 8px;
	margin: 3px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 13px;
	background-color: #FFF;
	border: 1px solid #eee;
	border-bottom: 1px solid #ccc;
	color: #222;
	border-radius: 3px;
}

#content_container select option {
     background-color: #fff;
     color: #222;
}

#sContent small { 
	font-family:Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #888;
}

#sContent .lnkstyle {
	//background-color: #F7F8F9;
	margin: 0;
	padding: 5px 0 0 0;
	//border: 1px solid #CCC;
}

#sContent .callline {
	background-color: #DDD; 
	margin: 0; 
	color: #777; 
	padding: 2px; 
	border-bottom: 1px solid #CCC;
}

#sContent .graysub {
	margin: 0; 
	padding: 4px; 
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
}


#sContent .hint { 
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #885;
	display: inline-block;
	margin: 5px 5px 5px 10px;
	vertical-align: center;
}

.file_bar {
	padding: 5px; 
	border: 1px solid #EEE; 
	border-radius: 5px; 
	background-color: #FFF;
}

.rating_box {
	display: inline-block;
	padding: 6px 5px 6px 0;
}

.rating_bar {
	display: inline-block; 
	border-radius: 5px; 
	padding: 5px;
	color: #777;
	border: 1px solid #ddd;
}
.rating_bar img { margin: 5px; }

.lookup_bar {
	display: inline-block; 
	border-radius: 5px; 
	padding: 1px 5px 1px 1px; 
	background-color: #f7f8f9; 
	color: #777;
}

.lookup_bar input {
	font-size: 13px;
	font-family:Verdana, Geneva, sans-serif;
	max-width: none;
	position: relative;
	margin: 1px;
	border: none;
	padding: 2px 5px 2px 8px;
}


.search_bar {
	background-color: #d5e1e9; 
	border-bottom: 1px solid #f2f5f6; 
	margin: 0;
	padding: 5px;
}


#content_container input.btn {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
	border: 0px solid #4884b1;
	background-color: #4884b1; 
	cursor: pointer;
	border-radius: 5px;
	height: 24px;
	padding: 3px 14px 3px 14px;
	-webkit-appearance: none;
}
#content_container input.btn:hover {
	border: 0px solid #4884b1;
	background-color: #124574;
	color: #FFF;
}

#content_container .newButton {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
	border: 0px solid #4884b1;
	background-color: #48AAB1; 
	cursor: pointer;
	border-radius: 8px;
	height: 24px;
	padding: 9px 14px 5px 14px;
	display: block;
	text-align: center;
	max-width: 95%;
	width: 86%;
	margin: 5px 0 5px 0;
}
#content_container .newButton:hover {
	border: 0px solid #4884b1;
	background-color: #124574;
	color: #FFF;
}

.coolbut { 
	background-color: #fff;
	display: inline-block; 
	padding: 5px 10px 5px 10px; 
	margin: 0; 
	border-radius: 4px; 
	color: #3f6084; 
	cursor: pointer;
	border-bottom: 1px solid #ccc;
}
.coolbut:hover { 
	background-color: #4884b1; 
	color: #fff; 
}


.sdi_file::-webkit-file-upload-button {
	visibility: hidden;
}
.sdi_file::before {
	content: url('../images/newfile.png');
	outline: none;
	-webkit-user-select: none;
	cursor: pointer;
}


file.textStyle { 
  border-color: #C6C6C6; 
  border-style:solid; 
  border-width:1px; 
  color: #000000; 
}

.ROspan {
	display: inline-block; 
	padding: 2px; 
	background-color: #fff; 
	font-weight: bold;
}

*.readonlyStyle { 
  border-color: #C6C6C6; 
  border-style:solid; 
  border-width:1px; 
  color: #000000;
  background-color: #E8E8E8; 
}

.box {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	margin: 0;
	padding: 5px;
	border: 1px solid #EFEFEF;
	max-height: 300px;
	max-width: 2580px;
	overflow: auto;
}
#content_container .preso {
	font-size: 12px;
	max-height: 300px;
	max-width: 2580px;
}

.block[id*='teamHD'] {
	cursor: pointer; margin: 5px 0 0 0; border: 0; border-radius: 0 8px 0 0; padding: 8px; font-size: 12px; background-color: #6297C0; color: #fff;
}
.rblock[id*='team'] {
	overflow: hidden; margin: 0 0 15px 0; border-radius: 0 0 8px 8px;
}

#overTMAp { background-color: #d6e1e9; }

.buttonConfirm {}

#tobstf {
	background-color: #D6E1E9; 
	padding: 4px 3px 5px 8px; 
	border: unset;
	color: #4884B1; 
	font-size: 11px; 
}

.block {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	background-color: #F7F8F9;
	margin: 0;
	padding: 5px;
	border: 1px solid #EFEFEF;
}

.rblock {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #444;
	background-color: #F7F8F9;
	margin: 0;
	padding: 8px;
	border: 1px solid #C8DAE8;
	border-radius: 8px;
	transition: width 1s;
	transition: height 1s;
}

.dblock {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	background-color: #cad1d6;
	margin: 0;
	padding: 5px;
	border: 1px solid #EFEFEF;
}

.rightside {
	margin: 0 0 0 10px;
	padding: 5px 5px 5px 20px;
	border-left: 1px solid #EFEFEF;
}


.datarow0 {
	border-top: 1px solid #fff;
	background-color: #fafafa;
	border-bottom: 1px solid #f0f0f0;
	padding: 12px 5px 8px 5px;
}
.datarow1 {
	border-bottom: 1px solid #f0f0f0;
	padding: 10px 5px 8px 5px;
}

.datarow0 img { max-height: 20px; }
.datarow1 img { max-height: 20px; }


#toolbar_edit {
	position: fixed; 
	top: 51px; 
	right: 15px; 
	cursor: pointer; 
	color: #999; 
	font-size: 9px;
	z-index: 3000;
}

#toolbar {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 5px 10px 5px 10px;
	display: none;
	overflow: hidden;
	background-color: #748ca1;
	text-align: left;
	position: fixed;
	top: 70px;
	right: 0;
	left: 0;
	z-index: 2000;
	max-height: 24px;
	border-bottom: 0px solid #748ca1;
}

#toolbar .guiControl {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: none;
	color: #fff;
	padding: 0 15px 0 10px;
	margin: 4px 5px 5px 0;
	display: inline-block;
	height: 14px;
	position: relative;
	transition: 0.5s transform;
	top: 0;
}
#toolbar .guiControl:hover {
	color: #fff;
	transform: scale(1.2,1.2);
}

#toolbar img {
	display: none;
	vertical-align: top;
	border: 0px;
}


.iloc { display: inline-block; margin: 0 0 0 5px; padding: 2px 6px 2px 6px; color: #fff; background-color: #C3CADA; font-size: 10px; border-radius: 3px; }

#location {
	margin: 0;
	padding: 5px 0 1px 4px;
	height: 20px;
	display: none;
	overflow: hidden;
	border-top: 1px solid #E5EAEF;
	border-bottom: 5px solid #748ca1;
	background-color: #EEF2F5;
	//background-color: #9EA9B3;
	position: fixed;
	top: 44px;
	left: 0;
	right: 0;
	z-index: 2000;
}

#location img {
	vertical-align: top;
}

#location .guiControl {
    	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: none;
	color: #748ca1;
	background-color: none;
	background-image: url('/images/location_sep.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 0 5px 0 15px;
	margin: 0;
	display: inline-block;
	height: 14px;
	border: 0px;
	top: 0;
	transition: 0.3s color;
}
#location .guiControl:hover {
	color: #446078;
}

.fin_doc_total {
	text-align: right; 
	padding: 0; 
	margin: 10px 0 10px 0; 
	border-bottom: 1px solid #c5c8cb; 
	border-top: 1px solid #c5c8cb; 
	background-color: #f5f6f7; 
}
#doc_line_sp {
}
#docitem {
	background-color: #F7F8F9; 
	padding: 0 0 5px 0; 
	border: 1px solid #DDD;
}

#docitem_pricelist {
	color: #777;
	margin: 0 0 10px 0;
	padding: 2px 10px 2px 2px;
	//text-align: right;
}
#docitem_pricelist img { width: 15px; filter: brightness(100) }
#docitem_pricelist select { max-width: 90%; opacity: 0.5; }
.no_pricelist { background-color: #E0E6EB; }
.default_pricelist { background-color: #B9C4CE; }


#code { 
	border: none; 
	color: #777; 
	background-color: #f7fafb; 
	font-style: italic; 
}

.docbuttons {
	background-color: #F7F8F9;
	margin: 0;
	padding: 5px;
	border: 1px solid #EFEFEF;
}

.docbuttons input {
    font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	border: 1px solid #333; 
	color: #000;
	background-color: #999; 
	margin: 2px;
}

.docbuttons input:hover {
	border: 1px solid #689FCA;
	background-color: #333; 
	color: #FFF;
}

span.ratNo {
	margin: 0 5px 0 5px;
	padding: 3px 8px 3px 8px;
	background-color: #CCCCFF;
	display: inline-block;
	border: 1px solid #777;
	border-radius: 10px;
	box-shadow: 3px 3px 7px #777;
	opacity: 0.5;
}
span.ratYes {
	margin: 0 5px 0 5px;
	padding: 3px 8px 3px 8px;
	background-color: #6699FF;
	display: inline-block;
	border: 1px solid #777;
	border-radius: 10px;
	box-shadow: 3px 3px 7px #777;
}


img.ratNo {
	opacity: 0.5;
	height: 35px;
	margin-bottom: 5px;
}
img.ratYes { height: 45px; }





.edu_course {
	display: inline-block; 
	padding: 20px; 
	margin: 10px 10px 10px 0; 
	background-color: #B3C6DE; 
	border-radius: 8px;
	font-size: 18px; 
	color: #46556C; 
	cursor: pointer; 
	height: 115px; 
	float: left; 
	width: 25%; 
	overflow: hidden;
}

.edu_subject {
	padding: 20px; 
	margin: 10px 10px 10px 0; 
	background-color: #A1CFCF; 
	border-radius: 8px;
	font-size: 18px; 
	color: #094746; 
	height: 165px; 
	float: left; 
	width: 26%; 
	overflow: hidden;
}

.edu_assignment {
	padding: 20px; 
	margin: 10px 10px 10px 0; 
	background-color: #BDC2E7; 
	border-radius: 8px;
	font-size: 18px; 
	color: #270949; 
	cursor: pointer; 
	height: 205px; 
	float: left; 
	width: 26%; 
	overflow: hidden;
}

.edu_course_back {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #46556C;
	padding: 8px;
	transition: width 1s;
	transition: height 1s;
	margin: 0 0 10px 0; 
	cursor: pointer;
}

.edu_course_detail {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #444;
	padding: 8px;
	transition: width 1s;
	transition: height 1s;
	margin: 0 0 10px 0; 
	background-color: #B3C6DE; 
}

.edu_subject_back {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #094746;
	padding: 8px;
	transition: width 1s;
	transition: height 1s;
	margin: 0 0 10px 0; 
	background-color: #A1CFCF; 
	cursor: pointer;
}

.edu_subject_detail {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #094746;
	padding: 8px;
	transition: width 1s;
	transition: height 1s;
	background-color: #A1CFCF; 
	margin: 5px 0 10px 0; 
}

.edu_ass_subj_back {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #270949;
	padding: 8px;
	transition: width 1s;
	transition: height 1s;
	cursor: pointer; 
	background-color: #A1CFCF; 
	width: 47%; 
	float: left;  
	margin: 0 0 10px 0; 
}

.edu_assignment_back {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #270949;
	padding: 8px;
	transition: width 1s;
	transition: height 1s;
	background-color: #BDC2E7; 
	width: 47%; 
	float: right; 
	margin: 0 0 5px 0; 
	cursor: pointer; 
}

.edu_assignment_detail {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #270949;
	padding: 8px;
	transition: width 1s;
	transition: height 1s;
	background-color: #BDC2E7; 
	margin: 5px 0 10px 0; 
}

.edu_assignment_content .rblock {
	background-color: unset;

}

.edu_resource {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #444;
	padding: 8px;
	transition: width 1s;
	transition: height 1s;
	margin: 0 20px 10px 20px; 
	background-color: #EEF2F5;
	cursor: pointer;
	overflow: hidden;
}

.edu_resource .resource_detail {
	margin: 5px 0 0 0;
	padding: 0;
}


.edu_resource .resource_detail .dynso {
	padding: 10px; 
	font-style: italic; 
	color: #555;
	margin: 0;
	width: unset;
	max-height: 30px;
}

.resource_block {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	background-color: #555;
	margin: 10px 0 10px 0; 
	padding: 10px; 
	color: #fff;
}
#content_container .resource_block h2 {
	color: #fff;
	font-size: 17px;
}
#content_container .resource_block h3 {
	color: #fff;
	font-size: 17px;
}
#content_container .resource_block h4 {
	color: #fff;
	font-size: 17px;
}
#content_container .resource_block p {
	color: #fff;
	font-size: 14px;
}
#content_container .resource_block .guiControl {
	color: #fff;
	font-size: 14px;
	text-decoration: underline;
}

#content_container em { background-color: #FAF89F; }

.edu_note { margin: 10px 0 5px 0; }
.edu_contact { 
	margin: 10px 0 5px 0; 
	float: right;
}

#myact { 
	margin: 20px;
	text-align: center;
	opacity: 0.8;
}



.FloatingContent {
	position: fixed;
	top: 60px;
	left: 0;
	right: 0;
	z-index: 5000;
	background-color: #222;
	box-shadow: 0px 0px 40px #000;
	padding: 10px;
	overflow: auto;
	transition: all 1s;
}

.FloatingContent h1 {
	margin : 0;
	color: #888;
}
.FloatingContent h2 {
	margin : 0;
	color: #888;
}
.FloatingContent h3 {
	margin : 0;
	color: #888;
}
.FloatingContent h4 {
	margin : 0;
	color: #888;
}

.FloatingContent p {
	color: #CCC;
}


.FloatingContent .guiControl {
	color: #EEE;
}

.FloatingContent .wide {
	border-bottom: 1px solid #555;
}

.FloatingContent .block {
	background-color: #FFF;
	color: #333;
	border-radius: 5px;
	border: 1px solid #777;
	max-height: 95%;
	overflow: auto;
}



.FloatingContentctrl {
	position: fixed;
	z-index: 5100;
	padding: 0;
	margin: 0;
	right: 15px;
	top: 75px;
}

.FloatingContentctrl .closeLnk { 
	color: #fff; 
}






/* Article Ratings */

#rateblock {
        background-color: #FBFBFB;
        margin: 10px;
        padding: 10px;
        border: 1px solid #E8E8E8;
}
#rateblock h2 {
	font-family: Arial Black, Gadget, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
             
}

.rating{
	width:80px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(/images/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn’t like it if the list is floated*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(/images/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}



/* Dynamic Revealing Divs */

#floatclose {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #CCC;
	text-decoration: none;
	width: 100%;
	display: inline-block;
	text-align: right;
	padding: 0 20px 0 0;
}
#floatclose:hover {	color: #F66; }

#oraxFileLoader{	
	border:1px solid #535353;
	background-color:#535353;
	position:absolute;
	display: none;
	z-index: 10000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	padding: 5px;
	margin: 0 15px 0 0;
}
#oraxFileLoader a {	
	color: #fff;
}

#oraxPreview{	
	background-color: #fff;
	border: 1px solid #aac5dc;
	position: absolute;
	display: none;
	z-index: 50000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #3a76aa;
	padding: 5px 9px 5px 9px;
	margin: 0 15px 0 0;
	border-radius: 3px;
}
#oraxPreview h1 {
	font-size: 14px;
	font-weight: bold;
	color: #3a76aa;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 0 7px 0;
	border-bottom: 1px solid #aac5dc;
}
#oraxPreview h2 {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	margin: 5px;
}
#oraxPreview p {
	margin: 0;
}
#oraxPreview a {
	font-size: 12px;
	font-weight: bold;
	color: #3a76aa;
}
#oraxPreview a:hover {
	font-size: 12px;
	color: #3a76aa;
}
#oraxPreview .hr {
	border-bottom: 1px solid #aac5dc; 
	height: 1px; 
	margin: 5px 0 5px 0;
}


.project_plan { width: 100%; overflow: hidden; }
.project_plan .ganttbg { display: block; border-bottom: 0; background-color: #fff; height: 20px; padding: 0 0 4px 0; margin: 0; }
.project_plan .ganttbga { display: block; border-bottom: 0; background-color: #F7F7F7; height: 20px; padding: 0 0 4px 0; margin: 0; }

.project_plan .gt0 {
	position: relative;
	margin: 10px 0 0 0;
	height: 3px; 
	display: inline-block; 
	background-color: #999;
}

.project_plan .gt1 {
	position: relative;
	margin: 6px 0 0 0;
	height: 12px; 
	display: inline-block; 
	background-color: #659C9C;
}

.project_plan .gt2 {
	position: relative;
	margin: 6px 0 0 0;
	height: 12px; 
	display: inline-block; 
	background-color: #D6B963;
}

.project_plan .gt3 {
	position: relative;
	margin: 6px 0 0 0;
	height: 12px; 
	display: inline-block; 
	background-color: #8EB564;
}

.project_plan .gt4 {
	position: relative;
	margin: 6px 0 0 0;
	height: 12px; 
	background-color: #8EB564;
	opacity: 0.4;
}

.project_plan .gt5 {
	position: relative;
	margin: 6px 0 0 0;
	height: 12px; 
	display: inline-block; 
	background-image: url(/images/milestone.png);
	background-repeat: no-repeat;
	background-color: #bfd5e2;
}

.project_plan .gt6 {
	position: relative;
	margin: 6px 0 0 0;
	height: 12px; 
	display: inline-block; 
	background-color: #9999CC;
}

.project_plan .gt7 {
	position: relative;
	margin: 6px 0 0 0;
	height: 12px; 
	display: inline-block; 
	background-color: #FF6600;
}

.project_plan .gt8 {
	position: relative;
	margin: 6px 0 0 0;
	height: 12px; 
	display: inline-block; 
	background-color: #5899C4;
}

.project_plan .gtr { /* resources */
	position: relative;
	display: inline-block;
	top: 0; bottom: 0;
	font-size: 10px;
	line-height: 10px;
	padding: 0;
	margin: 0 0 0 10px;
}



.project_plan .gcal {  /* Cal head week */
	position: relative;
	border-right: 1px solid #EBEEF5; 
	display: inline-block; 
	width: 20px; 
	text-align: center; 
	cursor: pointer;
}

.project_plan .gcale {  /* Cal head weekend */
	border-right: 1px solid #EBEEF5; 
	display: inline-block; 
	width: 20px; 
	text-align: center; 
	background-color: #E3E7ED;
	cursor: pointer;
}

.project_plan .g { /* Task empty week */
	display: inline-block; 
	width: 21px; 
	height: 21px;
	margin: 1px 0 1px 0;
}

.project_plan .ge { /* Task empty weekend */
	display: inline-block; 
	width: 21px; 
	height: 21px; 
	background-color: #E3E7ED;
	margin: 1px 0 1px 0;
}

.project_plan .gt { /* Task week */
	display: inline-block; 
	width: 21px; 
	height: 21px; 
	margin: 1px 0 1px 0;
	background-image: url(/images/taskbg.png);
}

.project_plan .gte { /* Task weekend */
	display: inline-block; 
	width: 21px; 
	height: 21px; 
	background-color: #E3E7ED;
	margin: 1px 0 1px 0;
	background-image: url(/images/taskbg.png);
}

.project_plan .gp { /* Task week */
	display: inline-block; 
	width: 21px; 
	height: 21px; 
	margin: 1px 0 1px 0;
	background-image: url(/images/planbg.png);
}

.project_plan .gpe { /* Task weekend */
	display: inline-block; 
	width: 21px; 
	height: 21px; 
	background-color: #E3E7ED;
	margin: 1px 0 1px 0;
	background-image: url(/images/planbg.png);
}

.project_plan .gc { /* Task week */
	display: inline-block; 
	width: 21px; 
	height: 21px; 
	margin: 1px 0 1px 0;
	background-image: url(/images/completebg.png);
}

.project_plan .gce { /* Task weekend */
	display: inline-block; 
	width: 21px; 
	height: 21px; 
	background-color: #E3E7ED;
	margin: 1px 0 1px 0;
	background-image: url(/images/completebg.png);
}

.project_plan .gs { /* Task summary week */
	display: inline-block; 
	width: 21px; 
	height: 21px; 
	margin: 1px 0 1px 0;
	background-image: url(/images/staskbg.png);
}

.project_plan .gse { /* Task summary weekend */
	display: inline-block; 
	width: 21px; 
	height: 21px; 
	background-color: #E3E7ED;
	margin: 1px 0 1px 0;
	background-image: url(/images/staskbg.png);
}

.project_plan .prjtsk {
	border-bottom: 0px solid #EBEEF5; 
	background-color: #FFF; 
	display: block; 
	height: 20px; 
	padding: 0 0 4px 0;
	margin: 0;
	width: 100%;
	overflow: hidden;
}

.project_plan .prjtska {
	border-bottom: 0px solid #EBEEF5; 
	background-color: #F7F7F7; 
	display: block; 
	height: 20px; 
	padding: 0 0 4px 0;
	margin: 0;
	width: 100%;
	overflow: hidden;
}

.project_plan .tsk {
	display: inline-block; 
	height: 12px; 
	width: 290px; 
	overflow: hidden; 
	margin: 1px; 
	padding: 4px;
	top: 0;
	vertical-align: top;
}

.project_plan .tske {
	display: inline-block; 
	height: 12px; 
	width: 15px; 
	overflow: hidden; 
	margin: 1px; 
	padding: 4px; 
	cursor: pointer; 
	color: orange;
	top: 0;
	vertical-align: top;
}

.project_plan .tskd {
	display: inline-block; 
	height: 12px; 
	width: 266px; 
	overflow: hidden; 
	margin: 1px; 
	padding: 4px;
	top: 0;
	vertical-align: top;
}




.ddiv_body{	
	border: 0px solid #EFEFEF;
	background-color:#fff;
	position:relative;
	padding: 5px;
	margin: 5px 0 5px 0;
	max-height: 600px;
	overflow-y: auto;
	overflow-x: hidden;
	transition: height 1s;
}

.ddiv_bold{	
	border:3px solid #535353;
	background-color:#FFFEFF;
}
.ddiv_bold #Caption {	
	display: block;
	width: 100%;
	background-color:#535353;
	color: #FFF;
}
.ddiv_bold #Caption:hover {	color: #F00; }
.ddiv_bold #Caption:link {	color: #FFF; }

.ddiv_body .block {
	border: 0px solid #EFEFEF;
}




/* CALENDAR */

div.hhour_head {
	border: 1px solid #CCC;
	background-color: #fff;
	vertical-align: top;
	text-align: center;
	height: 16px;
	padding: 5px;
}

div.hhour_head span.dayonlyhead {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #777;
	font-weight: bold;
	text-align: center;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

div.hhour {
	border-bottom: 1px solid #F5F5F5;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #999;
	height: 14px;
	margin: 0;
	padding: 2px;
}
div.hhour:hover {
	background-color: #F7F7F9;
}

div.hhourt {
	border-bottom: 1px solid #F5F5F5;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #999;
	height: 14px;
	margin: 0;
	padding: 2px;
	background-color: #DEEDF9;
}
div.hhourt:hover {
	background-color: #F7F7F9;
}

div.hhourh {
	border-bottom: 1px solid #F5F5F5;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #999;
	height: 14px;
	margin: 0;
	padding: 2px;
}


table.calendar_week  {
  padding: 0px;
  margin: 0px;
  border: 0;
}

table.calendar_month  {
  padding: 0px;
  margin: 0px;
  background-color: #FFF;
  height: 500px;
  border: 1px solid #ccc;
  border-collapse: collapse;
}
   
table.calendar_month th  { 
	background-color: #fff;
	vertical-align: top;
	text-align: center;
	overflow: hidden; 
	width: 14%; 
	height: 16px;
	padding: 5px;
	border: unset;
}

table.calendar_month td  {
  border: 1px solid #d3d4d7;
  padding: 0;
}
	
td.day0  { 
	background-color: #F5F5F5;
	vertical-align: top;
	overflow: hidden; 
	width: 14%;
	height: 15%;
	min-height: 60px; }
td.day1  { 
	background-color: #FFF;
	vertical-align: top;
	overflow: hidden;
	width: 14%;
	height: 15%; 
	min-height: 60px; }
td.day2  { 
	background-color: #FFF;
	vertical-align: top;
	overflow: hidden;
	width: 14%;
	height: 15%;
	min-height: 60px; }
td.day3  { 
	background-color: #FFF;
	vertical-align: top;
	overflow: hidden;
	width: 14%;
	height: 15%;
	min-height: 60px; }
td.day4  { 
	background-color: #FFF;
	vertical-align: top;
	overflow: hidden;
	width: 14%;
	height: 15%;
	min-height: 60px; }
td.day5  { 
	background-color: #FFF;
	vertical-align: top;
	overflow: hidden;
	width: 14%;
	height: 15%;
	min-height: 60px; }
td.day6  { 
	background-color: #F5F5F5;
	vertical-align: top;
	overflow: hidden;
	width: 14%;
	height: 15%;
	min-height: 60px; }
td.holiday  {  
	background-color: #F5F5F5;
	vertical-align: top;
	overflow: hidden;
	width: 14%;
	height: 15%;	
	min-height: 60px; }
	
td.today  {  
	background-color: #DEEDF9;
	vertical-align: top;
	overflow: hidden;
	width: 14%;
	height: 15%;
	border: 1px solid #B7BDCD;
	min-height: 60px; }

a.dayhead {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt;
	background-color: #fff;
	opacity: 0.6;
	color: #666;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	padding: 3px;
	margin: 0;
	height: 16px;
	display: block;
}
a.dayhead:hover {
	background-color: #B6D4DC;
}
div.dayevents { 
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8pt;
	color: #600;
	text-align: left;
	padding: 2px;
	margin: 0;
	height: 100%;
	width: 100%
	max-width: 100%;
	max-height: 120%;
	overflow-x: hidden;
	overflow-y: auto;
	vertical-align: top;
}
div.dayevents:hover {
	background-color: #F7F7F9;
}

td.week  {  
	background-color: #B7BDCD;
	vertical-align: top;
	text-align: center;
	overflow: hidden; 
	width: 2%;}
	
a.week {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt;
	background-color: #FFF;
	color: #666;
	font-weight: bold;
	text-align: right;
	padding: 0 0 0 0;
	margin: 0;
	width: 100%;
	height: 100%;
	display: inline-block;
}


span.CALL {
	background-color: #C96;
	width: 90%;
	height: 14px;
	overflow: hidden;
	display: inline-block;
	color: #300;
	font-size: 10px;
	border: 1px solid #FFF;
	border-radius: 5px;
	padding: 0 3px 0 3px;
}
span.CALL:hover { background-color: #C96000; }

span.TASK {
	background-color: #39C;
	width: 90%;
	height: 14px;
	overflow: hidden;
	display: inline-block;
	color: #300;
	font-size: 10px;
	border: 1px solid #FFF;
	border-radius: 5px;
	padding: 0 3px 0 3px;
}
span.TASK:hover { background-color: #39C000; }

span.MEETING {
	background-color: #F99;
	width: 90%;
	height: 14px;
	overflow: hidden;
	display: inline-block;
	color: #300;
	font-size: 10px;
	border: 1px solid #FFF;
	border-radius: 5px;
	padding: 0 3px 0 3px;
	
}
span.MEETING:hover { background-color: #F99000; }

span.REPORT {
	background-color: #CFC;
	width: 90%;
	height: 14px;
	overflow: hidden;
	display: inline-block;
	color: #300;
	font-size: 10px;
	border: 1px solid #FFF;
	border-radius: 5px;
	padding: 0 3px 0 3px;
}
span.REPORT:hover { background-color: #6F6; }

span.REMINDER {
	background-color: #6F6;
	width: 90%;
	height: 14px;
	overflow: hidden;
	display: inline-block;
	color: #300;
	font-size: 10px;
	border: 1px solid #FFF;
	border-radius: 5px;
	padding: 0 3px 0 3px;
}
span.REMINDER:hover { background-color: #CFC; }

span.LEAVE {
	background-color: #CFF;
	width: 90%;
	height: 14px;
	overflow: hidden;
	display: inline-block;
	color: #300;
	font-size: 10px;
	border: 1px solid #FFF;
	border-radius: 5px;
	padding: 0 3px 0 3px;
}
span.LEAVE:hover { background-color: #CFF000; }

span.TRAINING {
	background-color: #FF6;
	width: 90%;
	height: 14px;
	overflow: hidden;
	display: inline-block;
	color: #300;
	font-size: 10px;
	border: 1px solid #FFF;
	border-radius: 5px;
	padding: 0 3px 0 3px;
}
span.TRAINING:hover { background-color: #FF6000; }  

span.BIRTHDAY {
	background-color: #abe3e8;
	width: 90%;
	height: 14px;
	overflow: hidden;
	display: inline-block;
	color: #300;
	font-size: 10px;
	border: 1px solid #FFF;
	border-radius: 5px;
	padding: 0 3px 0 3px;
}
span.BIRTHDAY:hover { background-color: #99F000; }

span.STANDBY {
	background-color: #99F;
	width: 90%;
	height: 14px;
	overflow: hidden;
	display: inline-block;
	color: #300;
	font-size: 10px;
	border: 1px solid #FFF;
	border-radius: 5px;
	padding: 0 3px 0 3px;
}
span.STANDBY:hover { background-color: #99F000; }

span.ON-SITE {
	background-color: #FC9;
	width: 90%;
	height: 14px;
	overflow: hidden;
	display: inline-block;
	color: #300;
	font-size: 10px;
	border: 1px solid #FFF;
	border-radius: 5px;
	padding: 0 3px 0 3px;
}
span.ON-SITE:hover { background-color: #FC9000; }

span.ONSITE {
	background-color: #FC9;
	width: 90%;
	height: 14px;
	overflow: hidden;
	display: inline-block;
	color: #300;
	font-size: 10px;
	border: 1px solid #FFF;
	border-radius: 5px;
	padding: 0 3px 0 3px;
}
span.ONSITE:hover { background-color: #FC9000; }

span.HOME {
	background-color: #FF0;
	width: 100%;
	height: 14px;
	overflow: hidden;
	display: inline-block;
	color: #300;
	font-size: 10px;
	border-bottom: 1px solid #FFF;
}
span.HOME:hover { background-color: #FF0000; }

span.DISCUSSION {
	background-color: #6FC;
	width: 100%;
	height: 14px;
	overflow: hidden;
	display: inline-block;
	color: #300;
	font-size: 10px;
	border-bottom: 1px solid #FFF;
}
span.DISCUSSION:hover { background-color: #6FC000; }

span.ARTICLE {
	background-color: #CC3;
	width: 100%;
	height: 14px;
	overflow: hidden;
	display: inline-block;
	color: #300;
	font-size: 10px;
	border-bottom: 1px solid #FFF;
}
span.ARTICLE:hover { background-color: #CC3000; }

span.NOTE {
	background-color: #CC3;
	width: 100%;
	height: 14px;
	overflow: hidden;
	display: inline-block;
	color: #300;
	font-size: 10px;
	border-bottom: 1px solid #FFF;
}
span.NOTE:hover { background-color: #CC3000; }





img.rfloat   {  float : right;
                padding-right : 8px;
                padding-left : 8px; }

img.lfloat   {  float : left;
                padding-right : 8px; }

img.cfloat   {  padding-left : 8px; }



#content_container h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-style: none;
	font-weight: 500;
	color: #6b7c8c;
	margin: 20px 0 10px 0;
}
#content_container h1 img { max-height: 22px; }

#content_container h1 a {
	font-family: Arial Black, Gadget, sans-serif;
	font-size: 12px;
	color: #FFF;
}
#content_container h1 a:hover {
	color: #FF3300;
}

#content_container hr {
	color: #D9D9D9;
}
table td hr {
	border: 1px solid #D9D9D9;
}
#content_container h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	color: #6b7c8c;
}

#content_container h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #6b7c8c;
}

#content_container h4 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #6b7c8c;
}

#content_container h5 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
	color: #fff;
	background-color: #BCC4CC;
	margin: 0;
	padding: 5px 5px 5px 10px;
}



#content_container p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	padding: 0 15px 0 10px;
}

#content_container .small {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000;
}

#content_container #small {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000;
}

#content_container table {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0;
	padding: 0;
	max-width: 100%;
	overflow: hidden;
}

#content_container a {
  color: #6B6B77;
  text-decoration: none;
  font-weight:normal;
}
#content_container a:hover {
  color: #673B3B;
}


#search_box {
	height: 24px; 
	margin: 10px 0 2px 0; 
	padding: 0; 
	display: none; 
	overflow: hidden;
}

#search {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #777;
	line-height: 14px;
	background-color: #eee; 
	border: none;
	padding: 1px 2px 1px 4px;
	margin: 1px;
}
#search:focus { outline: none; }

#content_stats {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
        color: #6B6B77;
        padding: 0 0 0 7px;
        margin: 0;
}




#notice_area a {
	font-family:Verdana, Geneva, sans-serif;
}
#notice_area a:hover {
	color: #749CCD;
}
#notice_area .thin {
	border-bottom: 1px solid #EFEFEF;
	margin: 5px;
	width: 85%;
}
#notice_area p {
	margin: 0 5px 3px 10px;
}
#notice_area h4 {
	margin: 8px 5px 6px 5px;
}




#recentitems a {
	font-family:Verdana, Geneva, sans-serif;
}
#recentitems a:hover {
	color: #749CCD;
}
#recentitems .thin {
	border-bottom: 1px solid #EFEFEF;
	margin: 5px;
	width: 85%;
}
#recentitems p {
	margin: 0 5px 3px 10px;
}
#recentitems h4 {
	margin: 8px 5px 6px 5px;
}




#content_container .thin {
	border-bottom: 1px solid #EFEFEF;
	margin: 5px;
	width: 85%;
}
#content_container .wide {
	border-bottom: 1px solid #EFEFEF;
	margin: 5px 0 5px 0;
	width: 100%;
}
#content_container .formhr {
	border-bottom: 1px solid #E3E3E3;
	margin: 5px 0 5px 0;
	width: 100%;
}





.backContent {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
        color: #fff;
        text-decoration: underline;
        margin: 0 30px 0 0;
}

#notice_content {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 2px 10px 2px 26px;
	background-color: #303336;
	color: #FFF;
	text-shadow: 1px 1px 2px #000;
	border-bottom: 1px solid #111;
	position: fixed;
	z-index: 15000;
	width: 100%;
	box-shadow: 0 2px 3px #999;
	background-image: url(/images/Task.png);
	background-repeat: no-repeat;
	background-size: 20px 18px;
	background-position: 4px 0px;
	display: none;
	
}


#backContent:hover {
  color: #673B3B;
}

#content_container label #button { 
  border-color: #AFAFAF; 
  border: 1px solid #999999; 
  color: #000000; 
}

.grayBG {
	background-color: #F7F8F9;
}

th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: 600;
	color: #777;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
}

.present_query th {
	border-bottom: 0 solid #e4e4e4;	 
	background-color: #d5e1e9;
	border-right: 1px solid #e7e7e7;
	color: #4884b1;
	font-size: 11px;
	padding: 5px 3px 5px 3px;
	word-wrap: break-word; 
	white-space: pre-wrap; 
	white-space: pre-line; 
	overflow: hidden;
	max-width: 100%;
}

.present_query th .sortcol {
	/* not working because the above rule overrides it */
	background-color: #e3e5e9;
	background: linear-gradient(#efefef, #c8d0df);
	border-right: 1px solid #d9dbdf;
}

.present_query td {
	padding: 5px 3px 5px 3px;
	word-wrap: break-word; 
	white-space: pre-wrap; 
	white-space: pre-line; 
	overflow: hidden;
	max-width: 100%;
}


td {
	padding: 1px 3px 2px 3px;
}


.rowblock {
	margin: 5px 0 0 10px; 
	font-size: 11px; 
	font-style: italic; 
	color: #888;	
}


.formlabel {
	font-size: 11px;
	color: #777;
	margin: 3px 0 2px 0;
	display: inline-block;
	font-weight: 800;
}

.smallScreenRO {
	font-size: 15px;
	color: #333;
	margin: 2px;
	padding: 6px;
	background-color: #fff;
}

.content_left  {
	margin: 5px;
	padding: 5px;
        width: 45%;
        position: relative;
        float: left;
        border-right: 1px solid #F7F7F7;
} 
.content_right  {
	margin: 5px 15px 5px 5px;
	padding: 5px;
        width: 45%;
        float: right;
} 

.noticeBody  {
	color: #373839;
	margin: 5px;
	padding: 5px;
        background-color: #f9f5e0;
        border: 1px solid #dbd8c6;
} 

.noticeParent  {
	color: #665;
	margin: 5px 10px 5px 15px;
	padding: 5px;
        background-color: #FDF9E7;
        border: 1px solid #dbd8c6;
} 












/* Popup Calendar */

#calendarDiv{
	position: absolute;
	width: 325px;
	border: 1px solid #333;
	padding:1px;
	background-color: #FFF;
	font-family: Verdana, Arial, Helvetica;
	font-size:12px;
	padding-bottom: 20px;
	visibility:hidden;
	z-index: 20000;
	box-shadow: 3px 3px 7px #777;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:18px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	
	line-height:18px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv .calendar_week_column {
	color: #AAA;
	background-color: #E2EBED;
}

#calendarDiv #calendar_year_txt {
	border:1px solid #FFF;
	padding: 1px 4px 1px 4px;
	background-color: #333;
	position:relative;
	color: #CCC;
}
#calendarDiv #calendar_year_txt:hover {
	color: #FFF;
	cursor: pointer;
}

#calendarDiv .selectBox{
	border:1px solid #E2EBED;		
	color: #E2EBED;
	position:relative;
	height: 15px;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #333;
	color: #FFF;
	position:relative;
}
#calendarDiv .selectBoxTime{
	border:1px solid #CCC;		
	color: #333;
	position:relative;
}
#calendarDiv .selectBoxTimeOver{
	border:1px solid #216072;
	color: #333;
	position:relative;
}

#calendarDiv .topBar{
	height:22px;
	padding:2px;
	background-color: #333;

}

#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#0000FF;
	background-color: #E2EBED;
}

#calendarDiv .todaysDate{
	height:22px;
	line-height:22px;
	padding:2px;
	background-color: #E2EBED;
	color:#AAA;
	text-align: center;
	position: absolute;
	top: 26px;
	width:321px;
	border-top: 4px solid #FFF;
	border-bottom: 4px solid #FFF;
}
#calendarDiv .todaysDate div{
	float:left;
}
	
#calendarDiv .timeBar{
	height:20px;
	line-height:20px;
	background-color: #E2EBED;
	width:150px;
	color:#AAA;
	position: absolute;
	right:0px;
	text-align: right;
}

#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}


#calendarDiv .monthYearPicker{
	background-color: #E2EBED;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #333;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;
	padding: 3px;
}
#calendarDiv #monthSelect{
	width:100px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:5px 1px 5px 1px;	
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#333;
	color: #E2EBED;
}

#calendarDiv table{
	border-top: 4px solid #DDD;
	border-bottom: 12px solid #DDD;
	margin: 35px 0 -20px 0;
}


#calendarDiv td{
	text-align:right;
	cursor:pointer;
	padding:6px;
	margin:0px;
	font-size:12px;
}
#calendarDiv td:hover {
	color: #990000;
	background-color: #DDD;
}

#calendarDiv .calendar_week_row{
	text-align:right;
	padding:6px;
	margin:0px;
	font-size:11px;
	color: #777;
	background-color: #E2EBED;
}
#calendarDiv .calendar_week_row:hover {
}


#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}


.dhtmlwindow{
position: absolute;
border: 1px solid #4884b1;
visibility: hidden;
background-color: #fff;
border-radius: 6px;
box-shadow: 2px 2px 12px #aaa;
max-width: 90%;
overflow: hidden;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 3px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #4884b1;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 8px;
top: 3px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 0px solid #888;
background-color: white;
color: black;
height: 150px;
padding: 8px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}





@media screen and (max-width: 600px) and (orientation: portrait) {

	body { width: 100%; min-width: 100%; margin: 0; padding: 0; }
	#container { width: 100%; min-width: 100%; margin: 0; padding: 0; }
	#header_container { min-width: 100%; padding: 10px 0 5px 0; height: 45px; margin: 0; background-color: #fff; border-bottom: 1px solid #eee; z-index: 50000; }
	#logo { top: 5px; width: 120px; background-position: 10px 17px; }
	#head_search { display: none; }
	#content_top_navigation { min-width: 120px; left: 120px; margin: 12px 0 0 0; padding: 0; }
	#top_nav_keys { display: none; }

	#content_top_navigation .navkey { height: 45px; margin: 0; padding: 0; }
	#content_top_navigation .navkey:hover { background-color: #fff; }
	#content_top_navigation .navkey img { height: 24px; margin: 6px; }
	#content_top_navigation #searchkey { margin: 0 20px 0 20px; }
	@media screen and (max-width: 420px) and (orientation: portrait) {
		#content_top_navigation #backkey { display: none; }
		#content_top_navigation #reloadkey { display: none; }
		#content_top_navigation #forwardkey { display: none; }
	}
	@media screen and (max-width: 320px) and (orientation: portrait) {
		#content_top_navigation .navkey img { height: 24px; margin: 8px 4px 4px 4px; }
	}

	#AccountMenu { background-color: #fff; border: unset; }
	#AccountMenu .guiControl { text-shadow: none; color: #777; }
	#ViewMenu { background-color: #fff; border: unset; }
	#ViewMenu .guiControl { text-shadow: none; color: #777; }
	#ViewMenu .mcreate { color: #777; background-color: #fff; }
	#ViewMenu .mcreate .guiControl { color: #7a9aba; }

	#viewkey { display: none; }
	#createkey { display: none; }
	#accountkey { display: none; }
	#top_notices { display: none; }
	#link_status { display: none; }

	#AutoSearch { display: none; }
	#online { left: 120px; }
	#location { display: none; min-width: 100%; top: 61px; border: unset; }
	#content_container #location .guiControl { font-size: 11px; padding: -4px 5px 5px 15px; }
	#toolbar { display: none; left: 0; min-width: 100%; }
	#sidebar { display: none; left: 0; }
	#pmindicator { display: none; background-color: red; border-radius: 12px; padding: 4px 7px 4px 7px; margin: 8px 0 10px 0; font-size: 17px; line-height: 17px; font-style: italic; cursor: pointer; height: 17px; color: #fff; right: 125px; top: -3px; position: absolute; z-index: 100000; }

	#bottomMenu { padding: 10px 10px 0 10px; overflow: hidden; box-shadow: 0 8px 12px rgba(43,62,79,10); position: fixed; bottom: 0; height: 60px; width: 100%; margin: 0; padding: 10px; border-top: 1px solid #ccc; z-index: 500000; background-color: #fff; }
	.navbot { padding: 30px 20px 30px 20px; color: #777; font-weight: 800; font-size: 17px; }
	.navbot img { width: 25px; opacity: 0.5; }
	#content_top_navigation .navkey img { opacity: 0.5; }
	#newSlider { position: fixed; left: 0; bottom: 0; right: 0; height: 0; transition: height 0.3s; box-shadow: 0 0 0 #ccc; padding: 5px 20px 10px 20px; margin: 0; border-top: 1 solid #000; z-index: 400000; background: linear-gradient(rgba(92,119,143,0.7), rgba(53,75,96,0.7)); }
	#newSlider .coolbut { background-color: #2B3E4F; border: unset; box-shadow: 2px 2px 6px #41576B; }

	#login_detail { width: 92%; }
	#content_container { min-width: 100%; margin: -5px 0 0 0; padding: 0; left: 0; position: relative; z-index: 1; }
	#content_container h1 { font-family: Helvetica, Arial, sans-serif; font-size: 26px; font-weight: 500; margin: 20px 0 15px 0; }
	#content_container h2 { font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 500; margin: 10px 0 5px 0; }
	#content_container h3 { font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 500; margin: 10px 0 5px 0; }
	#content_container h4 { font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 500; margin: 10px 0 5px 0; }
	#content_container table { overflow: scroll; }
	#content_container input { font-size: 15px; border-radius: 2px; border: none; border-bottom: 1px solid #ddd; padding: 6px; margin: 3px; width: 95%; background-color: #eee; }
	#content_container input[type=checkbox] { width: 20px; max-width: 30px; background-color: #eee; } 
	#content_container .boolean_box { display: block; }
	#content_container input.btn { font-size: 15px; border-radius: 8px; height: 36px; padding: 7px 10px 7px 10px; max-width: 95%; }
	#content_container .range_box { width: 100%; }
	#content_container .range_slider { margin: 15px 0 0 0; width: 85%; }
	#content_container .range_slider::-webkit-slider-thumb { height: 36px; width: 36px; border-radius: 18px; opacity: 0.8; }
	#content_container .range_slider_value { font-size: 18px; position: absolute; right: 0; margin: 10px 0 0 0; }

	.formlabel { font-size: 14px; color: #777; margin: 3px 0 2px 0; display: inline-block; font-weight: 300; }
	.veri_box { width: 98%; }
	#content_container .textStyle { background-color: #eee; }
	.ROspan { background-color: #eee; width: 98%; padding: 8px; border: 0px solid #555; }

	#content_container .dotmenux img { height: 25px; margin: 7px 5px 0 0; filter: grayscale(70%); filter: brightness(0) invert(0); opacity: 0.5; }
	#content_container .dotmenu { margin: 10px 0 0 0; }
	#content_container .dotmenu .guiControl { font-size: 12px; font-weight: normal; color: #555; }

	.checkbuilder { padding: 10px; margin: 20px 0 10px 0; }
	.checkitm { background-color: #d5e1e9; padding: 20px; margin: 20px 0 0 0; min-height: 35px; border-radius: 5px; font-size: 14px; }
	.checkitm #chl_extra { border-top: 0px solid #C1D2DE; margin: 20px 0 0 0; padding: 20px 0 0 0; }
	#content_container .checkitm .txt { display: inline-block; width: 85%; }
	#content_container .checkitm select { background-color: #fff; }
	#content_container .checkitm input { background-color: #eee; max-width: 70%; }
	#content_container .checkitm .guiControl { background-color: #2B3E4F; margin: 0; padding: 10px; color: #fff; }

	.rating_bar { max-width: 100%; }
	.rating_bar img { margin: 10px; transform: scale(1.2,1.2); }

	.teamListHD { font-size: 15px; }

	a.dayhead { background-color: unset; }
	.dayevents { }
	.holiday { opacity: 0.5; }
	.day0 { opacity: 0.5; }
	.day6 { opacity: 0.5; }
	table.calendar_month td { border: 0px; }
	div.hhour_head { background-color: #fff; filter: unset; background: unset; border: unset; }
	div.hhourh { background-color: #fff; border: unset; border-bottom: 1px solid #F5F5F5; }
	div.hhour_head span.dayonlyhead { font-size: 15px; }
	.lookup_bar { display: block; border-radius: 2px; margin: 0; width: 98%; padding: 0 5px 5px 0; color: #777; background-color: #f7f8f9; }
	.lookup_bar input { margin: 0; }

	.coolbut { font-size: 14px; padding: 8px 12px 8px 12px; background-color: #83AECE; color: #fff; } 
	.filter_clear { position: absolute; right: 10px; opacity: 0.5; margin: -30px 5px 30px 0; }
	#content_container textarea { font-size: 15px; padding: 6px 10px 6px 10px; border: none; border-bottom: 1px solid #ddd; width: 95%; max-width: 95%; background-color: #eee; }

	.autocomplete { width: 100%; }
	.autoitem { padding: 8px; }
	.autoitems { padding: 8px; }
	.autocomplete .item { font-size: 14px; padding: 6px 8px 6px 8px; }
	.autocomplete .detail { font-family:Verdana, Geneva, sans-serif; font-size:12px; padding: 5px; }

	.dynso { font-size: 14px; }

	*.readonlyStyle { font-size: 15px; }

	#content_container select { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 15px; padding: 6px; margin: 3px; border-radius: 2px; border: none; border-bottom: 1px solid #ddd; width: 98%; background-color: #eee; } 
	#content_container .guiControl { font-size: 14px; }

	.box { font-size: 14px; max-width: 95%; }
	.block { font-size: 14px; background-color: unset; border: unset; }
	.rblock { font-size: 14px; }
	.mblock { background-color: #D8DEE6; padding: 10px; }

	#sContent { margin: 30px 10px 10px 10px; padding: 0; position: relative; z-index: 1000; min-width: 80%; width: 95%; }
	#content_container .tabs { border: unset; border-radius: unset; margin: 0 2px 2px 0; padding: 15px; height: 22px; font-size: 16px; background-color: #6ba1c9; }
	#content_container .tabs:hover { background-color: #6ba1c9; }
	#content_container .tabs_active { font-size: 16px; border: unset; border-radius: unset; margin: 0 2px 2px 0; padding: 15px; height: 22px; color: #fff; background-color: #4a7ea4; }
	#content_container .tabs_active:hover { background-color: #4a7ea4; }
	#content_container .hBar { margin: 8px 0 0 0; padding: 13px 10px 12px 10px; font-size: 15px; background-color: #E8EDF4; color: #46556C; max-height: unset; height: unset; border: unset; }
	#content_container .hBar:hover { color: #145782; background-color: #C8DAE8; }

	.ddiv_body{	border: 0 solid #EFEFEF; background-color: #fff; padding: 5px; margin: 0 0 5px 0; overflow-y: auto; overflow-x: hidden; transition: height 1s; }
	#content_container .shBar { border-bottom: 0px solid #CCC; border-radius: 0; margin: 8px 0 0 0; padding: 12px 10px 6px 10px; height: 26px; max-height: 26px; color: #FFF; font-family:Verdana, Geneva, sans-serif; font-size: 16px; font-weight: 500; background-color: #124574; background: linear-gradient(#5c778f, #354b60); }
	#content_container .shBar:hover { border-bottom: 0px solid #82a2be; background-color: #124574; background: linear-gradient(#5c778f, #354b60); color: #FFF; text-shadow: none; }

	.dashboard { height: unset; max-height: 120px; min-height: 40px; max-width: 100%; width: unset; background-color: #E8EDF4; color: #000; border: unset; border-bottom: 1px solid #ccc; overflow: scroll; }
	.dash_bar { height: auto; min-height: 24px; background-color: #fff; color: #000; border: unset; border-bottom: 1px solid #ccc; }
	#content_container .dashboard .guiControl { display: inline-block; margin: 10px 0 10px 0; }

	#content_container .clist_item { width: 85%; max-width: 98vw; }
	
	.present_query th { font-size: 15px; font-weight: 100; color: #5D7791; background-color: unset; border: unset; border-bottom: 1px solid #ccc; padding: 12px 20px 9px 5px; }
	.present_query td { font-size: 15px; font-weight: 400; color: #000; border: unset; bottom: 1px solid #eee; padding: 22px 20px 15px 5px; }
	#content_container .present_query td .guiControl { font-size: 15px; color: #333; font-weight: 800; }
	#content_container .present_query td .popUp { font-size: 15px; color: #333; }
	.datarow0 { background-color: #F8F8F8; }
	.datarow1 { }

	#footer { margin: 50px 10px 10px 10px; min-width: 320px; text-align: center; }

	#ViewMenu { position: absolute; height: auto; top: 58px; }
	#ViewMenu #view_menu_box { position: fixed; height: 80%; overflow-y: scroll; }
	#ViewMenu .mcat { width: 280px; } 
	#ViewMenu .msec { width: 220px; border-radius: 10px; }
	#ViewMenu .guiControl { font-size: 18px; color: #555; margin: 4px 0 4px 8px; }

	#AccountMenu { position: absolute; top: 58px; height: auto; }
	#AccountMenu #account_menu_box { position: fixed; height: 100%; overflow-y: scroll; }
	#AccountMenu .mcat { margin: 10px; position: relative; float: right; width: 240px; }
	#AccountMenu .msec { width: 240px; border-radius: 10px; }
	#AccountMenu .guiControl { font-size: 18px; margin: 4px 0 4px 8px; }
	#AccountMenu img { margin: 0 10px 10px 0; width: 25px; opacity: 0.5; } 

	.edu_course { margin: 10px 0 10px 0; padding: 10px; width: auto; max-width: unset; float: unset; display: block; }
	.edu_course_detail { margin: 0 0 10px 0; border-radius: 0; padding: 10px; max-width: unset; border: 0px solid #ff792e; }
	.edu_subject { margin: 5px; width: unset; display: block; float: unset; height: unset; padding: 10px; }
	.edu_subject_detail { margin: 0 0 10px 0; border-radius: 0; padding: 10px; max-width: unset; border: 0; }
	.edu_assignment { margin: 5px; width: unset; display: block; float: unset; height: unset; padding: 10px; }
	.edu_assignment_detail { margin: 0 0 10px 0; border-radius: 0; padding: 10px; max-width: unset; border: 0; }
	.edu_resource { margin: 10px 0 10px 0; padding: 10px; border-radius: 0; }
	.edu_resource .resource_detail { margin: 0; max-width: unset; padding: 0; float: unset; }
	.edu_resource .resource_detail .dynso { margin: 5px 0 0 0; max-width: unset; float: unset; width: unset; }
	.edu_contact { float: unset; text-align: center; margin: 30px 0 0 0; }
	.resource_block { font-size: 14px; }
	.FloatingContentctrl { top: 80px; right: 15px; }
	.FloatingContentctrl .closeLnk { color: #fff; }

	.mmenu { border-bottom: 2px solid #FFF; margin: 0; padding: 20px 10px 10px 10px; background-color: #cbced2; width: 100%; height: 35px; text-align: center; font-size: 20px; font-family: Helvetica, Arial; text-shadow: 1px 1px 2px #FFF; color: #2d68a3; }
	.smenu { border-left: 2px solid #333; margin: 0 -50px 0 50px; padding: 0 60px 0 -40px; background-color: #555; opacity: 0.95; text-align: center; font-size: 14px; position: absolute; top: 0; right: 0; bottom: 0px; color: #999; width: 0%; transition: width 0.5s; }
	.scmitem { border-top: 1px solid #222; border-bottom: 1px solid #777; background-color: #444; margin: 0; padding: 10px 5px 15px 5px; text-align: center; font-size: 19px; color: #FFF; }

	.FloatingUIhd { background-color: #fff; border: unset; border-radius: unset; z-index: 10000; border-top: 1px solid #ccc; border-bottom: 2px solid #fff; box-shadow: -1px -2px 4px #aaa; }
	.FloatingUIctrl { margin: 3px; padding: 3px; color: #444; font-size: 15px; }
	.FloatingUIctrl img { filter: grayscale(70%); filter: brightness(0) invert(0); opacity: 0.6; }
	.FloatingUI { left: 10px; background-color: #fff; border: unset; border-radius: unset; padding: 20px 20px 100px 20px; }

	.dhtmlwindow{ background-color: #fff; border-radius: unset; margin: 0; left: 0; right: 0; max-width: 100%; }
	.drag-handle { padding: 10px; background-color: #fff; }
	.drag-handle img { margin: 5px; filter: grayscale(70%); filter: brightness(0) invert(0); opacity: 0.6; }


	/* Assessments */
	#content_container #assessment_content table { font-size: 15px; }
	#content_container #assessment_content table td { padding: 8px 3px 6px 3px; }
	#content_container #assessment_content .block { font-size: 15px; }

}




@media screen and (max-width: 780px) and (orientation: landscape) {

	body { width: 100vw; min-width: 100vw; }
	#container { width: 100%; min-width: 480px; margin: 0; padding: 0; overflow-x: hidden; }
	#header_container { background-color: #fff; min-width: 100%; border-bottom: 1px solid #eee; }
	#logo { top: 5px; width: 120px; }
	#head_search { display: none; }
	#content_top_navigation { min-width: 120px; left: 120px; margin: 15px 0 0 0; padding: 0; }
	#top_nav_keys { display: none; }

	#content_top_navigation .navkey { height: 34px; padding: 0; }
	#content_top_navigation .navkey img { height: 24px; margin: 0; }
	#content_top_navigation #searchkey { margin: 0 20px 0 20px; }
	#viewkey { display: none; }
	#createkey { display: none; }
	#accountkey { display: none; }
	#top_notices { display: none; }
	#link_status { display: none; }

	#AutoSearch { display: none; }
	#online { left: 120px; }
	#location { top: 38px; display: none; min-width: 480px; }
	#toolbar { display: none; left: 0; min-width: 480px; }
	#sidebar { display: none; left: 0; }
	#content_container { min-width: 480px; margin: 0; padding: 0; left: 0; position: relative; z-index: 1; }
	#sContent { margin: 0 10px 10px 10px; padding: 0; left: 0; position: relative; z-index: 1000; min-width: 480px; }

	#bottomMenu { display: none; }

	#newSlider { display: none; }

	#content_container { font-size: 11px; }
	#content_container p { font-size: 11px; }
	#sContent { font-size: 11px; }
	#sContent p { font-size: 11px; }
	#content_container .guiControl { font-size: 11px; }

	#content_container .tabs { border: 0px solid #fff; border-radius: 0; margin: 0 2px 2px 0; padding: 7px 12px 5px 12px; height: 22px; font-size: 16px; background-color: #6ba1c9; }
	#content_container .tabs:hover { background-color: #6ba1c9; }
	#content_container .tabs_active { font-size: 16px; border: 0px solid #fff; border-radius: 0; margin: 0 2px 2px 0; padding: 7px 12px 5px 12px; height: 22px; color: #fff; background-color: #4a7ea4; }
	#content_container .tabs_active:hover { background-color: #4a7ea4; }
	#content_container .hBar { margin: 8px 0 0px 0; padding: 10px 10px 6px 10px; height: 20px; max-height: 20px; font-size: 14px; font-weight: 500; }
	#content_container .hBar:hover { color: #145782; background-color: #C8DAE8; }
	#content_container .shBar { border-bottom: 0px solid #CCC; border-radius: 0; margin: 8px 0 0px 0; padding: 12px 10px 6px 10px; height: 26px; max-height: 26px; color: #FFF; font-family:Verdana, Geneva, sans-serif; font-size: 14px; font-weight: 500; background-color: #124574; background: linear-gradient(#5c778f, #354b60); }
	#content_container .shBar:hover { border-bottom: 0px solid #82a2be; background-color: #124574; background: linear-gradient(#5c778f, #354b60); color: #FFF; text-shadow: none; }

	.dashboard { height: auto; min-height: 24px; background-color: #fff; color: #000; border: unset; border-bottom: 1px solid #ccc; }
	.dash_bar { height: auto; min-height: 24px; background-color: #fff; color: #000; border: unset; border-bottom: 1px solid #ccc; }
	#content_container .dashboard .guiControl { display: inline-block; margin: 10px 0 10px 0; }


	#content_container .clist_item { width: 85%; max-width: 98vw; }
	.present_query th { font-size: 13px; font-weight: 600; color: #000; background-color: unset; border-bottom: 1px solid #999; }
	.datarow0 { background-color: #F8F8F8; border-top: 0px; border-bottom: 1px solid #DDD; padding-top: 10px; padding-bottom: 10px; }
	.datarow1 { border-bottom: 1px solid #DDD; padding-top: 10px; padding-bottom: 10px; } 
	#footer { margin: 50px 10px 10px 10px; min-width: 100%; text-align: center; }
	#ViewMenu { position: absolute; top: 50px; right: -3000px; width: 260px; height: auto; background-color: #fff; }
	#ViewMenu .mcat { margin: 10px; position: relative; float: right; width: 240px; }
	#ViewMenu .msec { width: 220px; border-radius: 10px; }
	#ViewMenu .guiControl { font-size: 16px; margin: 4px 0 4px 0; text-shadow: none; color: #777; } 
	#content_top_navigation .navkey:hover { background-color: #fff; }

	#AccountMenu { position: absolute; top: 50px; right: -300px; width: 260px; height: auto; background-color: #fff; }
	#AccountMenu .mcat { margin: 10px; position: relative; float: right; width: 240px; }
	#AccountMenu .msec { width: 220px; border-radius: 10px; }
	#AccountMenu .guiControl { font-size: 16px; margin: 4px 0 4px 0; text-shadow: none; color: #777; }

	.coolbut { font-size: 14px; }
	.edu_course { width: auto; }

	.mmenu { border-bottom: 2px solid #FFF; margin: 0; padding: 20px 10px 10px 10px; background-color: #cbced2; width: 100%; height: 35px; text-align: center; font-size: 20px; font-family: Helvetica, Arial; text-shadow: 1px 1px 2px #FFF; color: #2d68a3; } 
	.smenu { border-left: 2px solid #333; margin: 0 -50px 0 50px; padding: 0 60px 0 -40px; background-color: #555; opacity: 0.95; text-align: center; font-size: 14px; position: absolute; top: 0; right: 0; bottom: 0px; color: #999; width: 0%; transition: width 0.5s; }
	.scmitem { border-top: 1px solid #222; border-bottom: 1px solid #777; background-color: #444; margin: 0; padding: 10px 5px 15px 5px; text-align: center; font-size: 19px; color: #FFF; }

	.FloatingUIhd { left: 10px; }
	.FloatingUI { left: 10px; }

	#content_container input { font-size: 15px; border-radius: 2px; border: none; border-bottom: 1px solid #ddd; padding: 6px; margin: 3px; max-width: 60%; background-color: #eee; }
	#content_container input[type=checkbox] { width: 20px; max-width: 30px; background-color: #eee; }
	#content_container input.btn { font-size: 15px; border-radius: 8px; height: 36px; padding: 7px 20px 7px 20px; }
	.formlabel { font-size: 14px; color: #777; margin: 3px 0 2px 0; display: inline-block; font-weight: 300; min-width: 100px; }
	#content_container textarea { font-size: 15px; padding: 6px 20px 6px 10px; border: none; border-bottom: 1px solid #ddd; max-width: 60%; background-color: #eee; }
	*.readonlyStyle { font-size: 15px; }
	#content_container select { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 15px; padding: 6px; margin: 3px; border-radius: 2px; border: none; border-bottom: 1px solid #ddd; max-width: 60%; background-color: #eee; }

	.autoitem { padding: 8px; }
	.autoitems { padding: 8px; }
	.autocomplete .item { font-size: 14px; padding: 6px 8px 6px 8px; }
	.autocomplete .detail { font-family:Verdana, Geneva, sans-serif; font-size:12px; padding: 5px; }

	.box { font-size: 13px; }
	.block { font-size: 13px; background-color: unset; border: unset;}
	.rblock { font-size: 13px; }


}


@media screen and (max-width: 1380px) and (orientation: landscape) {
	// Desktop
	#header_container { min-width: 100%; }
	#content_top_navigation { left: 50px; min-width: 400px; }
	//#content_container { font-size: 11px; }
	//#content_container p { font-size: 11px; }
	//#sContent { font-size: 11px; }
	//#sContent p { font-size: 11px; }
	//#content_container .guiControl { font-size: 11px; }
}

/* Dark Mode */
@media (prefers-color-scheme: dark) {
	body { background-color: #000; color: #fff; }
	#header_container { background-color: #222; color: #fff; border-bottom: 1px solid #444; }
	#location { background-color: #333; border: 0; }
	#sidemenu { background-color: #333; border: 0; }
	#sidebar { border-right: 1px solid #555; }
	#sidemenu #sidebarTopSection { background-color: #333; }
	#sidemenu #menutp_val { background-color: #222; color: #777; }
	#sidemenu .guiControl { color: #999; }
	#sidemenu .brk { border-bottom: 1px solid #000; }
	#tobstf { background-color: #555; padding: 4px 3px 5px 8px; border: unset; color: #6A9BBF; font-size: 12px; text-shadow: 0.1em 0.1em 0.2em #000; }
	#content_container #tobstf .guiControl { color: #fff; }
	#sContent { color: #ccc; }
	#sContent p { color: #ccc; }
	#content_container em { background-color: #5C5C3B; }
	.blockOFF { background-color: #444; color: #fff; border: 1px solid #555; }
	.block { background-color: #111; color: #ddd; border: unset; }
	.rblock { background-color: #111; color: #fff; border: 1px solid #333; }
	.box { background-color: #222; color: #fff; border: 0px solid #555; }
	.autocomplete { background-color: #333; color: #fff; border: unset; }
	.autocomplete .item { background-color: unset; color: #fff; border: unset; }
	.autoitems { background-color: #333; color: #fff; padding: 8px; border-bottom: 1px solid #444; }
	.autoitem { background-color: #111; color: #fff; padding: 8px; border-bottom: 1px solid #444; }
	.autoitem:hover { background-color: #111; color: #fff; padding: 8px; }
	#content_container input { background-color: #222; color: #fff; border: unset; border-radius: unset; border-bottom: 1px solid #555; }
	#content_container textarea { background-color: #222; color: #fff; border: unset; border-radius: unset; border-bottom: 1px solid #555; }
	#content_container .textStyle { background-color: #222; color: #fff; border: unset; border-radius: unset; border-bottom: 1px solid #555; }
	#content_container select { background-color: #222; color: #fff; border: unset; border-radius: unset; border-bottom: 1px solid #555; }
	#content_container .guiControl { color: #4884b1; }
	#content_container .hBar { background-color: #304553; color: #ddd; border: 0 solid #555; }
	#content_container .hBar:hover { color: #fff; background-color: #425F72; }
	#content_container .formhr { border-bottom: 1px solid #555; }
	#content_container .wide { border-bottom: 1px solid #555; }
	#content_container .boolmark { background-color: #333; border: 3px solid #777; }
	#content_container input[type=checkbox] { opacity: 0.6; }
	span.ratNo { border: 1px solid #777; background-color: #444; box-shadow: unset; color: #fff; opacity: 1; }
	span.ratYes { border: 1px solid #ccc; box-shadow: unset; color: #fff; }
	#content_container p { color: #ccc; }
	.veri_box { background-color: #333; }

	#content_top_navigation .navkey:hover { background-color: #000; }
	#AccountMenu { background-color: #000; border: unset; }
	#AccountMenu .mhead { background-color: #333; color: #999;  }
	#AccountMenu .guiControl { color: #bbb; }
	#ViewMenu { background-color: #000; border: unset; }
	#ViewMenu .mhead { background-color: #333; color: #999;  }
	#ViewMenu .mcreate { background-color: #222; color: #ccc; }
	#ViewMenu .guiControl { color: #bbb; }

	#bottomMenu { padding: 10px 10px 0 10px; overflow: hidden; box-shadow: unset; position: fixed; bottom: 0; height: 60px; width: 100%; margin: 0; padding: 10px; border-top: 1px solid #333; z-index: 500000; background-color: #222;   }
	.navbot { padding: 30px 20px 30px 20px; color: #777; font-weight: 800; font-size: 17px; }
	.navbot img { width: 25px; opacity: 0.5; filter: grayscale(100%); filter: brightness(1) invert(1); }
	#content_top_navigation .navkey img { opacity: 0.6; filter: grayscale(100%); filter: brightness(1) invert(1); }

	#toolbar .guiControl { color: #fff; }
	.lookup_bar { background-color: #111; color: #fff; }
	#content_container .popUp { color: #4884b1; }
	#sContent .hint { margin: 5px 5px 5px 0; }
	.file_bar { background-color: #222; color: #fff; border: 1px solid #555; }
	.ROspan { background-color: #222; color: #fff; border: 0px solid #555; }
	#item_id { background-color: #222; color: #fff; border: 1px solid #555; }
	.smallScreenRO { background-color: #111; color: #fff; }
	.FloatingUI { background-color: #222; color: #fff; border: 1px solid #555; }
	.ddiv_body { background-color: #000; color: #fff; border: 0px solid #555; }

	#content_container .dotmenux img { height: 20px; margin: 0 5px 0 0; filter: grayscale(70%); filter: brightness(100) invert(0); opacity: 0.8; }
	#content_container .dotmenu { background-color: #333; border: 1px solid #555; }
	#content_container .dotmenu .guiControl { font-size: 12px; color: #888; font-weight: normal; color: #aaa; }
	#content_container .dotmenu li { margin: 10px 5px 0 5px; padding: 5px; border-bottom: 0px solid #fff; }

	#content_container .confirm_dialog { background-color: #333; color: #bbb; border: 1px solid #777; box-shadow: 5px 5px 15px #000; }

	#recNote { background-color: #756500; color: #ccc; border: 0; }
	#content_container #recNote .guiControl { color: #CDE5F2; }

	#content_container h5 { background-color: #464E56; color: #C0CEDC; }

	.dhtmlwindow{ background-color: #333; border-radius: unset; margin: 0; left: 0; right: 0; max-width: 100%; border: 1px solid #444; }
	.drag-handle { padding: 10px; background-color: #333; }
	.drag-handle img { margin: 5px; filter: grayscale(100%); filter: brightness(1) invert(0); opacity: 0.6; }
	.drag-contentarea { background-color: #111; }

	.Float4 { background-color: #222; color: #bbb; }
	#content_container .Float4 .loader_prop { filter: grayscale(100%); filter: brightness(1) invert(1); }
	#content_container #qrss { background-color: #266492; color: #000; }

	#oraxPreview { background-color: #333; color: #aaa; border: 1px solid #555; }
	.present_query { background-color: #444; color: #fff; border: 1px solid #555; border: 0px; }
	.present_query th { background-color: #000; color: #fff; border: unset; border-bottom: 1px solid #555; }
	#content_container .present_query td { color: #ccc; }
	#content_container .present_query td .guiControl { color: #ccc; }
	#content_container .present_query td .popUp { color: #ccc; }
	#content_container .present_query td small { color: #ccc; }
	.datarow0 { background-color: #111; color: #fff; border: 1px solid #555; border: 0px; }
	.datarow1 { background-color: #000; color: #fff; border: 1px solid #555; border: 0px; }
	.dashboard { background-color: #3B5E74; color: #fff; border: 1px solid #555; border: 0px; }
	.dash_bar { background-color: #3B5E74; color: #eee; border: 1px solid #555; border: 0px; }
	#content_container .dashboard .guiControl { color: #A8C2D2; }
	#content_container .dashboard .guiControl img { filter: grayscale(100%); filter: brightness(1) invert(1); }
	#content_container .dashboard input { background-color: #2B4655; color: #ACCFE5; border: 0; border-radius: 3px; }
	#content_container .clist_item { background-color: #222; color: #fff; border: unset; border-radius: unset; }
	#content_container .clist_item:hover { background-color: #444; }
	#sContent .callline { background-color: #333; color: #fff; border-bottom: 1px solid #444; }
	#sContent .graysub { background-color: #262627; border: unset; border-top: 1px solid #444; }
	.search_bar { background-color: #000; color: #fff; border: 1px solid #555; border: 0px; }
	.dynso { background-color: #555; color: #fff; border: 1px solid #555; border: 0px; }
	#calendarDiv .calendar_week_column { background-color: #555; color: #fff; border: 1px solid #555; border: 0px; }
	#calendarDiv{ background-color: #555; color: #fff; border: 1px solid #555; border: 0px; }

	.mblock { background-color: #444; padding: 10px; }

	#content_container .tabBG { background-color: #2E5066; }
	#content_container .tabs { background-color: #354C5B; color: #fff; }
	#content_container .tab_line { background-color: #3B5E74; color: #fff; }
	#content_container .tabs_active { background-color: #3B5E74; color: #fff; }
	.coolbut { background-color: #555; color: #fff; }

	.fin_doc_total { border-bottom: 1px solid #777; border-top: 1px solid #777; background-color: #333; }
	#content_container .fin_doc_total h2 { color: #ccc; }
	#docitem { background-color: unset; border: unset; }
	#code { border: none; color: #777; background-color: #f7fafb; font-style: italic; }
	.content_left  { border: unset; }

	table { color: #bbb; }
	table th { color: #bbb; }
	table td { color: #bbb; }
	table .sditab { color: #bbb; }
	table .sditab td { color: #bbb; }
	table .sditab th { color: #bbb; }
	table th .ROspan { color: #bbb; }
	table td .formlabel { color: #bbb; }

	table.calendar_month { background-color: #000; }
	a.dayhead { background-color: unset; opacity: 1.0; }
	.dayevents { background-color: #000; }
	td.day0 { background-color: #000; }
	td.day1 { background-color: #000; }
	td.day2 { background-color: #000; }
	td.day3 { background-color: #000; }
	td.day4 { background-color: #000; }
	td.day5 { background-color: #000; }
	td.day6 { background-color: #000; }
	td.holiday { background-color: #000; }

	.project_plan { background-color: #000; }
	.project_plan .prjtska { background-color: #222; border: unset; height: 20px; padding: 0 0 4px 0; margin: 0; }
	.project_plan .prjtsk { background-color: #000; border: unset; height: 20px; padding: 0 0 4px 0; margin: 0; }
	.project_plan .ganttbg { background-color: #000; border: unset; height: 20px; padding: 0 0 4px 0; margin: 0; }
	.project_plan .ganttbga { background-color: #222; border: unset; height: 20px; padding: 0 0 4px 0; margin: 0; }

	.holiday { opacity: 0.5; }
	.day0 { opacity: 0.5; }
	#content_container .day0 a { color: #fff; }
	#content_container .day1 a { color: #fff; }
	#content_container .day2 a { color: #fff; }
	#content_container .day3 a { color: #fff; }
	#content_container .day4 a { color: #fff; }
	#content_container .day5 a { color: #fff; }
	#content_container .day6 a { color: #fff; }
	#content_container .holiday a { color: #fff; }
	.holiday a { background-color: #000; }
	.day6 { opacity: 0.5; }
	table.calendar_month td { border: 0px; }
	div.hhour_head { background-color: #111; filter: unset; background: unset; border: unset; }
	div.hhourh { background-color: #222; border: unset; border-bottom: 1px solid #555; }
	div.hhourt { background-color: #333; border: unset; border-bottom: 1px solid #555; }
	div.hhour_head span.dayonlyhead { font-size: 15px; }

	span.MEETING { border: unset; margin: 0; border-radius: unset; }
	span.CALL { border: unset; margin: 0; border-radius: unset; }
	span.TASK { border: unset; margin: 0; border-radius: unset; }
	span.REPORT { border: unset; margin: 0; border-radius: unset; }
	span.REMINDER { border: unset; margin: 0; border-radius: unset; }
	span.LEAVE { border: unset; margin: 0; border-radius: unset; }
	span.TRAINING { border: unset; margin: 0; border-radius: unset; }
	span.ON-SITE { border: unset; margin: 0; border-radius: unset; }
	span.BIRTHDAY { border: unset; margin: 0; border-radius: unset; }
	span.STANDBY { border: unset; margin: 0; border-radius: unset; }
	span.ONSITE { border: unset; margin: 0; border-radius: unset; }
	span.HOME { border: unset; margin: 0; border-radius: unset; }

	.edu_resource { background: unset; background-color: #444; border: 0; }
	.edu_resource .resource_detail .dynso { color: #ccc; }
	.resource_block { font-size: 14px; background-color: #444; border: 0; color: #ccc; }

	.teamListHD { background-color: #444444; }
	.noticegroup { background-color: #444444; }

}