/* $Id$ */

body,a,p,b,th,tr,td,input,textarea,select,option,form,div,font,li { font-family: helvetica, sans-serif, tahoma, arial, verdana; font-size: 11px; }

a             { font-weight: bold; text-decoration: none; color: #5b69a6; }
a.linksBigCat { font-size: 12px; }
a.linksCat    { font-size: 9px; font-weight: normal; color: #5b89f6; }

img.tree-icon {
	width: 18px;
	height: 18px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

.margin1 {	margin-left: 0px; }
.margin2 {	margin-left: 20px; }
.margin3 {	margin-left: 40px; }
.margin4 {	margin-left: 60px; }
.margin5 {	margin-left: 80px; }
.margin6 {	margin-left: 100px; }
.margin7 {	margin-left: 120px; }
.margin8 {	margin-left: 140px; }
.margin9 {	margin-left: 160px; }
.margin10 {	margin-left: 180px; }
.margin11 {	margin-left: 200px; }
.margin12 {	margin-left: 220px; }

form { margin-bottom: 0px; }
body { margin: 2px; }
INPUT.smallGo   { font-weight: bold; color: #ffffff; background-color: #e0072f; padding: 0 5px; }
INPUT.bigGo     { font-size: 12px; font-weight: bold; color: #ffffff; background-color: #e0072f; border-width: 1px; padding: 0 10px; }
INPUT.choose    { background-color: #e6e6e6; border-width: 1px; }
SELECT.choose   { background-color: #e6e6e6; border-width: 1px; }
INPUT.buttonChoose { font-size: 10px; font-weight: bold; width: 70px; color: #ffffff; background-color: #2d6def; border-width: 1px; }
INPUT.buttonClear  { font-size: 10px; font-weight: bold; width: 70px; color: #ffffff; background-color: #e0072f; border-width: 1px; }
INPUT.login  { width: 95px; background-color: #ffffff; color: #000000; border-style: solid; border-color: #bfcad8; border-width: 1px; }
INPUT.submit { width: 95px; background-color: #bfcad8; }

fieldset {
	margin-top: 5px;
}
legend {
	border: solid 1px #000;
	padding: 2px 5px;
	background-color: #bfcad8;
	font-weight: bold;
}

fieldset.form-section {
	margin: 0;
	padding: 2px;
	border: solid 1px #bfcad8;
}

fieldset.form-section div {
	float: left;
	margin-right: 4px;
	padding: 0;
	width: 150px;
}

a.form-section {
	display: block;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 2px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	color: #000;
	background-color: #fff7eb;
	border-left: 20px solid;
	border-right: 20px solid;
	border-color: #fff7eb;
}
a.form-section:hover {
	color: #000;
	background-color: #ccc;
	border-color: #ccc;
}

a.form-section-active {
	display: block;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 2px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	color: #000;
	background-color: #fcf9c8;
	border-left: 20px solid;
	border-right: 20px solid;
	border-color: #fcf9c8;
}
a.form-section-active:hover {
	color: #000;
	background-color: #999;
	border-color: #999;
}

.form-buttons {
	text-align: center;
}

fieldset.login {
	width: 400px;
}

fieldset.login div {
	clear: both;
	padding: 5px;
}
fieldset.login div label {
	float: left;
	width: 120px;
	padding-right: 5px;
	text-align: right;
	font-weight: bold;
}

.login-alert {
	text-align: center;
	border: solid red 1px;
	color: red;
	font-weight: bold;
}

.role-perm {
	margin-bottom: 15px; 
	border-top: 0; 
	padding: 0;
}
.role-perm p {
	margin: 0; 
	padding: 1px 25px; 
	border: 1px solid #000; 
	text-align: left;
}
.role-perm input {
	margin: 1px 0px 0px 10px; 
}
.role-perm .title {
	margin: 0; 
	padding: 1px 25px; 
	border: 1px solid #000; 
	text-align: left;
	color: #000; 
	background: #bfcad8; 
	cursor: pointer;
	font-weight: normal;
}
.role-perm .checked {
	font-weight: bold;
}

.webdings {
	font-family: webdings;
	font-size: 14px;
	color: #000;
}

TD { text-align: left; }

.allcenter { text-align: center; }

.allright { text-align: right; }

.description { font-weight: bold; text-align: right; color: black; background-color: #fcf9c8; }
.header { font-weight: bold; color: black; background-color: #bfcad8; }
.section { font-weight: bold; color: black; background-color: #e6e6e6; }
.preview { color: black; background-color: #dee1e5; }
.leftbeam { text-align: center; background-color: #bfcad8; }
.balloon { background-color: #cedaea; }
.maincalendar { background-color: #bfcad8; }
.calendarheader { font-weight: bold; text-align: center; color: black; background-color: #dddcc5; }
.calendarday { font-size: x-small; text-align: center; background-color: #fcf9c8; }
.calendartoday { font-size: x-small; text-align: center; background-color: #fce683; }
.calendarholiday { font-size: x-small; text-align: center; background-color: #e0deba; }
.calendarmark { font-size: x-small; text-align: center; background-color: #e0deba; }
.calendardesc { text-align: left; background-color: #fcf9c8; }
.bigcalendarholiday { text-align: left; background-color: #e0deba; }
.planer { text-align: right; font-weight: bold; background-color: #fcf9c8; }
.calendarabsent { font-size: x-small; text-align: center; background-color: #ffe78b; }
.calendarhole { font-size: x-small; text-align: center; background-color: #ffffff; }

.size1 { font-size: 9px; }
.size2 { font-size: 10px; }
.size3 { font-size: 11px; }
.size5 { font-size: 14px; }

.alert { color: red; }

#inputchoose { font: 9px courier new; }
#inputkey { font: 9px courier new; }

P { font-weight: bold; }
P.form { font-size: small; }

/********** For publisher ******************/

.publish, .article {
	font-size: 12px;
}

.publish-title {
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	background-color: #144e7a;
	text-align: center;
	margin-bottom: 5px;
	padding: 2px;
}

.publish-intro {
	color: #888;
	text-align: left;
	margin: 10px 5px 0 12px;
}

.publish-icon {
	margin: 10px 10px 15px 10px;
	padding: 2px;
}

.publish-sign {
	margin: 0 0 0 12px;
	font-weight: bold;
	display: inline;
}

.publish-date {
	margin: 0 8px;
	display: inline;
}

.publish-topic {
	font-weight: bold;
	text-align: left;
	margin: 10px 12px;
}

.publish-content {
	text-align: left;
	margin: 10px 12px;
}

.publish-attach {
	margin: 15px 12px;
	font-weight: bold;
}

.publish-attach ul {
	margin: 2px 0;
	padding: 0 0 0 20px;
	font-weight: normal;
}

.publish-attach ul li {
	font-weight: normal;
}

.publish-attach ul li a {
	text-decoration: none;
}

.publish-actions, .article-actions {
	background-color: #f0f0f0;
	padding: 4px;
}
.publish-actions a, .article-actions a {
	margin: 0 5px;
}
.publish-actions a:before, .article-actions a:before {
	content: ">> ";
}

.article {
	position: relative;
}

.article-title {
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	background-color: #144e7a;
	text-align: left;
	margin: 5px 150px 0 0;
	padding: 2px 2px 2px 5px;
}

.article-intro {
	color: #888;
	text-align: left;
	margin: 10px 150px 10px 12px;
}

.article-content {
	margin: 0 150px 0 0;
}

.article-content .publish .publish-title {
	font-weight: bold;
	font-size: 12px;
	color: #000;
	background-color: #f0f0f0;
	text-align: left;
	padding: 2px 2px 2px 12px;
}

.article-menu {
	position: absolute;
	border: solid #144e7a 1px;
	background-color: #fff;
	padding: 0;
	top: 0px;
	right: 0px;
	width: 144px;
}

.article-menu ul {
	padding: 0 2px 0 18px;
}

.article-menu-header {
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	background-color: #144e7a;
	padding: 2px 2px 2px 5px;
}

a.article-active {
	color: red;
}

/*************** Layers ********************/

#mainFrame { position: absolute; left: 62px; top: 165px; z-index: 10; visibility: hidden; } 
#documentFrame { position: absolute; left: 62px; top: 165px; z-index: 10; visibility: hidden; } 
#questionnaireFrame { position: absolute; left: 62px; top: 236px; z-index: 10; visibility: hidden; } 
#teamFrame { position: absolute; left: 62px; top: 236px; z-index: 10; visibility: hidden; } 
#projectFrame { position: absolute; left: 62px; top: 307px; z-index: 10; visibility: hidden; }
#userFrame { position: absolute; left: 62px; top: 378px; z-index: 10; visibility: hidden; } 
#moduleFrame { position: absolute; left: 62px; top: 449px; z-index: 10; visibility: hidden; } 
#searchFrame { position: absolute; left: 62px; top: 449px; z-index: 10; visibility: hidden; }
#manageFrame { position: absolute; left: 62px; top: 92px; z-index: 10; visibility: hidden; } 
#loginFrame { position: absolute; left: 62px; top: 127px; z-index: 10; visibility: hidden; } 
#profileFrame { position: absolute; left: 62px; top: 127px; z-index: 10; visibility: hidden; }

.skinheader {
	font-weight: bold; font-size: 18px; color: black;
	width: 820px;
	border-bottom: solid black 1px;
}

.frame {
}
.frame .bubble {
	width: 41px;
	height: 24px;
	background-image: url(frame_bubble.gif);
	float: left;
}
.frame .content {
	background-color: #cedaea;
	border: solid black 2px;
	padding: 5px;
	padding-right: 20px;
	margin-left: 41px;
}
.frame .close {
	width: 21px;
	height: 21px;
	cursor: pointer;
	position: absolute;
	right: 2px;
	top: 2px;
	padding: 0;
	background-image: url(panel_close.gif);
}

/** For planner *********************************************/

.planGrayed { font-size: 9px; text-align: center; color: #f0f0f0; text-decoration: none; }
.planWorkday { font-size: 9px; text-align: center; background-color: #fcf9c8; }
.planHoliday { font-size: 9px; text-align: center; background-color: #e0deba; }
.planToday { font-size: 9px; text-align: center; background-color: #fce683; }
.planSelected { border-style: solid; border-width: 1px; border-color: #707070; }
.planHeader { font-size: 9px; font-weight: bold; text-align: center; color: black; background-color: #dddcc5; }
.planWeekNum { font-size: 9px; text-align: right; background-color: #e0e0e0; text-decoration: none; }


/** For calendar ********************************************/


/* Default attributes of table container for entire calendar */
.table-style { border-width: 1; border-style: solid; border-color: #a0a0a0; background-color: #ffffff; font-size: 11px; }

/* Default attributes of DIV containing table container for entire calendar.
 * You probably don't want to alter this style.
 */
.div-style { z-index: +998; position: absolute; visibility: hidden; }

/* Default attributes used in calendar title (month and year columns).*/
.title-style { padding: 0px; font-size: 11px; color: #000000; }

/* Default attributes used in calendar title background.*/
.title-background-style { background-color: #edede1; }

/* Normal appearance of controls in calendar title. */
/* Note: The right, left and down icons are images, which must be edited if you need to change them. */
.title-control-normal-style { font-weight: bold; text-align: center; cursor: pointer; }

/* Default attributes of calendar body (weekday titles and numbers). */
.body-style { padding: 0px; background-color: #ffffff; font-size: 10px; text-align: center; }

/* Attributes of current day in calendar body. */
A.current-day-style { color: red; font-weight: bold; text-decoration: none; text-align: center; }

/* Attributes of end-of-week days (Sundays) in calendar body. */
A.end-of-weekday-style { text-align: center; color: #909090; text-decoration: none; }

/* Attributes of all other days in calendar body. */
A.normal-day-style { text-align: center; color: black; text-decoration: none; }

/* Attributes of border around selected day in calendar body. */
A.selected-day-style { border-style: solid; border-width: 1px; border-color: #a0a0a0; }


.tablelist-small {
 text-align: right;
 font-size: 10px;
}
.tablelist-head {
 background-color: #003399;
 font-size: 12px;
 padding: 2px;
 font-weight: bold;
 color: #ffffff;
}
a.tablelist-head:hover {
 text-decoration: underline;
}
.tablelist-normal {
 background-color: #ffffff;
 font-size: 12px;
 font-weight: normal;
 color: #000000;
 cursor: default;
 padding-left: 2px;
 padding-right: 2px;
}
.tablelist-select {
 background-color: #f1f1f1;
 font-size: 12px;
 font-weight: normal;
 color: #000000;
 cursor: default;
 padding-left: 2px;
 padding-right: 2px;
}
.tablelist-button {
 background-color: #f1f1f1;
 width: 100px;
 font-size: 12px;
 font-weight: bold;
 cursor: pointer;
}

/** INFOBOX ***************************************************************************/

.infobox { border: solid black 1px; margin: 1em 3em; }
.infobox .label { background: #369; color: white; font-weight: bold; padding: 5px 10px; }
.infobox .content { padding: 5px 10px; background: #f0f0ff; color: black; line-height: 120%; font-size: 90%; }

.warning .label { background: #c00; color: white; }
.warning .content { background: #fff0f0; color: black; }

.note { border-color: #006699; } 
.warning { border-color: #990000; } 


.ajax-info {
	background: url('spinner.gif') no-repeat left;
	border: solid 1px black;
	padding: 10px 20px;
}

#tooltip {
	position: absolute;
	border-right: 1px solid #00368f;
	border-bottom: 1px solid #00368f;
	display: none;
	background-color: lightyellow;
	z-index: 100;
}
#tooltip .tooltipFrame {
	border: 1px solid #79A7E2;
}
#tooltip .tooltipFrame2 {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 4px;
}

.tree-space {
	margin-left: 10px; 
}
.tree-space input {
	margin: 1px 2px 2px 5px;
}
.tree-none {
	width: 14px;
	height: 10px;
	float: left;
}
.tree-plus {
	background: url('menu-collapsed.png') no-repeat left;
	width: 14px;
	height: 10px;
	float: left;
	cursor: pointer;
}
.tree-minus {
	background: url('menu-expanded.png') no-repeat left;
	width: 14px;
	height: 10px;
	float: left;
	cursor: pointer;
}
.tree-item {
	clear: both;
}

.group-order-sign {
	background-color: #93a9bf;
	padding: 0 6px;
	margin-left: 4px;
}