.link {
	color: #006699;
	text-decoration:none;
	cursor: pointer;
}
.link:hover {
	color: #880000;
	text-decoration: underline;
	cursor: pointer;
}
A:link {
	color: #006699;
	text-decoration: none;
	cursor: pointer;
}

img {
	vertical-align: middle;
}
.imgbutton { 
	cursor: pointer;
	border-width: 0px;
}

.clearboth {
	clear:both}

.readonly {
	border-width: 0px;
}

.active  {
	background-color: #FFFFFF;
}
A:visited {
	color: #006699;
	text-decoration: none;
}
A:hover {
	color: #880000;
	text-decoration: underline;
}
A:active {
	color: #006699;
	text-decoration: underline;
}
HTML {
	direction: ltr;
}
.start_direction {
	text-align: left;
	/*align: left;*/
}
.end_direction {
	text-align: right;
	/*align: right;*/
}
body {
	background-color: white;
	margin: 0;
}
body, div, input, option, select, td, textarea, .formtextarea {
	font-family: helvetica, arial, sans-serif, verdana; 
	font-size: 13px; 
	font-weight: normal; 
}
HR {
	border: 1px dashed #d3dadf;
}

form {
	margin: 0px;
	padding: 0px;
}

select,textarea,input[type=text],input[type=password]  {
	background: white;
	border: thin solid lightgrey;
}

.left_panel {
	vertical-align: top;
	width: 160px; 
}
.right_panel {
	vertical-align: top;
}

.copyright {
	font-size: 11px;
	color: #000000;
}

.title {
	padding-right: 5px;
	color: #000000;
	font-weight: bold;
	font-size: 14px; 
}
.boxtitle  {
	color: #880000;
	font-weight: bold;
	font-size: 14px;
	padding:0px;
}
.box {
	border: #98aab1 1px solid;
}
.content {
	color: #000000;
}
.void {
	background-color: #d3dadf;
	color: #006699;
	border-color: #000000;	
}
.fglink {
	color: #880000;
}
.failure {
	color: red;
	font-weight: bold;
}
.success {
	color: green;
	font-weight: bold;
}
.helpmsg {
	background-color: #FFFFC7;
	clear:both;
	line-height: 1.5em;
	margin-bottom: 1em;
	padding: 0.5em;
}
.label {
	padding-left: 3px;
	padding-right: 3px;
	background-color: #d3dadf;
}
.mandatory_label {
	padding-left: 3px;
	padding-right: 3px;
	background-color: #d3dadf;
	color: red;
}
.unique_label {
	padding-left: 3px;
	padding-right: 3px;
	background-color: #d3dadf;
	text-decoration: underline;
}

.unique_mandatory_label {
	padding-left: 3px;
	padding-right: 3px;
	background-color: #d3dadf;
	color: red;
	text-decoration: underline;
}

.field {
	padding-left: 3px;
	padding-right: 3px;
	background-color: #efefef;
}

.readonly_field {
	padding-left: 3px;
	padding-right: 3px;
	border: solid #efefef;
	background-color: #efefef;
}


.fieldAssociatedLink {
	color: #006699;
	cursor: pointer;	
	font-size: 11px;
	text-decoration: none;
}

.fieldContainer  {
	margin-right:2px;
	width: 100%;
}
.fieldDesignBlock  {
	border: 2px dashed lightgray ;
	width: 99%;
}
.fieldDesignMode  {
	background-color: #FFFFFF;
	cursor: move;
}

.fieldDesignMode:hover {
	border: 1px solid #d3dadf;
}

.fieldInputAutoComplete {
	width: 10em;
}

.fieldInputCheckbox {
	margin-left: 0px;
	vertical-align: middle;
}

.fieldInputCurrency {
	width: 10em;
}

.fieldInputDate {
	width: 8em;
}

.fieldInputDateTime {
	width: 11em;
}

.fieldInputEditor {
	width: 100%;
}

.fieldInputEmail {
	width: 80%;
}

.fieldInputFile {
}

.fieldInputLookup {
	width: 85%;
	readonly: true;
}

.fieldInputNumeric {
	width: 10em;
}

.fieldInputSelect {
	min-width: 10em;
}

.fieldInputText {
	width: 90%;
}

.fieldInputTextarea {
	overflow: auto;
	width: 100%;
}

.fieldInputTime {
	width: 5em;
}

.fieldLabel {
	color: #4E4848;
	font-size: 12px;
}

.fieldLabelContainer  {
	padding-top:5px;
	vertical-align:bottom;
}

.fieldLabelMandatory {
	color: red;
}

.fieldLabelUnique {
	text-decoration: underline;
}

.fieldLabelReadonly {
}

.fieldText {
}

.fieldTextarea {
	background-color: #FFFFFF;
	border: 1px solid lightgrey;
	overflow:auto;
	width: 100%;
}

.formBar  {
	background-color: #efefef;
	font-size: 12px;
	width: 100%;
}
.formBarButton  {
	cursor: pointer;
	font-size: 12px;
}
.formBarButton:hover {
	color: #880000;
}
.formBarButtonNav  {
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	width: 2em;
}
.formBarButtonNav:hover {
	color: #880000;
}
.formBarContent  {
	font-size: 12px;
	padding: 0 2 0 2;
}
.formBarSelect  {
	font-size: 12px;
}
.formBlockTitle  {
	border-bottom: 1px solid lightgrey;
	color: #880000;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;	
}

.formTable  {
	background-color: #FFFFFF;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	padding: 0px 5px 5px 5px;
	width: 100%;	
}

.formTd  {
	width: 100%;
}

.formTdLeft  {
	width: 50%;
	padding-right: 10px;
}

.formTdRight  {
	width: 50%;
}

.formTitle  {
	color: #880000;
	font-size: 14px;
	font-weight: bold;
	line-height: 2em;
	padding-right: 5px;	
}

.formTitleTags  {
	color: #880000;
	font-size: 14px;
	font-weight: bold;
	line-height: 2em;
}

.formTr  {
	vertical-align: top;
	width: 100%;
}

.leftPanelBoxHeader {
	background-color: #efefef;
	color: #880000;
	font-weight: bold;
}
.leftPanelBoxContainer {
	padding: 10px 10px 5px 5px;
}
.leftPanelBoxBody {
	border-bottom: 1px solid #efefef;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	padding-left: 5px;
	vertical-align: middle;
}
.leftPanelBoxBodyLine {
	padding-bottom:2px;
}


.verticalMenusBoxHeader {
	font-weight: bold;
}
.verticalMenusBoxContainer {
	padding: 10px 10px 5px 5px;
}
.verticalMenusBoxBody {
	vertical-align: middle;
}
.verticalMenusBoxBodyLine {
	padding-bottom:5px;
}
.verticalMenusBoxBodySubLine {
	padding-top: 5px;
	padding-left: 15px;
}


.popupFormTable  {
	background-color: #FFFFFF;
	padding: 0px;
	width: 100%;	
}

.popuplink {

}

.popuptitle {
	background-color: #d3dadf;
	color: #880000;
	font-weight: bold;
	height: 2em;
}
.popup {
}

.popupborder  {
	background-color: #efefef;
	border-style: solid;
	border-width: 1px;
	border-color: #d3dadf;		
}
.popupcontent {
	background-color: #FFFFFF;	
}
.popuptext {
	color: #000000;
	background-color: #efefef;		
}
.popupclose {
	background-color: #d3dadf;
	color: #006699;
	font-size: 14px;
	cursor: pointer;
}

.linkedFormBar  {
	background-color: #efefef;
	padding: 0px 2px 0px 2px;
	vertical-align: middle;
}
.linkedFormTitle  {
	color: #880000;
	font-size: 14px;
	font-weight: bold;
	padding-right: 5px;	
	padding-top: 10px;
}

.searchResultsCells { 
	border-bottom: lightgrey 1px solid;
	padding-left:5px;	
}
.searchResultsCellsDesign { 
	background-color: white;
	border-bottom: lightgrey 1px solid;
	font-style: italic;
	overflow:hidden;
	height:2em;
	width:100px;
	padding-left:2px;	
}
.searchResultsCheckbox {	
	vertical-align: middle;
}
.searchResultsHeader { 
	background-color: #d3dadf;
	font-style: normal;
}
.searchResultsHeaderCells { 
	border-bottom: lightgrey 1px solid;
	border-right: white 1px solid;
	padding-left:5px;	
	background-repeat: no-repeat;
	background-position: right center;
}
.searchResultsHeaderIcons { 
	border-bottom: lightgrey 1px solid;
	border-right: white 1px solid;
	text-align: center;
	width: 25px;
}
.searchResultsIcons { 
	border-bottom: lightgrey 1px solid;
	text-align: center;
	width: 25px;
}
.searchResultsSelected {
	background-color: #efefef; 
}
.searchResultsTable { 
	background-color: #FFFFFF;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	text-align: left;
	width: 100%;
}

.tagContainer {
	background-color: #FFFFFF;
	border: 1px solid lightgrey;
	padding: 2px 1px 2px 3px;
}



/* resizable table */
.resizable { 
}
th {
	border-right: 1px solid lightgrey;
	font-weight: normal;
}
th.resize-handle-active {
	cursor: e-resize;
}
div.resize-handle {
	cursor: e-resize;
	width: 2px;
	border-right: 1px dashed grey;
	position:absolute;
	top:0;
	left:0;
}

.history{
}

/* Default containing element */
.toolset {
	position:   absolute;
	text-align: left;
	z-index:    100;
	margin:     0;
	padding:    0;
	overflow:   visible
}
/* Default inner elements */
.toolset-title {}
.toolset-content {}

/* Default theme */
.toolset.theme-default {
	background: #efefef;
	border: 1px solid #d3dadf;
	padding: 2px 5px 2px 5px;
}
.toolset-title.theme-default {
}
.toolset-content.theme-default {
}

/**
 * IE6 Themes:
 * #toolset.theme-default, #toolsetNr2.theme-default {}
 * #toolset-title.theme-default, #toolsetNr2-title.theme-default {}
 * #toolset-content.theme-default, #toolsetNr2-content.theme-default {}
 **/

.calendarGrid {
	background-color: #d3dadf;
}

.calendarBox {
	background-color: #efefef;
	font-size: 11px;
    -moz-border-radius:5px; /* for mozilla firefox */ 
    -webkit-border-radius:5px; /* for safari, google chrome */ 	
}

.calendarBoxSelected {
	background-color: LightSalmon;
	cursor: pointer;
	font-size: 11px;
}

.calendarBoxTitle {
	background-color: #d3dadf;
	font-size: 11px;
}

.calendarBoxTitleSelected {
	background-color: #d3dadf;
	cursor:move;
	font-size: 11px;
}

.calendarBoxContent {
	font-size: 11px;
	width:100%;
}

.calendarTime {
	background-color: #efefef;
	font-size: 11px;
}

.calendarAllDay {
	background-color: white;
	border-left: lightgrey 3px double;
}

.calendarPeriod {
	background-color: white;
	border-left: lightgrey 3px double;	
	border-top: lightgrey 1px solid;
}

.calendarDay {
	background-color: white;
	border-left: lightgrey 3px double;	
	margin-right: 3px ;	
}

.calendarWeekName {
	font-size: 11px;
	font-weight: normal;
}

.calendarWeekNumber {
	font-size: 11px;
	font-weight: normal;
}

.calendarMonth {
	background-color: white;
	border-right:1px lightgrey solid;
	border-bottom:1px lightgrey solid;
}

.calendarMonthSelected {
	background-color: lightgreen;
	border-right:1px lightgrey solid;
	border-bottom:1px lightgrey solid;
}

.calendars-users {
}

.selectedtextarea {
	background-color: #d3dadf;
	border: 0;
}

.textarea {
	background-color: #efefef;
	border: 0;
}

.image {
	border: 0px;
	margin: 0px;
	vertical-align: middle;
}
.selectedmenu {
	font-weight: bold;
}
.unselectedmenu {
}

.selectedtext {
	background-color: #d3dadf; 
}

.unselectedtext {
	background-color: #FFFFFF; 
}

.new {
	background-color: lightgreen; 
}

.expired {
	background-color: LightSalmon; 
}

.sideboxcontent {
	padding: 5px;
	line-height: 20px;
	background-color: #efefef;
}

.sideboxtext {
	line-height: 20px;
	color: red;
}

.sideboxtitle  {
	background-color: #efefef;
	font-weight: bold;
}

.sidebox  {
	border: #98aab1 1px solid;
}

.normalbox {
	border: #006699 1px solid;
}

.row_on, .th_bright, .bgform {
	background-color: #d3dadf;
}

.row_off, .fgform {
	background-color: #efefef;
}

.tabmenu {
	border-style: solid none none;
	border-width: 1px 0px 0px;
	border-color: #000000;
	padding: 3px;
	height: 20px;
	vertical-align: middle;
}
.tabmenuselected {
	border-style: solid none none;
	border-width: 1px 0px 0px;
	border-color: #000000;
	padding: 3px;
	height: 20px;
	background-color: #d3dadf;
	vertical-align: middle;
}

.tabsepselected  {
	background-color: #d3dadf;
	height: 20px;
	vertical-align: middle;	
}

.tabsep  {
	background-color: #FFFFFF;
	height: 20px;
	vertical-align: middle;
}

.tabsubmenu  {
	padding: 0px;
	background-color: #d3dadf;
}

.tab {
	border-style: solid;
	border-width: 1px 1px 0px;
	border-color: #000000;
	padding: 4px;
	width: 60px;
}

.tab_active {
	border-style: solid;
	border-width: 1px 1px 0px;
	border-color: #000000;
	padding: 6px;
	width: 60px;
}

.tab_body {
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

.verticalBar {
	border-right: 1px solid #006699;
}

.verticalBarDotted {
	border-right: 1px dotted #006699 ;
}

.verticalmenuselected {
	border-left: 1px solid #efefef;
	border-top: 1px solid #efefef;
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	margin: 3px;
	padding: 3px;	
	background-color: #d3dadf;
}

.verticalmenu {
	border: 1px solid #efefef;
	margin: 3px;
	padding: 3px;	
	background-color: #efefef; 
}

ul.sortable li {
	position: relative;
}
ul.boxy {
	list-style-type: none;
	margin: 0px;	
	min-height: 2em;
	padding: 0px;
	width: 100%;
}
ul.used {
	margin: 0px;	
}
.custom_is_custom_Y {
	font-style: italic;	
}
.custom_field {
	text-align: left;
}
.custom_group  {
	clear: both;
	width: 100%;
	min-height: 8em;	
}
.custom_box
{
	border: 1px #d3dadf;
	float: left;						
}
.custom_box_void
{
	border: 1px dotted #d3dadf;
}
.custom_box_dotted
{
	border: 1px dotted #d3dadf;
	margin: 1px;
	cursor: move;		
	float: left;
}
.custom_box_dashed
{
	border: 1px dashed #d3dadf;
	margin: 1px;
	cursor: move;		
	float: left;						
}
.custom_label {
	text-align: left;
}
.custom_is_title_Y {
	color: #880000;
	font-weight: bold;
}
.custom_is_mandatory {
	color: red;
}

.searchfield {
	float: left;
	padding-right: 10px; 
}

.start_float {
	float: left;
}

.end_float {
	float: right;
}

.grid_left  {
	padding-left: 3px;
	text-align: left;  
}

.grid_center  {
	text-align: center;  
}
.grid_right  {
	padding-right: 3px;
	text-align: right;  
}
.link_hide  {
	color: lightgrey;
}
.link_show  {
}

/* Portal */
.portal_title {
	background-color: #EDEDED;
	color: #880000;
 	font-weight: bold;
	cursor: move; 
}
.portal_button_show {
}
.portal_button_hide {
	color: grey;
}
.portal_box_0 {
	border: 1px solid #efefef;
	width: 99%;
	margin-top: 5px;
	float: left;
	display: inline;
}
.portal_label {
	font-weight: bold;
}
.portal_background,.custom_form_background {
	background-color: #efefef;
}
/* RTE */
.rteImage {
	background-color: #d3dadf;
	border: 1px solid #d3dadf;
	cursor: pointer;
}
.rteImageRaised, .rteImage:hover {
	background-color: #d3dadf;
	border: 1px outset;
	cursor: pointer;
}
.rteImageLowered, .rteImage:active {
	background-color: #d3dadf;
	border: 1px inset;
	cursor: pointer;
}
.rteVertSep {
	margin: 0 2px 0 2px;
}
.rteBack {
	background-color: #d3dadf;
	border: 1px outset;
	padding: 2px;
}
.rteContent {
	background-color: white;
	border-top: 1px inset lightgrey;
	border-left: 1px inset lightgrey;	
	border-bottom: 0px;
	border-right: 0px;	
}
.rteBack tbody tr td, .rteBack tr td {
	background-color: #d3dadf;
	padding: 0;
}
.rteDiv{
	display: block;
	position: relative;
}

.sortcol {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: right center;
}
.sortasc {
	background-image: url(../images/asc.gif);
	font-weight:bold;
}
.sortdesc {
	background-image: url(../images/desc.gif);
	font-weight:bold;
}
.nosort {
	cursor: default;
}

/* auto complete */
div.auto_complete {
	width: 350px;
	background: #fff;
	z-index: 1000;
}
div.auto_complete ul {
	border: 1px solid #888;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
}
div.auto_complete ul li {
	margin: 0;
	padding: 3px;
}
div.auto_complete ul li.selected { 
	background-color: #d3dadf; 
}
div.auto_complete ul strong.highlight { 
	color: #800; 
	margin: 0;
	padding: 0;
}  

/* rounded corner */
b.rounded {
	display: block;
	background: white;
}
b.rounded b {
	display: block;
	height: 1px;
	overflow: hidden
}
b.r1 {
	margin: 0 5px;
	font-size: 1px;
}
b.r2 {
	margin: 0 3px;
	font-size: 1px;
}
b.r3 {
	margin: 0 2px;
	font-size: 1px;
}
b.rounded b.r4 {
	margin: 0 1px;
	height: 2px;
	font-size: 1px;
}

.overlay_alphacube {
	background-color: #85BBEF;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.alphacube_nw {
	background: transparent url(alphacube/left-top.gif) no-repeat 0 0;			
  width:10px;
  height:25px;
}

.alphacube_n {
  background: transparent url(alphacube/top-middle.gif) repeat-x 0 0;			
  height:25px;
}

.alphacube_ne {
  background: transparent url(alphacube/right-top.gif) no-repeat 0 0;			
  width:10px;	  
  height:25px;
}

.alphacube_w {
  background: transparent url(alphacube/frame-left.gif) repeat-y top left;			
  width:7px;
}

.alphacube_e {
  background: transparent url(alphacube/frame-right.gif) repeat-y top right;			
  width:7px;	  
}

.alphacube_sw {
  background: transparent url(alphacube/bottom-left-c.gif) no-repeat 0 0;			
  width:7px;
  height:7px;
}

.alphacube_s {
  background: transparent url(alphacube/bottom-middle.gif) repeat-x 0 0;			
  height:7px;
}

.alphacube_se, .alphacube_sizer  {
  background: transparent url(alphacube/bottom-right-c.gif) no-repeat 0 0;			
  width:7px;
  height:7px;
}

.alphacube_sizer {
	cursor:se-resize;	
}

.alphacube_close {
	width: 23px;
	height: 23px;
	background: transparent url(alphacube/button-close-focus.gif) no-repeat 0 0;			
	position:absolute;
	top:0px;
	right:11px;
	cursor:pointer;
	z-index:1000;
}

.alphacube_minimize {
	width: 23px;
	height: 23px;
	background: transparent url(alphacube/button-min-focus.gif) no-repeat 0 0;			
	position:absolute;
	top:0px;
	right:55px;
	cursor:pointer;
	z-index:1000;
}

.alphacube_maximize {
	width: 23px;
	height: 23px;
	background: transparent url(alphacube/button-max-focus.gif) no-repeat 0 0;			
	position:absolute;
	top:0px;
	right:33px;
	cursor:pointer;
	z-index:1000;
}

.alphacube_title {
	float:left;
	height:14px;
	font-size:14px;
	text-align:center;
	margin-top:2px;
	width:100%;
	color:#123456;
}

.alphacube_content {
	overflow:auto;
	color: #000;
	font-family: Tahoma, Arial, sans-serif;
  font: 12px arial;
	background:#FDFDFD;
}

/* For alert/confirm dialog */
.alphacube_window {
	border:1px solid #F00;	
	background: #FFF;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	width:400px;
}

.alphacube_message {
  font: 12px arial;
	text-align:center;
	width:100%;
	padding-bottom:10px;
}

.alphacube_buttons {
	text-align:center;
	width:100%;
}

.alphacube_buttons input {
	width:20%;
	margin:10px;
}

.alphacube_progress {
	float:left;
	margin:auto;
	text-align:center;
	width:100%;
	height:16px;
	background: #FFF url('alert/progress.gif') no-repeat center center
}

.alphacube_wired_frame {
	background: #FFF;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;	
}