body {
	font-family: "Lucida Grande", Arial, sans-serif;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #000000;
	overflow: hidden;
}

.link {
	text-decoration: none;
/*	color: #306BBD;*/
	cursor: pointer;
}

a.link:hover {
	text-decoration: underline;
}

img.use_contact {
    padding-top: 3px;
    width: 9px;
    height: 9px;
    cursor: pointer;
}

#header {
	background-color: #e0e0e0;
	height: 32px;
	width: 100%;
}

#header #header_left {
	width: 49%;
	height: 100%;
	float: left;
    line-height: 32px;
}

#header #header_right {
	width: 49%;
	height: 100%;
	float: right;
    line-height: 32px;
}

#header_left .image {
	padding-left: 10px;
	float: left;
}

#header_left .image img {
	cursor: pointer;
	position: relative;
	top: 5px;
}

#header_right .input {
	position: relative;
	float: right;
	padding: 3px 10px 0px 0px;
}

#header_right .input .styled_text_field {
	width: 210px;
}

#header_right .input.disabled .styled_text_field  {
    background: #f0f0f0;
}

#header_right .input.disabled .styled_text_field div input {
    color: #888888;
}

#header_right .input .styled_text_field input {
	padding-left:25px;
	width: auto;
}

#header_right .input img {
	cursor: pointer;
	position: absolute;
	top: 7px;
	left: 5px;
}

#search_options, .autocomplete_options, #contact_options {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 9;
	background: none;
}

#search_options_menu {
	position: absolute;
	top: 27px;
	right: 15px;
	width: 185px;
	background: #ffffff;
	border: 1px solid #888888;
	z-index: 10;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
}

#search_options_menu.disabled {
    background: #f0f0f0;
    color: #888888;
}

#search_options_menu .option, #autocomplete_options_menu .option, #contact_options_menu .option {
	width:100%;
	height: 22px;
	cursor: pointer;
	padding-top: 3px;
	-moz-border-radius: 12px;
}

#search_options_menu .option input, #autocomplete_options_menu .option input, #contact_options_menu .option input {
	cursor: pointer;
}

#search_options_menu .option .text, #autocomplete_options_menu .option .text, #contact_options_menu .option .text {
	position: relative;
	top: -1px;
	cursor: pointer;
}

#search_options_menu.disabled .option, #search_options_menu.disabled .option input, #search_options_menu.disabled .option .text {
	cursor: default !important;
}

#content {
	background-color: #e0e0e0;
	font-size: 12px;
	white-space: nowrap;
	display: block;
	overflow: hidden;
}

table {
	border: none;
	height: 100%;
	padding: 5px;
}

table.layout {
	width: 100%;
}

#content_left {
	padding: 5px 10px;
	overflow: auto;
	position: absolute;
	border: 1px solid #888888;
	background-color: #ffffff;
	-moz-border-radius: 4px;
	top: 3px;
	bottom: 3px;
	left: 3px;
	right: 3px;	
}

#content_left span {
	display: inline;
	font-size: 12px;
}

#content_left .folder {
	white-space: nowrap;
	cursor: pointer;
}

#content_left .folder .small_image {
	margin-left: -4px;
	margin-right: 3px;
	width: 9px;
	height: 9px;
}

#content_left .folder .folder_image {
	width: 16px;
	height: 16px;
	top: 2px;
	margin-left: 2px;
	margin-right: 4px;
	position: relative;
}

#content_left .selected_folder {
	background-color: #E8F2FE;
}

#content_left .children {
	border-left: 1px dashed #aaaaaa;
	padding-left: 10px;
	margin-left: 10px;
}

.content_right {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #ffffff;
	-moz-border-radius: 4px;
	position: relative;
}

.send_mail, .filters {
	background-color:#FFFFFF;
	border:1px solid #888888;
	bottom:3px;
	height:auto;
	left:3px;
	position:absolute;
	right:3px;
	top:3px;
	width:auto;
}

.content_right .row {
	display: block;
	width: 100%;
}

.content_right .mail_list .row {
    padding-left: 22px;
}

.content_right .headerrow {
	display: block;	
	border: solid 1px #888888;
	color: #fff;
	height: 24px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: absolute;
	-moz-border-radius: 5px 5px 0px 0px;
	top: 3px;
	left: 3px;
	right: 3px;	
}

.content_right .headerrow.mail {
	height: 44px;
	overflow: hidden;
}

.content_right .headerrow.mail .row {
	height: 20px;
	padding-top: 2px;
	width: 100%;
	position: relative;
}

.bold {
	font-weight: bold;
}

.content_right .headerrow.mail .row .title {
	position: absolute;
	left: 3px;
	width: 92px;
	text-align: left;
	height: 20px;
}

.content_right .headerrow.mail .row .value {
	position: absolute;
	left: 95px;
	text-align: left;
	right:3px;
}

.content_right .headerrow.mail .row.attach .cell {
	height: auto;
}

.content_right .headerrow.mail .row.attach .cell span {
	height: auto;
}

.content_right .headerrow.mail .row.attach .attach_file, .attach_file {
	white-space: nowrap;
	display: inline;
	-moz-border-radius: 10px;
	border: 1px solid #888888;
	padding: 0 12px;
	margin: 2px 0px 2px 4px;
	position: relative;
	cursor: default;
	background-color: #FFFFFF;
	float: left;
	cursor: pointer;
}

.content_right .headerrow.mail .row.attach .attach_file form, .attach_file form {
	border: none;
	padding: 0;
	margin: 0;
	background: none;
}

.content_right .headerrow.mail .row.attach .attach_file span, .attach_file span {
	display: inline;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.content_right .headerrow.mail .row.attach .cell span .attach, .attach {
	display: block;
	font-size: 12px;
	overflow: hidden;
	height: 44px;
	width: 100%;
}

.content_right .headerrow.mail .first_line {
	right: 130px !important;
}

.content_right .headerrow.mail .image {
	padding-right: 5px;
	float: right;
}

.content_right .headerrow.mail .image img {
	cursor: pointer;
	position: relative;
	top: 1px;
}

.content_right .headerrow.mail .details_button {
	position: absolute;
	top: 20px;
	left: 75px;
	cursor: pointer;
}

.content_right .headerrow.send {
	height: 83px;
	overflow: hidden;
	top: 6px;
	left: 6px;
	right: 6px;
}

.content_right .headerrow.send form {
	padding: 0;
	margin: 0;
}

.content_right .headerrow.send .details_button {
	position: absolute;
	top: -1px;
	left: 89px;
	cursor: pointer;
}

.content_right .headerrow.send .attach_button {
	position: absolute;
	top: -1px;
	left: 91px;
	width:22px;
	height:22px;
	overflow:hidden;
	cursor:pointer;
}

.content_right .headerrow.send .attach_button input {
	background: none;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
	cursor: pointer;
}

.content_right .headerrow.send .attach_button img {
	position:absolute;
	top:0px;
	left:0px;
	cursor:pointer;
	z-index:0;
}

.content_right .headerrow.send .row {
	height: 26px;
	padding-top: 0px;
	width: 100%;
	position: relative;
}

.content_right .headerrow.send .row.attach {
	height: 56px;
}

.content_right .headerrow.send .row.image_row {
	height: 32px;
}

.content_right .headerrow.send .row .title {
	position: absolute;
	left: 3px;
	width: 90px;
	text-align: left;
	height: 20px;
}

.content_right .headerrow.send .row .value {
	position: absolute;
	left: 105px;
	text-align: left;
	right:3px;
	top: -4px;
}

.content_right .headerrow.send .cell {
	display: block;
	overflow: hidden;
	float: left;
	white-space: nowrap;
	height: 26px;
}

.content_right .headerrow.send .cell span {
	display: block;
	height: 26px;
	font-size: 12px;
	overflow: hidden;
	margin: 0px 4px;
	padding: 0 6px 0 0;
}

.content_right .headerrow.send .row.attach .cell {
	height: 56px;
}

.content_right .headerrow.send .row.attach .cell span {
	height: 56px;
}

.content_right .headerrow.send .row.attach .attach_file {
	white-space: nowrap;
	display: inline;
	-moz-border-radius: 10px;
	border: 1px solid #888888;
	padding: 0 12px;
	margin: 2px 0px 2px 4px;
	position: relative;
	cursor: default;
	background-color: #FFFFFF;
	float: left;
}

.content_right .headerrow.send .row.attach .attach_file span {
	display: inline;
	margin: 0;
	padding: 0;
	cursor: default;
}

.content_right .headerrow.send .row.attach .attach_file img {
	display: block;
	position: absolute;
	top: 4px;
	right: 1px;
	width: 10px;
	height: 10px;
	cursor: pointer;
}

.content_right .headerrow.send .row.attach .cell span .attach {
	display: block;
	font-size: 12px;
	overflow: auto;
	-moz-border-radius: 4px;
	background: #E0E0E0;
	border: 1px solid #888888;
	height: 44px;
	width: 100%;
	margin: 3px;
	padding: 3px 0;
}

.content_right .headerrow.send .cell .styled_text_field {
	width: 100%;
}

.content_right .headerrow.send .image {
	padding-right: 10px;
	float: right;
}

.content_right .headerrow.send .image img {
	cursor: pointer;
	position: relative;
	top: 4px;
}

.content_right .headerrow.config {
	height: 30px;
	overflow: hidden;
	top: 6px;
	left: 6px;
	right: 6px;
}

.content_right .headerrow.config .row {
	height: 30px;
	padding-top: 0px;
	width: 100%;
	position: relative;
}

.content_right .headerrow .row .alternative_title {
	float:left;
	font-size:14px;
	font-weight:bold;
	margin: 3px 0 0 6px;
}

.content_right .headerrow.config .image {
	padding-right: 10px;
	float: right;
}

.content_right .headerrow.config .image img {
	cursor: pointer;
	position: relative;
	top: 4px;
}

.content_right .tablebody {
	display: block;
	overflow: auto;
	overflow-x: hidden;
	-moz-border-radius: 4px;
	display: block;
	left: 3px;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	right: 3px;
	top: 34px;
	bottom: 34px;
	background-color: #ffffff;
	color: #333;
}

.content_right .tablebody.mail {
	bottom: 3px;
	top: 54px;
	overflow: hidden;
	padding: 0;
}

.content_right .tablebody .attach_img {
	height: 16px;
    left: 2px;
    position: absolute;
    top: 3px;
    width: 16px;
    z-index: 1;
}

.content_right .tablebody.mail iframe.text {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: 0 solid transparent;
}

.content_right .tablebody.mail iframe.tablebody {
	white-space: normal;
}

.content_right .tablebody.send {
	bottom: 6px;
	right: 6px;
	left: 6px;
	top: 97px;
	white-space: normal;
	padding: 0px;
	border: none;
}

.content_right .tablebody.send .text {
	width: 100%;
	height: 100%;
	border: none;
	padding: 0;
	margin: 0;
}

.content_right .tablebody.config {
	bottom: 3px;
	right: 3px;
	left: 3px;
	top: 42px;
	white-space: normal;
	padding: 0;
	margin: 0;
	border: none;
}

.content_right .tablebody.config .config_content {
	padding: 5px 10px;
	overflow: auto;
	position: absolute;
	border: 1px solid #888888;
	background-color: #ffffff;
	-moz-border-radius: 4px;
	top: 3px;
	bottom: 3px;
	left: 3px;
	right: 3px;	
}

.content_right .tablebody.config .handler {
	background-color: #ffffff;
}

.content_right .tablebody.config .row {
	height: 26px;
	padding-top: 0px;
	width: 96%;
	position: relative;
}

.content_right .tablebody.config .row .title {
	position: absolute;
	left: 3px;
	width: 85px;
	text-align: left;
	height: 20px;
}

.content_right .tablebody.config .row .value {
	position: absolute;
	left: 91px;
	text-align: left;
	right:3px;
	top: -4px;
}

.content_right .tablebody.config .cell {
	display: block;
	overflow: hidden;
	float: left;
	white-space: nowrap;
	height:26px;
}

.content_right .tablebody.config .cell span {
	display: block;
	height:26px;
	font-size: 12px;
	overflow: hidden;
	margin:0px 4px;
	padding:0 6px 0 0;
}

.content_right .tablebody.config .big .cell .styled_text_field {
	width: 100%;
}

.content_right .tablebody.config .cell .styled_numeric_field {
	width: 120px;
}

.content_right .tablebody.config .row.config_title {
	font-size: 14px;
	font-weight: bold;
	margin: 3px 0 0 6px;
	height: 35px;
	white-space: nowrap;
}

.content_right .tablebody .row {
	width: 100%;
	height: 20px;
	padding-top: 2px;
	-moz-border-radius: 8px;
	cursor: pointer;
	position: relative;
	background-color: #F6F3E2;
	border-bottom: 1px solid #DBDBDB;
}

.content_right .tablebody .row.selected {
/*	background-color: #FCD18E;*/
}

.content_right .tablebody .row_0 {
}

.content_right .tablebody .row_1 {
}


.content_right .cell {
	display: block;
	overflow: hidden;
	float: left;
	white-space: nowrap;
	height:16px;
}

.content_right .cell span, .tooltip_content span {
	display: block;
	height:16px;
	font-size: 12px;
	overflow: hidden;
	margin:0px 4px;
}

.content_right .headercell {
	display: block;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	font-weight:bold;
	height:20px;
	top: 3px;
	position: relative;
}

.content_right .headercell img {
	margin-left: 4px;
	cursor: pointer;
}

.content_right .subject {
    width: 40%;
}

.content_right .from {
    width: 25%;
}

.content_right .date {
    width: 20%;
}

.content_right .tags {
    width: 14%;
}

.tagbox {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius: 4px;
    display: inline-block;
    height: 14px;
    width: 14px;
    margin: 0 1px 0 0;
    vertical-align: middle;
    border: 1px solid #808080;
}

.content_right .footerrow {
	text-align: right;
	display: block;
	background-color: #D4E6FC;
	border: solid 1px #888888;
	color: #5F5F5F;
	height:24px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: absolute;
	-moz-border-radius: 4px;
	right: 3px;
	left: 3px;
	bottom: 3px;	
}

.pagination {
	position: relative;
	right: 10px;
}

.pagination img {
	position: relative;
	top: 4px;
	margin: 0px 3px;
}

.pagination img.selected {
	cursor: pointer;
}

.pagination img.disabled {
	cursor: normal;
}

.pagination span.info {
}

#loading_image {
	position: absolute;
	z-index: 1111111;
	top: 9px;
    right: 45px;
} 

.italic {
	font-style: italic;
	color: #444444;
}

.headerrow .row.hidden {
    display: none !important;
}

img.disabled {
	cursor: default !important;
}

.title, .value, .alternative_title {
    cursor: default;
}

.config_content .row {
    cursor: default !important;
}

.config_content .row  button, .config_content .row  select {
    cursor: pointer;
}

/* CSS Tiny MCE */

.defaultSkin .mceIframeContainer {
	border-top: 1px solid #888888 !important;
}

.defaultSkin table.mceLayout {
	border: 1px solid #888888 !important;
	-moz-border-radius: 4px !important;
}

.defaultSkin table.mceLayout tr.mceFirst td {
    border-top: none !important;
}

.defaultSkin table.mceLayout tr.mceLast td {
    border-bottom: none !important;
}
