@CHARSET "UTF-8";

html, body, table, td {
	font-family:Trebuchet MS, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
}
body, html {
	position:absolute;
	min-height: 100%;
	min-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
	color:#1b394e;
	line-height: 1.2em;
}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 12px; font-family: Trebuchet MS, Helvetica, sans-serif; line-height: 15px; }
strong { font-weight: bold; }
label, .label {font-size: 14px; font-weight: bold; color: #1b394e; }
input {font-size: 14px;}


.error, .message {
	padding:5px;
	margin:8px;
	margin-top:20px;
	font-weight:bold;
	background: white;
	min-width:240px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #3f7894;
}
.error {
	color:#961c1c;
	background: #f9cece;
}
.message {
	color:#154e08;
	background: #e0f8e0;
}
.screen-light .error {
	border-color:#dca7a7;
}
.screen-light .message {
	border-color:#cbe8c5;	
}
.ext-ppc2002 .message-wrap {
	padding:0 8px;
}

.para-light {
	color:#7ea0b8 /*abb6bf*/;
}
.tmp-note {
	text-align:center; color:#0b4666; padding: 4px;
	background:transparent url(../images/dotted-line.gif) repeat-x left bottom;
}


a {
	color:#0b4666;
}


/**
 * Screen
 */
.screen {
	/*min-width:240px; */
}
.screen-dark {
	background: #7ea0b8;
}
.screen-light {
	background: white;
}

/* Header */
.header {
	padding:4px 8px;
	height: 44px;
	background: #7EA0B8 url(../images/screen-title.png);
	border-bottom: 1px solid #0b4666;
	position: relative;
}

.header-left {
	float:left; 
	width:55px;	
}

.header-right {
	float:right; 
	width:55px; 
	padding-top:4px;
}

.header-title {
	text-align:center;
	padding-top:10px;
}
.ext-safari .header-title {
	padding-right:55px;
}


/* Body */
.body {
	border-top:1px solid #bfd0dc;
	position:relative;
	margin-bottom:36px;
	min-height: 100%;
}

.footer {
	position:absolute;
	left:0; right:0; bottom:0;
	height:32px;
	padding:2px 0;
	text-align:center;
}

/**
 * Panel
 */
.panel {
	display:block;
	padding:8px;
	margin:0;
}
.panel-title h2 {
	padding-left:5px;
}
.panel-body {
	display: block;
	position: relative;
	left: 0;
	top: 0;
}

/* top */
.rc-tl {
	background: transparent url(../images/panel-c.gif) no-repeat left top;	
	padding-left:5px;
	height:5px;
}
.rc-tr {
	background: transparent url(../images/panel-c.gif) no-repeat right top;
	padding-right:5px;
	height:5px;	
}
.rc-tc {
	background: transparent url(../images/panel-h.gif) repeat-x left top;	
	height:5px;
}
/* bottom */
.rc-bl {
	background: transparent url(../images/panel-c.gif) no-repeat left bottom;	
	padding-left:5px;
	height:5px;
}
.rc-br {
	background: transparent url(../images/panel-c.gif) no-repeat right bottom;
	padding-right:5px;
	height:5px;	
}
.rc-bc {
	background: transparent url(../images/panel-h.gif) repeat-x left bottom;	
	height:5px;
}
/* content */
.rc-cc {
	background:#fff;
	border:1px solid #3f7894;
	border-width: 0 1px;
}
.rc-cc-below {
	padding-top:5px;
}
.rc-cc-above {
	padding-bottom:5px;
}

.inactive .rc-tl, 
.inactive .rc-tr,
.inactive .rc-bl,
.inactive .rc-br {
	background-image: url(../images/panel-inactive-c.gif);
}
.inactive .rc-tc,
.inactive .rc-bc {
	background-image: url(../images/panel-inactive-h.gif);
}
.inactive .rc-cl,
.inactive .rc-cr {
	background-image: url(../images/panel-inactive-v.gif);	
}
.inactive .rc-cc {
	background:#dfe7ea;
}

/**
 * Boundary items. For mobileie
 */
.rc-bd-tl {
	background: transparent url(../images/panel-bd-c.gif) no-repeat left top;	
	padding-left:5px;
	height:5px;
}
.rc-bd-tr {
	background: transparent url(../images/panel-bd-c.gif) no-repeat right top;
	padding-right:5px;
	height:5px;	
}
.rc-bd-bl {
	background: transparent url(../images/panel-bd-c.gif) no-repeat left bottom;	
	padding-left:5px;
	height:5px;
}
.rc-bd-br {
	background: transparent url(../images/panel-bd-c.gif) no-repeat right bottom;
	padding-right:5px;
	height:5px;	
}

/**
 * List 
 */
.ext-ppc2002 div.ul div.li-first,
div.ul div.li {
	padding:0 4px 2px 4px;
}
.ext-ppc2002 div.ul div.li,
div.ul div.li + div.li {
	padding:3px 4px 2px 4px;
	background:transparent url(../images/dotted-line.gif) repeat-x left top;		
}
 
.list-label-above label {
	display:block; 
}
.list-label-above span {
	clear:both;
}

/**
 * List columns layout
 */
.columns-3-2 .align-left { width:60%;  }
.columns-3-2 .align-right { width:40%; }
.columns-1-1 .align-left { width:49%; }
.columns-1-1 .align-right { width: 49%; }
.columns-2-1 .align-left { width:66%;  }
.columns-2-1 .align-right { width:33%; }






 
/**
 * Tableview
 */
.ext-ppc2002 div.tableview, 
table.tableview {
	width:100%;
}
.ext-ppc2002 .tableview {
	display:block;
}

table.tableview tr,
.ext-ppc2002 .tableview-row {
	height:30px;	
	background:transparent url(../images/dotted-line.gif) repeat-x left top;
}
table.tableview tr:first-child,
.ext-ppc2002 .tableview-row-first {
	height:30px;	
	background:none;
}
.ext-ppc2002 .tableview-row, 
.ext-ppc2002 .tableview-row-first {
	display:block;
	text-decoration:none;
	color:black;
}


table.tableview td, 
.ext-ppc2002 .tableview-cell {
	padding-top:2px;
	height:30px;	
}
.ext-ppc2002 .tableview-cell {
	float:left;	
}
.tableview-cell-content {
	padding-left:4px;
	padding-right:4px;
}
.tableview-cell-ico {
	width:1%;
	padding-left:4px;	
}
.tableview-cell-middle {
	line-height:30px;
}


.panel .tableview td {
	padding-top:0px !important;
}
.panel .tableview tr + tr td {
	padding-top:2px !important;
}
.selected {
	background: #4882b0 !important;
}
 
/**
 * Disclosure
 */
.with-disclosure-right, .with-disclosure-right * {
	cursor: pointer;
}

.disclosure-right {
	width:10px;
	text-align: center;
	vertical-align: middle;
	padding-right:4px;
}
.ext-ppc2002 .disclosure-right {
	float:right !important;
	padding-top:8px;
}
.disclosure-right img {
	width:7px;
	height: 13px;
	background: transparent url("../images/arrows.gif") no-repeat -26px 0;
}
.ext-ppc2002 .disclosure-right {
	clear:both;
	width:14px;
}
.ext-ppc2002 .disclosure-right img {
	width:9px;
	height:13px;
}

 
.disclosure-down {
	height:10px;
	text-align:center;
}
.disclosure-down a {
	display:block;
	height:10px;
}
.disclosure-down .disclosure-ico {
	width:13px;
	height:10px;
	background:transparent url(../images/arrows.gif) no-repeat 0 3px;
}
.disclosure-down-expanded .disclosure-ico {
	background:transparent url(../images/arrows.gif) no-repeat -13px 3px;
}

/**
 * Details disclosure 
 */
.details {
}
.details label {
	font-size:12px;
}
.details li, .details .li {
	padding-top:2px !important;	
	background:transparent url(../images/dotted-line.gif) repeat-x left top;	
}
.details .disclosure-right {
	text-align: right;
	padding-right: 0;
	padding-top:1px;
}

/**
 * Loading
 */
.loading * {
	vertical-align: middle;
}
.loading img {
	width:16px;
	top:16px;
	background:transparent url(../images/loading.gif) no-repeat 0 0;
}

/**
 * Buttons
 */
.button {
	margin-top:1px;
}
.button div {
	height:30px;
}
.button button {
	display: block;
	color:white;
	text-decoration: none;
	font-weight: bold; 
	font-size: 12px; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	height:30px;
	border:0;
	background: none;
}
.ext-opera .button button {
	padding-top:6px;
}
.button .button-lc {
	background: transparent url(../images/button.png) no-repeat 0 0;
	padding-left:5px;
}
.button .button-rc {
	background: transparent url(../images/button.png) no-repeat right 0;
	padding-right:5px;
}
.button .button-cc {
	background: #2b799a url(../images/button.png) no-repeat -8px 0;
	text-align: center;	
}
.button-a {
	display: block;
	color:white;
	text-decoration: none;
	font-weight: bold; 
	font-size: 12px; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	height:30px;
	background: none;
	text-align:center;
}
.ext-ppc2002 .button-a {
	padding-top:8px;
	display: block;
	height:22px;
}

.button-login {
	display: block;
	color:white;
	text-decoration: none;
	font-weight: bold; 
	font-size: 12px; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	line-height: 38px;
	width:106px;
	height:38px;
	border:0;
	background: #2b799a url("../images/button2.png") no-repeat 0 0;		
}
.ext-opera .button-login, 
.ext-ppc2002 .button-login {
	padding-top:12px;
}

.button-do {
	display: block;
	width:55px;
	height:36px;
	line-height: 36px;
	background:transparent url("../images/button3.png") no-repeat 0 0;
	color: white;
	text-align: center;
	text-decoration: none;
	font-weight: bold; 
	font-size: 12px; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
}
.button-do:hover {
	background-position: 0 -36px;
}
.ext-opera .button-do {
	padding-top:10px;
	height:26px;
}
.button-back {
	display: block;
	margin-top:4px;
	background: transparent url("../images/button-back.png") no-repeat 0 0;
	width:47px;
	height: 26px;
	padding-left:8px;
	padding-top:10px;
	
	color:white;
	text-align: center;
	text-decoration: none;
	font-weight: bold; 
	font-size: 12px; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
}
.button-back:hover {
	background-position: 0 -36px;
}
.ext-ppc2002 .button-back {
	width:55px;
}

/** 
 * Paging
 */
.paging {
	/* width:240px; */
}
.ext-safari .paging {
	padding: 0 10px;
} 
.paging td {
	width:1%;
}
.paging td.paging-pgs {
	width:100%;
	text-align: center;
	padding:0;
}
.paging td.paging-first,
.paging td.paging-prev {
	padding:0 8px 0 0 !important;
}
.paging td.paging-next,
.paging td.paging-last {
	padding:0 0 0 8px !important;
}
.ext-ppc2002 .paging-first,
.ext-ppc2002 .paging-prev {	
	float:left;
	width:26px;
	padding-top:6px;
}
.ext-ppc2002 .paging-last,
.ext-ppc2002 .paging-next {	
	float:right;
	width:26px;
	padding-left:8px;
	padding-top:6px;
}
.ext-ppc2002 .paging-pgs {
	padding-top:6px;
}
.ext-ppc2002 .paging-pgs * {
	text-align:center;
}

.paging input {
	border: 1px solid #3a7f9f;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-family:Trebuchet MS, Helvetica, sans-serif;
	font-size:12px !important;
}

.paging span {
	padding: 0 5px;
}

/**
 * Page specific CSS
 */
.instances-panel .align-left p {
	padding-top:1px;
}
#login-panel {
	padding:20px 8px 8px;
}
#login-panel input[type="text"],
#login-panel input[type="password"] {
	margin-bottom:20px;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#login-panel .login-button {
	width:120px;
}
#login-panel .login-button button {
	width:104px;
}
/*
.ext-ppc2002 #login-panel p {
	margin-bottom:10px;
}
.ext-ppc2002 #login-panel button {
	margin-top:0;
}
*/

.ext-ppc2002 .loginform-email,
.ext-ppc2002 .loginform-pass {
	margin-bottom:10px;
}

#dashboard .boarditem {
	float:left;
	width:64px;
	height:64px;
	padding:8px;
}
.ext-ppc2002 #dashboard .boarditem {
	width:78px;
	padding-left:8px;
	padding-right:6px;
	height:64px;
}
.boarditem a {
	display: block;
	width:64px;
	height:58px;
	text-decoration: none;
	color: white !important;
	text-align: center;
	background: transparent url("../images/button-rect.png") no-repeat 0 0;
	padding-top:6px;	
}
#dashboard a:hover {
	background-position: 0 -64px;
}
#dashboard img {
	width:32px;
	height: 32px;
	display: block;
	clear: both;
	margin: 0 auto 3px;
	background: transparent url(../images/icons.png) no-repeat scroll;
}
#dashboard span {
	display:block;
}

#dashboard .farms img {
	background-position: -54px 0;
}
#dashboard .apps img {
	background-position: -54px -32px;		
}
#dashboard .scripts img {
	background-position: -54px -64px;		
}

#farms-list .li {
	padding-top:2px !important;
}
#farms-list .align-left p {
	padding-top:1px;
}

.ext-ppc2002 .label-middle {
	padding-top:6px;
}
.ext-ppc2002 .tableview-row-first .label-middle {
	padding-top:4px;
}


.ext-opera #farm-info label, .ext-opera #bandwidth-panel label {
	height:30px;
}

#terminate-button {
	width:100px;
}
#terminate-button button {
	width:84px;
}


#execute-button {
	width:100px;
}
.ext-ppc2002 #launch-terminate-button {
	width:90px;
	background:transparent url(../images/ppc2002-button-launch-terminate.png);
}

#execute-button button {
	width:84px;
}
/*
#farms-stat .li {
	line-height:30px;
}
*/

#welcome .rc-cc {
	padding:0 4px;
}

#farms-logs-panel p,
#farms-events-panel p {
	padding-top:4px;
}

#farms-logs-panel .ico-log {
	float: left; margin-top:2px; margin-right:2px;
}
#farms-logs-panel strong {
	line-height:18px;
}