.version {
	color:#999;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	font-family:Verdana;
}

.horizontalAddLinkPanel {
	border-bottom : 2px solid #AAA  !important;
	border-top : 1px solid #DDD  !important;
}

.buttonLink {
	font-size:11px;
	color:#444;
	cursor:hand;
	cursor:pointer;
	text-decoration : none;
	font-family:Verdana;
	font-weight:normal;
}

.titleIntro {
	font-size:14px;
	font-family:Verdana;
	font-weight:bold;
}


.usernameLabel {
	font-size:11px;
	font-family:Verdana;
	font-weight:bold;
}


.rememberMe {
	font-size:12px;
	font-family:Verdana;

}

.loginLabels {
	font-size:16px;
	font-family:Verdana;
	font-weight:bold;
}

.loginDialog {
	font-size:24px;
	font-family:Verdana;
}

.bold {
	font-weight:bold;
}

.underline {
	text-decoration:underline;
}

.nowrap {
	white-space: nowrap; 
}



.imageButton {
	cursor: pointer;
 	cursor: hand;
}

.addButtonIcon {
	background-image:url(%button_add%) !important;
}

.grayBorder {
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  border-left: 1px solid #EEE;
  border-top: 1px solid #EEE;

}  

.saveButtonIcon {
	background-image:url(%button_save%) !important;
}
.cancelButtonIcon {
	background-image:url(%button_cancel%) !important;
}


#loading {
  position: absolute;
  padding: 1px;
  z-index: 20001;
  height: auto;
  border: 1px solid #EEE;
  background: white;
  white-space: nowrap;
  font-family:Verdana;
}


.textbox {
	font-size:20px;
	padding:3px;
	font-family:Verdana;
}

.textbox-medium {
	font-size:16px;
	padding:1px;
	font-family:Verdana;
}


.largeBorderLeft {
	border-left: 1px solid #FFE3A7;	
}


.logoImage {
	background:white;
	padding:10px;
	padding-right:15px;
}


.header-link {
	color : #3046C4;
	font-family:Verdana;
}

.header-link:visited {
	color : #3046C4;
	white-space:nowrap;
	font-family:Verdana;
}

.versionLabel {
	color:#999;
	font-size:10px;
	font-family:Verdana;
}



.boxTitleLabel {
	cursor:hand;
	curson:pointer;
	font-size:11px;
	background:#FFF;
	color:#000;
	font-weight:bold;
	width:100%;	
	font-family:Verdana;
}

.titleBottom {
	border-bottom:1px solid #FFD8A2;
	padding:3px;
	padding-left:4px;
	margin-bottom:3px;
}

.borderedPanel {
	border:1px solid #EEE;
	padding:5px;
	font-size:10px;
	font-family:Verdana;
	
}

.fontClass {
	font-size:11px;
	font-family:Verdana;
}

.hand {
	cursor :pointer;
	cursor :hand;
}

.orangeBorder {
 	border-top : 1px solid #CCC !important;
 	border-left : 1px solid #CCC  !important;
 	border-bottom : 1px solid #999  !important;
 	border-right : 1px solid #999  !important;
}

.talkBack {
	color:red;
	font-size:12px;
	text-decoration:underline;
	cursor:pointer;
	cursor:hand;
	font-family:Verdana;
}

.labelLinkHere {
	color:red;
	text-decoration: underline;
	font-weight:bold;	
	display: inline;
	font-family:Verdana;
	font-size:14px; 
	cursor: pointer;
	cursor: hand;	
}



.gwt-DialogBox { 
	border-top : 1px solid #CCC !important;
 	border-left : 1px solid #CCC  !important;
 	border-bottom : 1px solid #999  !important;
 	border-right : 1px solid #999  !important;
 	background:#FAFAFA;
 	white-space:nowrap; 
 	font-family:Verdana;
}
.gwt-DialogBox .Caption {
	background:#E07626; 
	background:#FAAE4A;
	font-size:14px;
	font-weight:bold;
	padding:4px;
	color:white;
	font-family:Verdana;
 }

.feedbackPanelInfo {
	background : #FAFAFA;
	border-bottom : 1px solid #999;
	font-family:Verdana;
}

.errorDialogMessage {
	background : #FAFAFA;
	border-bottom : 1px solid #999;
	font-family:Verdana;
	margin: 20px 20px 20px 20px;
}

.errorDialogIcon {	
	margin: 0px 20px 20px 20px;	
}

.errorButtonPanel {	
	margin: 0px 20px 20px 20px;	
}

.errorButton {	
	margin: 0px 0px 0px 10px; 	
}

/* table intro page */
table.how{
 	border:1px; 	    
	border-style: outset outset outset outset;
	margin-top: 20px;
	cellpadding:3px;
	margin-left:20px;	
}	

table.how tr{
	margin-left: 20px;
	margin-right:20px;
}	
		
table.how td{
	border-width: 0px 0px 0px 0px;
	padding:5px;
	align:center;
}		
		
table.how td img{
	margin-top:10px;		
}	
		
table.how td div{			
	font-size: 16px;	
}
		
table.whatwhy{
	border:1px; 
	border-style: outset outset outset outset;
	margin-left: 20px;		
	cellpadding:3px;	
}
			
table.whatwhy td{
	border-width: 0px 0px 0px 0px;
	font-size: 13px;
	padding:10px;				
}	
		
table.whatwhy td div{			
	font-size: 20px;	
}
		
table.whatwhy td ul li{
	list-style: disc;
}



/* date piker zenika */
/* Blue theme */

.blue-selected {
	background-color: #AACCEE;
	color:#000;
}

.blue-week-end {
	color:#aaa;
	background-color: #eee;
}

.blue-current-month-week-end {
	background-color: #eee;
	color: black;
}
.blue-other-day {
	color:#aaa;	
}
.blue-current-month-other-day {
	color: black;
}

.blue-date-picker {
	background-color: #C3D9FF;
	color: #112ABB;
	width: 165px;
}
.blue-month-line {
	width: 165px;
	color: #112ABB;
	font-size: 8pt;
	font-weight: bold;
	font-family: Verdana;
	text-align: center;
	cursor: pointer;
}
.blue-week-line {
	width: 165px;
	color: black;
	font-size: 8pt;
	font-family: Verdana;
	text-align: center;
}
.blue-day-grid {	
	background-color : white;
	width: 165px;
	text-align: center;
	font-size: 8pt;
	font-family: Verdana;
	border-collapse: collapse;;
	background-color: white;
	cursor: pointer;
}

.blue-selected-current-day{
	font-weight:bold;	
	font-size: 10pt;	
}

.blue-day-grid tr {
	height: 20px;
}

.blue-selected{	
	background-color: #AACCEE;
	color:#000;
}

/* -------------------- */
.showFilterLabel{
	font-weight:bold;
	color:#777;	
	margin-left:20px;
}

/* calendar : do not change positions */

.blueCalendar-WeekEnd {
	color:#aaa;
	background-color:#f5f5f5;	
}

.blueCalendar-CurrentMonthWeekEnd {
	background-color:#fcfcfc;	
	color: black;
}

.blueCalendar-OtherDay{
	background-color: #f5f5f5;
}

.blueCalendar-CurrentMonthOtherDay {
	color: black;	
}

.blueCalendar-calendar{
	background-color: #C3D9FF;
	color: black;
	border-bottom:1px solid #A7A7A7;
	border-right:1px solid #A7A7A7;
	border-left:1px solid #BABABA;
	border-top:1px solid #BABABA;	
}

.blueCalendar-DisplayDay{
	text-align:right;
	color: #333;
	background-color: #e8eef7;		
}

.blueCalendar-DisplayDay-Other{
	text-align:right;
	color: #AAA;
	background-color: #e8eef7;		
}

.blueCalendar-WeekLine {
	width: 100%;
	color: black;
	font-size: 8pt;
	font-family: Verdana;
	text-align: center;
}

.blueCalendar-MonthLine {

	color: black;
	background-color: #e8eef7;	
	font-size: 10pt;
	font-weight: bold;
	font-family: Verdana;
	text-align: center;
}

.blueCalendar-Week {
	color: #112ABB;
	font-size: 8pt;
	font-family: Verdana;
	text-align: center;
	background-color: #C3D9FF;
	cursor:default;
}

.blueCalendar-TaskZone{
	white-space: nowrap;
	height:100%;
	display:table-cell;
	vertical-align:top;
}


.blueCalendar-TaskLink:link {
	font-size:11px;
	text-decoration : none;
	color:#777;
	cursor:hand;
	cursor:pointer;
	text-decoration : none;
	font-family:Verdana;
	font-family:Verdana;
}

.blueCalendar-TaskLink:visited {
	font-size:11px;
	text-decoration : none;
	color:#777;
	cursor:hand;
	cursor:pointer;
	text-decoration : none;
	font-family:Verdana;
}

.blueCalendar-TaskLink:hover {
	font-size:11px;
	text-decoration : underline;
	cursor:hand;
	cursor:pointer;
	color:#000;
	font-family:Verdana;
}

.blueCalendar-day-grid {	
	background-color : white;
	text-align: center;
	font-size: 8pt;
	font-family: Verdana;
	border-collapse: collapse;
	background-color: white;
	cursor: pointer;
	border:1px solid #CCDDEE;
}

.blueCalendar-current-month-selected {
	background-color: #75A9ff;
	color:black;
}


.blueCalendar-other-day {
	color:#aaa;	
}

.blueCalendar-current-month-week-end {
	background-color: #eee;
	color: black;
}
.nooverflow {
	overflow: hidden;
}


.secondaryLeftBoxTitleBar {
	font-size:11px;
	color:#E07320;
	font-weight:bold;	
}


.buttonPanelBorder {
	padding-bottom:2px;
	border-bottom: 1px solid #DDD;

}

/*  Define Choose Popup*/

.defineChoosePopup{
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  border-left: 1px solid #EEE;
  border-top: 1px solid #EEE;

	background-color: #F4F4F4;
	margin-top:5px;
	margin-bottom:5px;
	color: black;
}

/* BORDER RIGHT ALL NONE */

.buttonLinkborderRight{
	border-right:1px solid #CCC;
	margin-right:3px;
	padding-right:4px;

}


.reactivateDialog{
	border-bottom: 1px solid #AAA;
  	border-right: 1px solid #AAA;
  	border-left: 1px solid #EEE;
  	border-top: 1px solid #EEE;
  	
  	background-color: #FCFCFC;
}

.reactivateMessage{
  	color: black;
  			
	font-size:14px;
	font-weight:bold;

}


 .timeIcon{ 	
 	vertical-align: bottom;
 }
 
 .clearTimeIcon{
	vertical-align: bottom;
	cursor:hand;
	cursor:pointer;
}


.bold12px{
	font-size: 15px;
	font-weight:bold;	
}

.settingExportPanelTitle{
	background-color: #FAFAFA;
	border-bottom : 1px solid #A7A7A7;
	margin-bottom : 10px;
}

.settingExportTextBox{
	font-size:15px;
	font-family:Verdana;
}

.settingAccountTextBox{
	font-size:15px;
	font-family:Verdana;
}

.settingError{
	font-weight:bold;
	color:red;		
}

.settings-link{
	font-size: 12px;
	font-weight:bold;
	color : #3046C4;
	font-family:Verdana;
}

.settings-link:visited {
	font-size: 12px;
	font-weight:bold;
	color : #3046C4;
	white-space:nowrap;
	font-family:Verdana;
}

.hideUntilPanel{
	color:#000;
	font-family:Verdana;
	margin-left:7px;
	margin-right:5px;
	display: inline;
}


.fontSizeHideUntil{
	font-size: 12px;	
}

.activateInactivate{
	font-size: 12px;
	color : #3046C4;	
	white-space:nowrap;
	text-align:center;
}

.activateDeactivatePanel{
	color:#000;
	font-family:Verdana;
	margin-left:7px;
	margin-right:5px;
	display: inline;
}

.inputTextBoxDialog {
	font-size:24px;
	font-family:Verdana;
}


.inputButtonPanel {	
	margin: 0px 20px 20px 20px;	
}

.inputButton {	
	margin: 0px 0px 0px 10px; 	
}


/* new TASK TABLE with SORTING */

.taskHeaderHTML{			
	color: #888;	
	width: 100%;
	font-size:12px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:0px;
	margin-left:5px;
	border-bottom:1px solid #DDD;	
	padding-left:5px;
}

.taskTopHTML{		
	color: black;
	width: 100%;
	font-size:12px;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:2px;
	background-color:#F4F4F4;
	border-bottom:1px solid #DDD;
	border-right:1px solid #DDD;
	padding-left:5px;
}

.taskDefineColumnHTML {
	cursor :pointer;
	cursor :hand;
	font-size:9px;
	color:#555;
	font-family: Arial;
	font-family:Verdana;
	vertical-align:middle;	
	margin-right:12px;	
}

.taskDefineColumnHTMLOver {
	background-image:url(%dropdowng%) !important;	
	background-position: top right;
	background-repeat: no-repeat;
	
	cursor :pointer;
	cursor :hand;
}

.taskDefineColumnHTMLOut {
	background-image:url(%dropdown%) !important;	
	background-position: top right;
	background-repeat: no-repeat;
	cursor :pointer;
	cursor :hand;		
}

.taskTableTABLE tr .defineTask{
	text-align:right;
}

.screenshotSorting{
	background-color: #FFFFFF;		
	border-bottom:1px dotted #A7A7A7;
	border-right:1px dotted #A7A7A7;
	border-left:1px dotted #BABABA;
	border-top:1px dotted #BABABA;
	width: 100%;
	height:100%;
}

.blueTypeSorting{	
	color : #3046C4;	
}

.font14 {
	font-size:14px;
	font-family:Verdana;
}

.finishIcon{
	background-image:url(twitterimages/tick.png) !important;
	background-repeat: no-repeat;		
}

.archiveIcon{
	background-image:url(twitterimages/bin1.gif) !important;
	background-repeat: no-repeat;		
}

.titleLabel {
	cursor:hand;
	curson:pointer;
	font-size:11px;
	font-weight:bold;
	background:#FFF;
	color:#000;
	border-bottom:1px solid orange;
}

.closeLabel {
	cursor:hand;
	cursor:pointer;
	font-size:10px;
	background:#FFF;
	margin-top:3px;
	color:#777;
}

.stateLink {
	white-space:nowrap;
	font-size:11px;
	color:#008;
	cursor:hand;
	cursor:pointer;
	text-decoration : none;
	font-family:Verdana;
	font-weight:normal;
}

.box {
	border-top : 1px solid #CCC !important;
 	border-left : 1px solid #CCC  !important;
 	border-bottom : 1px solid #999  !important;
 	border-right : 1px solid #999  !important;
}

HTML { /* Workaround for GWT issue 1932 */
  margin: 0px !important;
  border: none !important;
}

.dragdrop-handle {
  cursor: move;
  user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
}

.dragdrop-draggable {
  zoom: 1; /* IE gain hasLayout */
}

.dragdrop-dragging {
  zoom: normal; /* remove artifacts */
}

.dragdrop-positioner {
  border: 1px dashed #1E90FF; /* blue */
  margin: 0px !important;
  zoom: 1; /* IE gain hasLayout */
  z-index: 100;
}

.dragdrop-flow-panel-positioner {
  color: #1E90FF; /* blue */
  display: inline;
  text-align: center;
  vertical-align: middle;
}

.dragdrop-proxy {
  background-color: #77AAFF; /* light blue */
}
.dragdrop-selected,.dragdrop-dragging,.dragdrop-proxy {
  filter: alpha(opacity = 30);
  opacity: 0.3;
}

.dragdrop-movable-panel {
  z-index: 200;
  margin: 0px !important;
  border: none !important;
}


.addOrange {
	color:#FF6B08;
}

.addNormal {
	color:#000;
}

.registerWarning {
	color:red;
	font-size:12px;
	white-space: nowrap;
	font-weight:bold;	
}

.deleteListButton {
	font-size:10px;
}


.mainPanelAbsolute {
	background-color:#F9F9F9;
}

.taskIconButton{	
	background-repeat: no-repeat;	
	background-position:top left;
	
	background-color:#F9F9F9;
	
	font-size: 12px;		
	color:#6E6E6E;

	border-style:solid;
	border-width:1px;
	border-color:#DFDFDF;
	
	cursor: hand;
  	cursor: pointer;

	padding-left: 20px;
	
	white-space: nowrap;
}

.taskIconButton:hover{
	border-color:#AAA;
	background-color:#FFF;
}

.taskButton{
	background-color:#F9F9F9;
	
	font-size: 12px;		
	color:#6E6E6E;

	border-style:solid;
	border-width:1px;
	border-color:#DFDFDF;
	
	cursor: hand;
  	cursor: pointer;
	
}

.taskButton:hover{
	border-color:#AAA;
}

.refreshButtonIcon {
	background-image:url(%refresh%) !important;
}

.printerButtonIcon {
	background-image:url(%printer%) !important;
}

.exportButtonIcon {
	background-image:url(%export%) !important;
}

.exportStyleTopItemBar{	
	background-repeat: no-repeat;	
	background-position:top left;
	
	background-color:#F9F9F9;
	
	font-size: 13px;

	color:#6E6E6E;

	border-style:solid;
	border-width:1px;
	border-color:#DFDFDF;
	
	cursor: hand;
  	cursor: pointer;

	padding-left: 16px;

	white-space: nowrap;
	
	vertical-align:middle;
	align: middle;
	text-decoration : none;		
}

.exportStyleTopItemBar:hover{
	border-color:#AAA;
	background-color:#F9F9F9;
	text-decoration : none;
}

.exportSytleTopItemBarHover{
	border-color:#AAA;
	background-color:#F9F9F9;
	text-decoration : none;
}

.export-MenuItem{

}
.export-MenuItem .gwt-MenuItem {
    cursor                      :   hand;
    cursor                      :   pointer;

    border                      :    1px dotted #aaa;
    width                       :    120px;
    height                      :    30px;
    background-color            :    #FFF !important;
    font-weight:bold;
    color : #BABABA;
}
.export-MenuItem .gwt-MenuItem-selected {   
    border                       :    1px dotted #FFBF8A !important;
    background-color             :    #FFE1BD !important;
    font-weight:bold;
    color : black;
}

.taskStateDefineHTMLOver {
	background-image:url(%dropdowng%) !important;	
	background-position: top center;
	background-repeat: no-repeat;
	
	cursor :pointer;
	cursor :hand;
}

.taskStateDefineHTMLOut {
	background-image:url(%dropdown%) !important;	
	background-position: top center;
	background-repeat: no-repeat;

	cursor :pointer;
	cursor :hand;		
}

.textboxNameBoxDefineDialog{
	font-size:14px;
	font-family:Verdana;
	width:97%;
}

.todoBoxRadioButtonsPanel{
	border-top : 1px solid #CCC !important;
 	border-left : 1px solid #CCC  !important;
 	border-bottom : 1px solid #999  !important;
 	border-right : 1px solid #999  !important;

	margin-top:1px;
	margin-bottom:1px;
	margin-left:1px;
	margin-right:1px;

	padding-top:4px;
	padding-bottom:1px;
	padding-left:5px;
	padding-right:5px;	

	height: 150px;
}

.todoBoxRadioButtonSelected{
	color:blue;
	font-weight:bold;	
}

.todoBoxRadioButtonUnselected{
	color:black;	
	font-weight:normal;
}


.roundButtonMiddleHover{
	background-color:#FFF;
	
	font-size: 12px;
	font-weight:bold;
	color:#6E6E6E;
	vertical-align:middle;


	border-top:1px solid #DFDFDF;
	border-bottom:1px solid #DFDFDF;
	
	cursor: hand;
  	cursor: pointer;
}


.roundButtonMiddle{
	background-color:#F9F9F9;
	
	font-size: 12px;
	font-weight:bold;
	color:#6E6E6E;
	vertical-align:middle;


	border-top:1px solid #DFDFDF;
	border-bottom:1px solid #DFDFDF;
	
	cursor: hand;
  	cursor: pointer;
}

.downloadAs{
	font-size: 11px;	
	font-weight:bold;	
	vertical-align:middle;
	color:#808080;	
	margin-left:10px;
	margin-right:20px;
}