@CHARSET "UTF-8";

html, body {
	height:100%;
}

body {
	margin:0; padding:0;
	background-color:#85b2ca;
	
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #3a4a54;
	
	/* TODO: we have to find other way to avoid the jump when scrollbar appear
	 * the solution we add here cause a minor design problem in ff but major one in ie.
	 * 
	 * overflow-y:scroll;
	 */
}

form {
	margin: 0;
	padding: 0;
}

h1 {
	font-size:2em;
	margin: 0px;
	padding: 10px 0px;
	font-weight:normal;
}

h3 {
	margin-top:0px;	
}

/** reset image border of links **/
a img {
	border:0;
}

.no-border {
	border: 0;
}

td {
	vertical-align:top;
}

td.tdBottom {
	vertical-align:bottom;
}

code.inline {
	display:inline;
	font-family:monospace;	
}
/** show/hide **/
.displayNone {
	display:none;	
}

/** reset margin and padding **/
.zero {
	margin:0; padding:0;
}

.text-align-center {
	text-align:center;
}
.no-wrap {
	white-space: nowrap;
}
table.no-wrap td {
	white-space: nowrap;
}
/* cursor */
.hand {
	cursor:pointer;
}

/** reset table **/
table.t100 {
	width:100%;
	border:0;
}
table.t80 {
	width:80%;
	border:0;
}
table.t90 {
	width:90%;
	border:0;
}
.table-middle td {
	vertical-align:middle;	
}

/** input elements **/
input {
	font-size: 12px;
	color: #3a4a54;
}

input[type="text"],
input[type="password"],
select {
	font-family: Arial,Helvetica,sans-serif;	/* select doesn't inherit it so setting it implicitly */
	color: #3a4a54; /* select doesn't inherit it so setting it implicitly */
	border: 1px solid #87969f;
	width: 10em;
	background-color: #ffffff;
}

select[disabled] {
	background-color: #d8dadc;
	border: 1px solid #b3bdc2;
	color: #8d9ba4;
}
/** invalid input element */
input[type="text"].invalid, input[type="password"].invalid, select.invalid {
	background-color: #e38473;
	color: #ffffff;
}
/** disabled input element **/
input[type="text"][disabled="disabled"],
input[type="password"][disabled="disabled"] {
	background-color:#ccc;
}
/** set default a pointer behavior **/
a {
	cursor:pointer;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

/** size classes (precents) **/
.h100 {
	height:100%;
}
.w100 {
	width:100%;
}
.w95 {
	width:95%;
}
.w80 {
	width:80%;
}
.w1 {
	width:1%;
}
/** size classes (pixels) **/

.hp1 {
	height:1px;
	line-height:1px;
	font-size:1px;
}

.hp1-extended {
	height:1px;
	line-height:1px;
	font-size:1px;
	margin-bottom:12px;
}

/** clear fix hack **/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block; clear:both;}
/* End hide from IE-mac */
/** clear fix hack end **/

span.trimmer-more {
	font-style: italic;
	font-weight: bold;
}


/** new buttons **/
table.button .bspecial,
table.button-disabled .bspecial {
	width:0px;	
}
table.button .bleft,
table.button-disabled .bleft {
	width:10px;
	height:21px;
	background:url('../images/buttons/white-btn-left-w.gif');
	font-size:1px;
}
table.button .bright,
table.button-disabled .bright {
	width:10px;
	height:21px;
	background:url('../images/buttons/white-btn-right-w.gif');
	font-size:1px;
}
table.button .bcenter,
table.button-disabled .bcenter {
	height:21px;
	background:url('../images/buttons/white-btn-middle.gif');
	white-space:nowrap;
	vertical-align:middle;
}

table.button-disabled .bcenter {
	color: #959595;
}

/** buttons **/
div.button,
div.button-disabled {
	margin-right:5px;
	border:0;
	height:21px;
 	padding:0 20px 0 0;
 	text-align:center; 
}

div.button {
 	cursor: pointer;
	background:url('../images/buttons/grey-right.gif') no-repeat right;
}

div.button div {
	background:url('../images/buttons/grey-left.gif') no-repeat left;
}

div.button-disabled {
	cursor: default;
	background:url('../images/buttons/grey-right-disabled.gif') no-repeat right;
}

div.button-disabled div {
	background:url('../images/buttons/grey-left-disabled.gif') no-repeat left;
	color: #8d9ba4;
}

div.button div,
div.button-disabled div {
	margin:0;
	white-space:nowrap; 
	padding:0 0 0 20px; 
	height:21px;
	line-height:21px;
}

div.dark-bg-button {
	height:21px;
	padding-right:25px;
	/*background:url('../images/buttons/dark-bg-grey-right.gif') no-repeat right;*/
	background:url('../images/application/buttons/dark-right.gif') no-repeat right;
}

div.dark-bg-button div {
	height:21px;
	line-height:20px;
	padding-left:25px;
	color:#ffffff;
	font-weight:bold;
	/*background:url('../images/buttons/dark-bg-grey-left.gif') no-repeat left;*/
	background:url('../images/application/buttons/dark-left.gif') no-repeat left;
}

div.restart-bg-button {
	height:21px;
	line-height:21px;	
	padding-right:20px;
	color: #FFFFFF;
	background:url('../images/application/buttons/restart-bg-right.gif') no-repeat right;
}

div.restart-bg-button div {
	height:21px;
	line-height:21px;
	padding-left:35px;
	font-weight:bold;
	color: #FFFFFF;
	background:url('../images/application/buttons/restart-bg-left.gif') no-repeat left;
}

div.arrow div {
	padding:0 0 0 30px;
	background:url('../images/application/buttons/left-arrow-close.gif') no-repeat left;
}

div.arrow-open div {
	background:url('../images/application/buttons/left-arrow-open.gif') no-repeat left;
}

div.strong-button {
	background:url('../images/application/buttons/btn-right-w.gif') no-repeat right;
}
div.strong-button div {
	background:url('../images/application/buttons/btn-left-w.gif') no-repeat left;
	color:#ffffff;
	padding:0 0 0 20px;
}
div.strong-button[class~="button-disabled"] {
	background:url('../images/buttons/blue-btn-right-w-off.gif') no-repeat right;
}
div.strong-button[class~="button-disabled"] div {
	background:url('../images/buttons/blue-btn-left-dialog-off.gif') no-repeat left;
}

div.add {
	float: left;
}

div.add div {
	padding:0 0 0 30px;
}

div.add[class~="button"] div {
	background:url('../images/application/buttons/left-add.gif') no-repeat left;
}

div.add[class~="button-disabled"] div {
	background:url('../images/buttons/left-add-disabled.gif') no-repeat left;
}

/** calendar widget */
table.zijitDateTextBox div.calendar {
	width: 28px;
	height: 26px;
	background-image: url('../images/icons/calendar.gif');
	background-repeat: no-repeat;
	background-position: right;
}

table.zijitDateTextBox {
	width: 0%;
}

/** ip parts widget */
div.zijitIpParts td input[type="text"] {
	text-align:center;
	width:60px;
}

/** blur element */
.element-blur {
	color:#aaaaaa;
}

.link,
.link-bold {
	cursor:pointer;
	font-weight:normal;
	color:#3F98BC;
}

.link-bold {
	font-weight: bold;
}

/** dijits additions **/
div.limitedTooltip {
	max-width: 400px;
	color: #3a4a54;
}

/************** Paging *******************/

div.next-button[class~="button"] {
	float: right;
	background-image: url('../images/application/buttons/next.gif');
	width: 26px;
	height: 26px;
	
}
div.next-button[class~="button"] div {
	background: none;
}

div.next-button[class~="button-disabled"] {
	float: right;
	background-image: url('../images/application/buttons/next-disabled.gif');
	width: 26px;
	height: 26px;
}

div.next-button[class~="button-disabled"] div {
	background: none;
}

div.prev-button[class~="button"] {
	float: right;
	background-image: url('../images/application/buttons/prev.gif');
	width: 26px;
	height: 26px;
}

div.prev-button[class~="button"] div {
	background: none;
}

div.prev-button[class~="button-disabled"] {
	float: right;
	background-image: url('../images/application/buttons/prev-disabled.gif');
	width: 26px;
	height: 26px;
}

div.prev-button[class~="button-disabled"] div {
	background: none;
}

div.start-button {
	float: right;
	background-image: url('../images/application/buttons/start.gif');
	width: 26px;
	height: 26px;
}

div.start-button div {
	background: none;
}

div.start-button[class~="button-disabled"] {
	float: right;
	background-image: url('../images/application/buttons/start-disabled.gif');
	width: 26px;
	height: 26px;
}

div.end-button {
	float: right;
	background-image: url('../images/application/buttons/end.gif');
	width: 26px;
	height: 26px;
}

div.end-button div {
	background: none;
}

div.end-button[class~="button-disabled"] {
	float: right;
	background-image: url('../images/application/buttons/end-disabled.gif');
	width: 26px;
	height: 26px;
}

div.end-button-disabled div {
	background: none;
}


.file-input {
	position:relative;
	height:20px;
}

.file-input-real {
	position:absolute;
	z-index:2;
	filter:alpha(opacity:0);
	opacity:0;
	cursor:pointer;
}

.file-input-real:hover { cursor:pointer; } 

.fake-input { position:absolute; top:0; left:0; z-index:1; white-space: nowrap; }