@charset "utf-8";
/* DEFAULT STYLE.CSS */

body {
	margin: 0px;
	padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
	direction: ltr;
	unicode-bidi: embed;
	background: #efefef;
	font-size: 75%;
}

.cleared {
	clear:both;	
}

#page_box {
	/* Page width in 'fixed' mode.
		If you're changing this value, don't forget to change corresponding value
		in rule '#head_nav ul' in file 'style_ie.css'.
	*/
	/*width: 980px;*/
}

#page_box {
	/* Important layout properties: */
/*	display: block;*/
/*	overflow: hidden;*/

	/* Other properies: */
/*	border: solid white;
	border-width: 0 5px;*/
	width: 960px;
	padding: 0.5em 1em;
	background: #fff;
	margin: 0em auto;
}

#infobar_main, #page_content, #sidebar {
	/* Important layout properties: */
	float: left;
}

body, #infobar_main, #sidebar, #header {
	/* Important layout properties: */
	position: relative;
}

#infobar_main {
	/* Important layout properties: */
	z-index: 10;

	/* Infobar width.
			width = infobar width
			left = -(infobar width + infobar right margin)
		If you're changing this values, don't forget to change following values too:
			'margin-left' in '#page_content'
			'margin-left' in '#main_container'
	*/
	width: 140px;
	left: -145px;
}
#page_content {
	/* Important layout properties: */
	min-width: 100%;
	width: 100%;
	overflow: visible;
	/* margin-left must be equal to negative infobar width */
	margin-left: -140px;

	/* Other properies: */
}
#sidebar {
	/* Important layout properties: */
	overflow: hidden;
	float: right;
	/* Sidebar width.
			width = sidebar width
			margin-right = -(sidebar width + sidebar left margin)
		If you're changing this values, don't forget to change:
			'margin-right' in '#main_container' in file '/main/home.css'
	*/
	width: 165px;
	margin-right: -170px;
}
#main_container {
	/* Important layout properties: */
	clear: both;
	/* margin-left must be equal to infobar width + infobar right margin */
	margin-left: 145px;

	/* Other properies: */
	padding-top: 5px;
}
#main_container:after {
	/* Important layout properties: */
	display: block;
	content: '.';
	height: 1px;
	width: 1px;
	visibility: hidden;
	clear: both;
}

.infobar_invisible #page_content, .infobar_invisible {
	/* Important layout rule. */
	margin-left: 0!important;
}

/* styles for HEADING elements  */
#header {
	/* Important layout properties: */
/*	z-index: 20;*/

	/* Other properies: */

/*	background: url(../../images/default/menu/accessbg.jpg) repeat-x white;*/
/*	border-top: 5px solid white;*/
/*	margin-right: -10px;*/
	margin: 1em 0;
	clear: both;

}
#header img, #infobar_main img { vertical-align: middle; margin-bottom: 1px; }

#head_logo {
	display: block;
	float: left;
/*	clear: right;
	margin-top: 20px;	*/
	margin: 0;
}

#head_logo a { height: 41px; width: 110px; text-indent: -999em; display: block; background: url(../../images/default/menu/logo.gif) }

#head_access {
    font-size: 11px; 
	line-height: 20px;
/*	text-align: right;
	margin: 2px 0 0 auto; width: 800px;*/
	list-style: none; margin: 0; padding: 0; float: right }

#head_access li { float: left; margin-left: 3px }

#head_access a {
	/*margin-right: 5px; */
	color:#666;
}
/*
#head_access a img {
	margin-right: -5px;
}
*/

a.access_text {
margin-left: 10px;	
}

/* CSS SPRITES */

a.mysettings {
	background-image: url(../../images/default/styleswitch.png);
	background-position: 1px 0;
	height: 20px;
	width: 20px;
	display:block;
	text-indent: -9999px;
	float: left;
}

a.mysettings:hover { background-position: 0 -20px; }

a.fixed {
	background-image: url(../../images/default/styleswitch.png);
	background-position: -20px 0px;
	height: 20px;
	width: 20px;
	display:block;
	text-indent: -9999px;
}

a.fixed:hover { background-position: -20px -20px; }

a.max {
	background-image: url(../../images/default/styleswitch.png);
	background-position: -40px 0px;
	height: 20px;
	width: 20px;
	display:block;
	text-indent: -9999px;
}

a.max:hover { background-position: -40px -20px; }

a.full {
	background-image: url(../../images/default/styleswitch.png);
	background-position: -60px 0px;
	height: 20px;
	width: 20px;
	display:block;
	text-indent: -9999px;
}

a.full:hover { background-position: -60px -20px; }

a.print {
	background-image: url(../../images/default/styleswitch.png);
	background-position: -80px 0px;
	height: 20px;
	width: 20px;
	display:block;
	text-indent: -9999px;
}

a.print:hover { background-position: -80px -20px; }

a.message {
	background-image: url(../../images/default/styleswitch.png);
	background-position: -100px 0px;
	height: 20px;
	width: 20px;
	display:block;
	text-indent: -9999px;
}

a.myprofile { padding-left: 22px; position: relative; }


a.myprofile img { position: absolute; left: 0; top: -3px }

a.message:hover { background-position: -100px -20px; }

a.message_count {
	background: #cc0000;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	height: 14px;
	display:block;
	text-align:center;
	font-weight: bold;
	font-size: 10px;
	padding: 0 2px;
	margin: 3px 0 0 0;
}

a.trash_count {
	background: #81c026;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	height: 14px;
	display:block;
	text-align:center;
	font-weight: bold;
	font-size: 10px;
	padding: 0 2px;
	margin: 3px 0 0 0;
}

.message_count_no {
	color:#FFF !important;
	padding: 3px;
	line-height: 13px;
}

#trash_can {
	background-image: url(../../images/default/actionset.png);
	background-position: -20px 0px;
	height: 20px;
	width: 20px;
	display:block;
	text-indent: -9999px;
}

a.status_calendar {
	background-image: url(../../images/default/actionset.png);
	background-position: -40px 0px;
	height: 20px;
	width: 20px;
	display:block;
	text-indent: -9999px;
}

#head_searchbox {
	padding-top: 22px;
	font-size: 11px;
	position: relative;
	overflow: hidden;
}

#head_searchbox form {
	float: right;
	white-space: nowrap;
	color: #333333;
	font-weight: normal;
	margin-left: 5px;
}

/* HEAD NAVIGATION styles */
#head_nav {
	/* Important layout properties: */
	clear: both;

	/* Other properies: */
	background: #f0f1f2;
	border-bottom: 2px solid white;
/*	margin-top: 2px;*/
	margin: 1em 0;
	overflow: auto;
}

* html #head_nav { height: 1% } /* hasLayout = true */

#head_nav ul {
	/* Important layout properties: */
/*	clear: both;*/
/*	display: table-row;*/
/*	overflow: hidden;*/
/*	width: 100%;*/

	/* Other properies: */
	list-style: none;
	margin: 0;
	padding: 0;
}
#head_nav li {
	/* Important layout properties: */
/*	display: table-cell;*/
	float: left
}
#head_nav a {
	/* Important layout properties: */
	display: block;

	/* Other properies: */
	/*white-space: nowrap;*/
/*	border-right: 1px solid white;*/
/*	text-transform: uppercase;*/
	font-weight: bold;
	color: #333;
/*	font-size: 11px; */
	padding: .6em 1.2em;
/*	line-height: 1.8em;*/
}

/*#head_nav a img { margin-right: 2px }*/
#head_nav a.active { color: #fff; background: #3d59a4 }

#head_nav a:hover { color: #fff; background: #6E83BB; text-decoration: none }



/* STATUS AREA */
#statusarea { margin: 0; }

#statusarea form { float: left }

#statusarea ul { list-style: none; margin: 0; padding: 0; float: right }

#statusarea li { float: left; margin-left: 3px }

#statusarea li img, #statusarea div img { vertical-align: middle; margin: 2px }

#statusarea p {
	/* Important layout properties: */
/*	display: table;*/

	/* Other properies: */
	margin: 0 0 0 20px;
	padding: 0 0 0 27px;
	background: url(../../images/default/menu/info.gif) no-repeat;
	color: #495371;
	min-height: 17px;
}

/* -------------- */
.clear { clear: both; }

/* INFOBAR POSITIONING  */
.hideinfobar #infobar_main { display: none }
/*#infobar_main { background: white }*/

#infobar_main a { color: #5F6986; text-decoration: none; }

#infobar_main a:hover { color: #0048A0; text-decoration: underline; }

.infobox {
	border: 1px solid #DEE1E6;
/*	font-size: 11px; */
	padding: 1px;
	overflow: hidden;
	width: auto!important;
}

.infobox h3 {
/*	font-size: 11px;    */
	color: #29355A;
	padding: .5em;
	margin: 0;
	background: #D4DAE0;
	font-size: 1em;
}

.infobox .body, .infobox ul {
	padding:5px 4px;
	margin: 0;
}

.not_logged {
	border-color: #C40000;
}

#infobar_whois_links, #infobar_im a, .infomenu div {
	font-size: 9px;
	direction: ltr;
	unicode-bidi: embed;
}

#infobar_whois_name {
	display: block;
	padding: 12px 2px 10px 32px;
	background: url(../../images/default/menu/pic.gif) no-repeat 4px 7px;
}

#infobar_whois_links a { white-space: nowrap; direction: ltr; unicode-bidi: embed; }

#infobar_im a {
	text-align: center;
	display: block;
	font-size: 9px;
	color: #5F6986;
	float: left; width: 48%;
}
#infobar_im a img {
	display: block;
	margin: 0 auto;
}

.infomenu ul {
	font-size: 11px;
	margin: 5px 0 0 0; padding: 0;
}

.infomenu li {
	display: block;
	background: url(../../images/default/menu/vert_menu_bg.gif) repeat-x white;
	border: 1px solid #F2F4F8;
}

#infobar_main .infomenu li a {
	display: block;
	color: #29355A;
	font-weight: bold;
	padding: 5px 5px 5px 20px;
}
.infomenu div {
	font-size: 10px;
	text-align: right;
}

#infobar_personal_menu li a {
	background: url(../../images/default/menu/green_bullet.gif) no-repeat 5px center;
}
#infobar_personal_menu li a:hover {
	background: #1eaf12;
	color: white;
}
#infobar_company_menu li a {
	background: url(../../images/default/menu/blue_bullet.gif) no-repeat 5px center;
}
#infobar_company_menu li a:hover {
	background: #0D759F;
	color: white;
}

.infobox, #infobar_personal_menu, #infobar_company_menu, #infobar_main #miniCalendar {
	margin-bottom: 8px;
}

#infobar_whologged ul {	list-style: none; }

#infobar_show_all_users { padding-top: 10px; line-height: 1.2em; }

/* Footer */

#footer {
	clear: both;
/*	border-top: 1px solid #CCCCCC;
	margin-top: 20px;
	border-bottom: 5px solid white;*/
	margin: 1em 0 0;
	font-size: 10px;
	padding: 1em;
	background: #efefef;
}

	#footer ul { list-style: none; margin: 0; padding: 0 }

			#footer li { float: left; margin-right: 1em }

			#footer li a { display: block }

	#footer p { margin: 0; clear: both }

#footer a:link, #footer a:visited {
	color: #999;
/*text-decoration: none;*/
}

#footer a:hover {
	color: #3d59a4;
	text-decoration: underline;
}

/* Inline IM block.
	All rules described below are important for layout.
	Change them on your own risk! */
#infobar_new_IM_inline {
	position: absolute; z-index: 1000;
	background: #FFFADD;
	font-size: 11px;
	border: 2px solid #126FAF;
	top: 210px; left: 63px;
	width: 400px;
	height: 293px;
}
#infobar_new_IM_inline iframe {
	position: relative; z-index: 1002;
}
iframe#fakeiframe {
	position: absolute;
	background: red;
	width: 400px;
	height: 393px;
	z-index: 1000;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

#infobar_new_IM_inline .im_title {
 display: block;
 background: #126FAF;
 color: White;
 padding: 4px 6px 5px 6px;
 height: 14px;
 position: relative; z-index: 1001;
}

#infobar_new_IM_inline .im_message {
	overflow: auto;
	width: 288px;
	padding: 6px;
	height: auto!important; height: 1%;
}

#infobar_new_IM_inline .im_close {
	position: absolute;
	right: 5px;
}

#infobar_main .miniCalendar {
	width: 100%;
}



/* Tabs */
.tabs { margin-bottom: 10px }

.tabs ul.tab-list { list-style: none; margin: 0; padding: 0; clear: both; display: none; outline: none; position: relative; top: 1px;}

.tabs .tab-container { overflow: visible; }

.tabs ul.tab-list { overflow: auto;	display: block;}

* html .tabs ul.tab-list, * html .tabs .tab-container { height: 1% } /* hasLayout */

.tab-list li { float: left; display: block; margin-right: 10px }

.tab-list li a {
	display: block;
	background-color: #E9EFF9;
	padding: 6px 12px;
	color: #333;
	text-decoration: none;
	border: 1px solid #cedcf2;
	-moz-border-radius: 5px 5px 0 0;
}

.tab-list li a:hover { background-color: #efefef }

.tab-list li.active a { background-color: #fff; border-bottom: 1px solid #fff; }

.tabs .tab-container { background-color: #fff; padding: 10px; border: 1px solid #cedcf2; margin: 0 0 10px }

.ui-icon-hastext { padding-left: 22px !important }

.ui-icon-full_page {
	background-image: url(../../images/icons/16/full_page.png);
	background-repeat: no-repeat;
	background-position: 4px 5px;
}

.ui-icon-note_book {
	background-image: url(../../images/icons/16/note_book.png);
	background-repeat: no-repeat;
	background-position: 4px 5px;
}

.ui-icon-attachment {	
	background-image: url(../../images/icons/16/attachment.png);
	background-repeat: no-repeat;
	background-position: 2px center;
}

.ui-icon-user {
	background-image: url(../../images/icons/16/user.png);
	background-repeat: no-repeat;
	background-position: 5px 6px;
}

.ui-icon-clock {
	background-image: url(../../images/icons/16/clock.png);
	background-repeat: no-repeat;
	background-position: 3px 6px;
}

.ui-icon-historydiagram {
	background-image: url(../../images/icons/16/history_diagram.png);
	background-repeat: no-repeat;
	background-position: 3px 6px;
}

.ui-icon-issue {
	background-image: url(../../images/icons/16/issue.png);
	background-repeat: no-repeat;
	background-position: 3px 6px;
}

.ui-icon-workflow {
	background-image: url(../../images/icons/16/workflow.png);
	background-repeat: no-repeat;
	background-position: 3px 6px;
}

.ui-icon-note {
	background-image: url(../../images/icons/16/note.png);
	background-repeat: no-repeat;
	background-position: 3px 6px;
}

.ui-icon-delete {
	background-image: url(../../images/icons/16/delete.png);
	background-repeat: no-repeat;
	background-position: 3px center;
}

.ui-icon-monitor {
	background-image: url(../../images/icons/16/monitor.png);
	background-repeat: no-repeat;
	background-position: 3px 3px;
}

.ui-icon-stopmonitor {
	background-image: url(../../images/icons/16/stopmonitor.png);
	background-repeat: no-repeat;
	background-position: 3px 3px;
}

.ui-icon-clone {
	background-image: url(../../images/icons/16/clone.png);
	background-repeat: no-repeat;
	background-position: 3px center;
}

.ui-icon-edit {
	background-image: url(../../images/icons/16/edit.png);
	background-repeat: no-repeat;
	background-position: 3px center;
}

@media print {
	html, body { background: #fff !important }

	.app_menu, #footer, #header, .hide_printing, #sidebar, #WelcomeBanner { display: none }

	#head_searchbox, #head_nav, #statusarea, #footer, #infobar_main, #head_logo { display: none }

	#main_container { margin-left: 0;  margin-right: 0 }

	#page_content { margin-left: 0 }

	#t_wrapper, #page_box { width: 100% }

	.PeopleDiagram { overflow: visible !important; overflow-x: visible !important; overflow-y: visible !important; }
}