/* Ajax loading and refresh */
.refresh
{
    text-align: right;
    width: 70px;
    padding-bottom: 10px;
}
.loading
{
	background: url(loading.gif) no-repeat;
}
#loader
{
    font-size:0.6em;
    font-weight:normal;
}

/* General sections and panels */

.module {padding:0;margin-bottom:.1em;border:0;list-style: none;}
.wrapper {padding:.1em;margin-bottom:.1em;border:0;list-style: none;}
.wrapper h3
{
    height: 2em;
}

.panel-dashed
{
    border: 1px dashed #CCCCCC;
    margin: 10px;
}

.logon
{
    height:20px;
    font-size:0.7em;
    right: 0;
    text-align: right;
}


/* Servers List */

.server_header
{
    background: url(rapidolap/36/Server.png) no-repeat;
    background-position: 5px 5px;
    padding: 5px 40px;
    cursor: pointer;
    position: relative;
    margin: 0;
    color: #333333;
    height: 4.5em;
    background-color: #DBDBDB;
    font-size: 1em;
    font-weight: normal;
}

.server_header ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.server_header ul li
{
    margin: 0 0 0 10px;
    padding: 0;
}
.server_header > ul > li
{
    display:inline;
    float:left;
}
.right-element
{
   position: absolute;
   right: 0;
   text-align: right; 
}

.server_header.running
{
    background-color: #E7FFCE;
}
.server_header.pending
{
    background-color: #FFFFA6;
}

.datamart
{
    background: url(rapidolap/36/Datamart.png) no-repeat;
    /*background-position: 100px 0;*/
    padding: 5px 40px;
    cursor: pointer;
    position: relative;
    margin: 0;
    text-indent:100px;
    background-position: 100px center;
}
.job
{
    background: url(rapidolap/36/Solution.png) no-repeat;
    background-position: 105px 0;
    text-indent:100px;
    padding: 5px 45px;
    cursor: pointer;
    position: relative;
    margin: 0;
}
.center_server_warehouse
{
    background: url(rapidolap/36/ServerWarehouse.png) no-repeat;
    background-position: left center;
    text-indent:80px;
}
.datamart_bg
{
    background: url(rapidolap/21/Datamart.png) no-repeat;
    padding: 0 22px 0 0;
    min-height: 22px;
}
.warehouse_bg
{
    background: url(rapidolap/21/Warehouse.png) no-repeat;
    padding: 0 22px;
    min-height: 22px;
}
.job_bg
{
    background: url(rapidolap/21/Solution.png) no-repeat;
    padding: 0 22px;
    min-height: 22px;
}
.showhide
{
    display:none;
}
.m-left-36
{
    margin-left: 36px;
}
/* action buttons */

.start_cloud 
{
  display: inline-block;
  float:inherit;
  margin:0;
  padding:0;   
  border:0;
  text-decoration:none;
  
  background: url(rapidolap/StartCloudAction_300.png) no-repeat;
  width:300px;
  height:102px;
  position:relative;
  
}

.start_cloud_small 
{
  display: inline-block;
  float:inherit;
  margin:0;
  padding:0;   
  border:0;
  text-decoration:none;
  
  background: url(rapidolap/StartCloudAction_100.png) no-repeat;
  width:118px;
  height:40px;
  position:relative;
  
}


a:hover .start_cloud
{
   opacity:.75;
}

input[type="submit"]
{
    background-color: #00CC66;
    color: #FFFFFF;
}

/* buttons */

.fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

a.fg-button { float:left; }

/* remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; }

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }

.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	

.fg-buttonset { float:left; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button, 
.fg-buttonset-multi .fg-button { margin-right: -1px;}

.fg-toolbar { padding: .5em; margin: 0;  }
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em;  }

/* menu */

ul#topnav
{
    margin: 0;
    padding: 0;
    float: right;
    width: 950px;
    list-style: none;
    position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
    font-size: 1em;
    background-color: #3399FF;
}
ul#topnav li
{
    float: right;
    margin: 0;
    padding: 0;
    border-right: 1px solid #555;
    border-right-color: #EFEFEF;
}
ul#topnav li a
{
    padding: 5px 15px;
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}
ul#topnav li:hover { background: #1376c9 url(topnav_active.gif) repeat-x; }
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnav li span
{
    background-position: #7ADE7A;
    float: right;
    padding: 5px 0;
    position: absolute;
    right: 0;
    top: 34px;
    display: none; /*--Hide by default--*/
    width: 480px;
    background: #7ADE7A;
    color: #333333; /*--Bottom right rounded corner--*/
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px; /*--Bottom left rounded corner--*/
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    text-align: right;
    font-size: 0.9em;
}
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
ul#topnav li span a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline;}

/* form */

form label
{
    display: inline-block;
}
form fieldset li {
  list-style: none;
}
form label {
  width: 180px; /* Width of labels */
}

#footer
{
    margin-top:30px;
    text-align:center;
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #6f7c91;
}

.topmenu
{
   border-bottom-style: solid;
   border-bottom-width: 3px;
   border-bottom-color: #6f7c91;
}
.featured
{
    background:#ccc;
   border-bottom-style: solid;
   border-bottom-width: 3px;
   border-bottom-color: #6f7c91;
}

.hr-bottom
{
   border-bottom-style: solid;
   border-bottom-width: 3px;
   border-bottom-color: #6f7c91;
}


.box-x {
    background-color:#FFFFFF;
    border-color:#FF9900;
    border-width:0;
    -moz-box-shadow:0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    background:none repeat scroll 0 0 #FFFFFF;
    border:1px solid #CCCCCC;
    padding:10px;
}

.box-x-important
{
    background-color: #FFFFFF;
    background-position: 0 0;
    border-width: 0px;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    background: none repeat scroll 0 0 #C5FF8A;
    border: 0 solid #C5FF8A;
    padding: 10px;
}

.box-section
{
    background-color: #eaeaea;
    border-width: 0;
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    background: none repeat scroll 0 0;
    border: 1px solid #CCCCCC;
    padding: 0;
}

.dashboard h1
{
    background-color: #6f7c91;
    border: 0;
    padding: 0;
    color: #FFFFFF;
    font-size:1.5em;
    height:30px;
    margin:0;
    padding:5px;
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    margin-top:10px;
}

.box-section h2
{
    background-color: #BDD2FF;
    border: 0;
    padding: 0;
    color: #000000;
    font-size: 1.5em;
    height: 30px;
    margin: 0;
    padding: 5px;
}

.box-section>div
{
    padding: 10px;
    margin: 5px;
}

.history { 
    overflow: auto;
    font-size:0.7em;
} 
 
.jobstats_table
{
   display:none;
}

.jobstats_view
{
    font-size:0.7em;
    padding-bottom:40px;
    padding-left:30px;
}

.colorband-left
{
    background-color: #782144;
    color: #FFFFFF;
    padding: 3px;
    margin: 0;
    height: 40px;
}
.colorband-middle
{
    background-color: #907BAF;
    color: #FFFFFF;
    padding: 3px;
    margin: 0;
    height: 40px;
}
.colorband-right
{
    background-color: #6886B3;
    color: #FFFFFF;
    padding: 3px;
    margin: 0;
    height: 40px;
}
.colorband-green
{
    background-color: #00CC00;
    color: #FFFFFF;
    padding: 3px;
    margin: 0;
    height: 40px;
}
.colorband-black
{
    background-color: #000000;
    color: #FFFFFF;
    padding: 3px;
    margin: 0;
    height: 40px;
}

/* Awesome buttons */

.awesome, .awesome:visited {
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
 
.awesome:hover							{ background-color: #111; color: #fff; }
.awesome:active							{ top: 1px; }
.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: 4px 8px 4px; color: #fff; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); text-decoration:none;}
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; padding: 8px 14px 9px; color: #fff; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25);  text-decoration:none;}
.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
.green.awesome:hover						{ background-color: #749a02; }
.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
.blue.awesome:hover							{ background-color: #007d9a; }
.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
.red.awesome:hover							{ background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
.magenta.awesome:hover							{ background-color: #630030; }
.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
.orange.awesome:hover							{ background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
.yellow.awesome:hover							{ background-color: #fc9200; }
.gray.awesome, .gray.awesome:visited
{
    background-color: #C0C0C0;
}
.gray.awesome:hover
{
    background-color: #666666;
}

.display_archive {font-family: arial,verdana; font-size: 12px;}
.campaign {line-height: 125%; margin: 5px;}

.product_panel 
{
    float:left;
}