body {	
	font-family: verdana,sans-serif;
	spacing: 0;
	margin: 0;
	font-size: 10pt;
}

table {
	font-size: 10pt;
}

.top {
	width: 100%;
	text-align: center;
	color: #fff;
	background: #666;
	margin: 0;
	line-height: 36pt;
	font-size: 20pt;
	font-weight: bold;
}

.servicebar {
	margin: 0 auto 0 auto;
	background: #000;
	padding: 3pt;
}

.servicename {
	color: #fff;
	font-weight: bold;
	padding-left: 13pt;
}

.login {
	color: #fff;
	padding-right: 5pt;
	text-align: right;
}

.login a {
	color: #fff;
}

.content-area {
	margin: 0 auto 0 auto;
	padding: 16pt;
}

.content {
	margin-top: 6pt;
	margin-bottom: 6pt;
}
.content-title {
	font-family: verdana, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
	padding-bottom: 10pt;
}
table.table-list {
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;	
	border-color: #C8C3BA;
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 1px;
}

table.table-list-action-row {
}

.table-list td {
	padding: 2pt;
}
.table-list th {
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	background-color: #666;
	padding-left: 6pt;
	padding-right: 6pt;
	padding-top: 2pt;
	padding-bottom: 2pt;
}
td.table-list-header-cell {
	font-weight: bold;
	padding-left: 6pt;
	padding-right: 6pt;
	white-space: nowrap;
}
td.table-list-header-cell-info {
    font-style: italic;
    padding-left: 10px; 
    height: 40px;
	border-left-width: 1px;
	border-right-width: 1px;    
}

.table-list-row-alt {
	background: #eee;
}
table.table-input {
	border-spacing: 0px;
	border-collapse: collapse;
	width: 660px;
	border-bottom-color: #666;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #666;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #666;
	border-right-style: solid;
	border-right-width: 1px;
}
.table-input td {
	padding: 2pt;
}
.table-input th {
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	background-color: #666;
	padding: 2pt;
	padding-left: 6pt;
}
input.table-input {
	width: 200px;
}
input.table-input#email-from {
	width: 450px;
}
input.table-input#email-subject {
	width: 450px;
}
textarea.table-input {
	width: 450px;
	height: 100px;
}
textarea.table-input#email-to {
	width: 450px;
	height: 50px;
}
td.table-input-left {
	padding-left: 10px;
	width: 30%;
}
td.table-input-right {
	width: 70%;
}
td.table-input-section-left {
	width: 30%;
	border-style: solid;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	font-weight: bold;
}
td.table-input-section-right {
	text-align: right;
	width: 70%;
	border-style: solid;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 1px;
}
td.table-input-action-left {
	padding-top: 5px;
	padding-bottom: 15px;
	width: 30%;
}
td.table-input-action-right {
	padding-top: 5px;
	padding-bottom: 15px;
	width: 70%;
}

td.table-list-data-cell {
    border:1px solid #C8C3BA;
    padding-left:6px;
    padding-right:px;
    vertical-align:middle;
    white-space:nowrap;
}

td.table-list-icon-cell {
    border:1px solid #C8C3BA;
}

td.table-list-header-cell {
    border:1px solid #C8C3BA;
    padding-left:5px;
    padding-right:5px;
    vertical-align:middle;
    white-space:nowrap;
}

input.table-input-long {
	width: 300px;
}
.content-error{
	margin-top: 6pt;
	margin-bottom: 6pt;
	background-color: #FFCCCC;
	border-color: red;
	border-style: solid;
	border-width: 2px;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	width: 644px;
}
.content-error A:link{
	color: black;
	font-weight: bold;
	text-decoration: underline;
}
.content-error A:visited{
	color: black;
	font-weight: bold;
	text-decoration: underline;
}
.content-error A:hover{
	color: black;
	font-weight: bold;
	text-decoration: underline;
}
.inline-error{
	margin-top: 3pt;
	margin-bottom: 3pt;
	background-color: #FFCCCC;
	border-color: red;
	border-style: solid;
	border-width: 2px;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}
.inline-error A:link{
	color: black;
	font-weight: bold;
	text-decoration: underline;
}
.inline-error A:visited{
	color: black;
	font-weight: bold;
	text-decoration: underline;
}
.inline-error A:hover{
	color: black;
	font-weight: bold;
	text-decoration: underline;
}

.content-warning{
	margin-top: 6pt;
	margin-bottom: 6pt;
	border-color: #F5EFBF;
	border-style: solid;
	border-width: 2px;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	vertical-align: top;
	text-align: justify;
	width: 644px;	
}
.inline-warning{
	margin-top: 3pt;
	margin-bottom: 3pt;
	border-color: #F5EFBF;
	border-style: solid;
	border-width: 2px;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	vertical-align: top;
	text-align: justify;	
}

table.content-data {
	border-spacing: 0px;
	border-collapse: collapse;
	width: 660px;
	border-bottom-color: #666;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #666;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #666;
	border-right-style: solid;
	border-right-width: 1px;
}
.content-data td {
	padding: 2pt;
}
.content-data th {
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	background-color: #666;
	padding: 2pt;
	padding-left: 6pt;
}
td.content-data-section-caption {
	font-weight: bold;
	padding: 2pt;
	padding-left: 6p5;
	border-bottom-color: #666;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
td.content-data-section-value {
	font-weight: bold;
	padding: 2pt;
	padding-left: 6pt;
	border-bottom-color: #666;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	vertical-align: bottom;
}
td.content-data-caption {
	padding: 2pt;
	padding-left: 6pt;
	vertical-align: top;
	width: 30%;
}
td.content-data-caption-spacer {
	padding: 2pt;
	padding-left: 6pt;
	vertical-align: top;
	height: 8pt;
}
td.content-data-caption-required {
	padding: 2pt;
	padding-left: 6pt;
	padding-right: 6pt;
	font-weight: bold;
	vertical-align: top;
	width: 30%;
}
td.content-data-value {
	padding: 2pt;
	padding-left: 6pt;
	padding-right: 6pt;
	vertical-align: top;
	width: 70%;
}
td.content-data-value-required {
	padding: 2pt;
	padding-left: 6pt;
	padding-right: 6pt;
	vertical-align: top;
	font-weight: bold;
	width: 70%;
}
input.content-email-new-from {
	width: 97%;
}
input.content-email-new-subject {
	width: 97%;
}
textarea.content-email-new-to {
	width: 97%;
	height: 30pt;
}
textarea.content-email-new-body {
	width: 97%;
	height: 50pt;
}
.join-content {
	margin-top: 9pt;	
}
.join-content th {
	text-align: left;
	font-size: 12pt;
	font-weight: bold;
}
.align-right {
	text-align: right;
}
.text-unimportant {
	font-size: 8pt;
}
.language-line {
	font-size: 10pt;
	margin-top: 3pt;
	margin-bottom; 3pt;
}
table.textarea_autocomplete_floater {
	background-color: #EEEEEE;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	position:absolute;
	z-index:32767;
	display:none;
	padding:0;
}

p.textarea_autocomplete_floater_item {
	font-size:0.8em; 
	padding: 5px 10px 1px 5px; 
	margin:0; 
	cursor:pointer;
}

p.textarea_autocomplete_floater_item_selected {
	font-size:0.8em; 
	padding: 5px 10px 1px 5px; 
	margin:0; 
	cursor:pointer;
	color:white; 
	background-color:#3875D7;
}

.tip {
    -x-system-font:none;
    background-color:#FFFFCC;
    border:1px solid #666666;
    color:#333333;
    font-family:Arial,Helvetica,sans-serif;
    font-size:10px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    left:90px;
    line-height:12px;
    padding:1px;
    position:absolute;
    top:20px;
    visibility:hidden;
    width:270px;
    z-index:100;
}


a.islgroop-start-link {
	font-weight: bold;
	color: #009933;
	margin-left: 4px;
}
a.islgroop-start-link:visited{
	font-weight: bold;
	color: #009933;
	margin-left: 4px;
}
div.table-list-icon-cell-groop {
	background-image: url(/users/islgroop/static/images/groop-product-icon.png);
	background-repeat:no-repeat;
	background-position:center;
	width: 32px;
	height: 32px;
}
div.table-list-icon-cell-groop-attachment {
	background-image: url(/users/islgroop/static/images/groop-attach-icon.png);
	background-repeat:no-repeat;
	background-position:center;
	width: 32px;
	height: 32px;
}