﻿html 
{
	-moz-background-clip: border;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background-color:#FFF;
	color:#000000;		
}

body, dl, dt, dd, ul, ol, menu, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th 
{
	margin:0;
	padding:0;
	background-color:#FFF;
	font-family: Tahoma, Verdana, sans-serif;
	font-size:11px;
	text-align:left;
	color:Black ;
}

div
{
	margin:0;
	padding:0;
	background-color:inherit;
	font-family: Tahoma, Verdana, sans-serif;
	font-size:11px;
	text-align:left;
}

input[type="text"], input[type="password"], select 
{
	border:1px solid #809DB9;
	font-family: Tahoma,Verdana,Arial,Sans-Serif;
	font-size:11px;
	height:15px;
}

input.blur 
{
  color: #999;
}


select 
{
	height:17px;
}

.clearing-div-0px 
{
	clear:both;
	height:0px;	
}
.clearing-div-13px 
{
	clear:both;
	height:13px;	
}

li 
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;	
}

#content 
{
	overflow: hidden;
	height: 100%;
	padding:  10px 15px 20px 15px;
}

#content h1
{
	color:#3366CC;
	font-weight:bold;
	font-size: 14px;
}

#content h2
{
	color:#3366CC;
	font-weight:bold;
	font-size: 14px;
	padding-bottom:10px;
}

.inner-content 
{
	border-color:#3366CC;
	border-style:solid;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	-moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.5);
	border-width:3px 1px 1px;
	width: 725px;	
}

.content-left-panel 
{
	float: left;
	padding-top: 10px; 
	width: 650px;
}

.content-right-panel 
{
	margin-top: 10px;
	height:140px;
	float: left;
	width: 160px;
	padding-bottom:10px;
	padding-left:1px;
	background: transparent url(/images/divider_green.gif) no-repeat scroll left top;	
	/**background: transparent url(/images/base_grad_to_white.png) no-repeat scroll left top;*/	
}

.content-right-panel-wizard 
{
	margin-top: 10px;
	float: left;
	padding-bottom:10px;
	padding-left:1px;
}

.content-right-panel ul 
{
	width: 158px;
}
.content-left-panel ul 
{
	clear:both;
	margin:0;
	padding:0;
}

#content td, #content th 
{
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
}

#content input 
{
	margin-right: 10px;
}

#content a 
{
	font-size:11px;
}


#radio td, #radio th 
{
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	padding: 0px;
}


li.information 
{
	float: left;
	padding-bottom: 8px;
	padding-top: 8px;
	width: 100%
}


li.facet-panel {
background:url("/Content/id/hiring/redux/global/divider.png") no-repeat scroll center top transparent;
float:left;
margin-bottom:10px;
padding-top:12px;
width:100%;
}

div.section-separator
{
   background:url("/Content/id/hiring/redux/global/divider.png") no-repeat scroll center top transparent;
    float:left;
    margin-bottom:10px;
    padding-top:12px;
    width:100%;  
    
}

li div.label-panel 
{
	float:left;
	font-size:11px;
	margin-right:10px;
	padding-left: 10px;
	width:150px;	
}


li div.label-panel span 
{
	font-weight:bold;
}

li div.input-panel 
{
	float:left;
	margin:0;
	padding:0;
	width:400px;
}

li div.list-panel 
{
	float:left;
	margin-left:0;  
	padding:0;
	width:480px;
	height:165px;
}

li div.readonly-panel 
{
	float:left;
	margin-left:0;  
	padding:0;
	width:480px;
	height:100px;
}


div.readonly-panel select 
{
	height: 90px;
}

li div.freetext-panel 
{
	float:left;
	margin-left:10px;  
	padding:0;
}

div.list-panel select 
{
	height:200px;
}

div.list-panel select 
{
	height:90px;
}


li div.listRoles-panel 
{
	float:left;
	margin:0;
	padding: 0 10px 0 10px;
	width:160px;
	height:100px;
}

div.listRoles-panel select 
{
	height:100px;
}

li div.grid-panel 
{
	font-size:12px;
	text-align:left;
	padding: 10px;
}

.input-panel div 
{
  float:left;   
}

.input-panel div div 
{
  float:left;   
}

div.input-panel div  input[type="text"], input[type="password"], select 
{
 width:350px;
}


div.input-panel div  input[type="text"].short, input[type="password"].short, select.short 
{
 width:200px;
}


div.div-security
{
  float:left;
  clear:both;
  width:300px;
}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#popupContainer .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:2px;
}

#popupContainer #dialog {
  width:350px; 
  height:110px;
  margin:1px 1px;
  background-color:#ffffff;
  border: 2px solid #778899;
}

.dialog-container
{
   padding:10px 10px 10px 20px; 
}

.client-popup
{
   padding:5px;
   background-color: #778899; 
}

span.example-message
{
  font-size: 10px;
  color:#838383;
  white-space:nowrap;
}

span.required 
{
   color: #FF0000;
   margin: 0pt 3pt;   
}

.grid-outer-panel 
{
	font-size:12px;
	text-align:left;
	padding: 10px;
}

.grid-view
{
    font-family: Arial, Sans-Serif;
    font-size:small;
    table-layout: auto;
    border-collapse: collapse;
    border:#91a7b4 0px none;
   
}

li div.button-panel 
{
	float: right;
	padding-right: 20px;
}

li div.centered_button-panel 
{
	text-align: center;
}

li div.message-panel 
{
	float: left;
	padding-left: 10px;
}

li div.explanation-panel
{
  float: left;
  width: 330px;
  margin-left: 10px;  
  margin-top: 10px;
}

li div.wizard-panel
{
 float:left;
 margin: 10px 10px 10px 100px;  
    
}

ul li.link-panel 
{
	color:#3366CC;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;	
	padding: 0.5em 0.5em  0.5em 0;
}

ul li.link-panel a 
{
	color:#3366CC;
	padding:0.2em 0.3em 0.2em 0.1em;
	text-decoration:underline;
}

ul li.link-panel a:hover 
{
	color: #FFF;
	background: #7894CC;
	border-left-color: #53A80D;
	-moz-background-clip:border;
}

ul li.link-parent-tree 
{
	color:#3366CC;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;	
	padding: 0.5em 0.5em  0.5em 0;
}

ul li.link-parent-tree a 
{
	color:#3366CC;
	padding:0.2em 0.4em 0.2em 0.6em;
	text-decoration:none;
	display:block;  
}

ul li.link-child-tree 
{
	color:#3366CC;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;	
	padding: 0.5em 0.5em  0.5em 1.2em;
}

ul li.link-child-tree a 
{
	color:#3366CC;
	padding:0.2em 0.4em 0.2em 0.6em;
	text-decoration:none;
	display:block;
}

ul li.link-child-tree a:hover 
{
	color: #FFF;
	background: #7894CC;
	border-left-color: #53A80D;
	-moz-background-clip:border;
}

.link-panel	
{
	margin: 0;	
}

.menu-panel	li 
{
	margin: 20px 200px 20px 200px;
}

.link-panel li 
{
	padding-bottom: 10px;
	padding-top: 10px;
}

.div-wizard-section
{
	width: 680px;		
}

.content-left-panel ul.wizard-panel-section li
{
	float:left;
	list-style-type:circle;	
}

#GridViewSearchResults 
{
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

#GridViewSearchResults tr.grid-paging td 
{
	padding: 0 5px;
}

/** Buttons **/
.buttonContainer 
{
  float: right;
  padding: 6px;	
}

.pbtnleft  
{
	float:left;
	display:block;
	height:17px;
	width: 5px;
	background:transparent url("/Content/id/webadmin/buttons/btn.purple.sprite.png") no-repeat scroll 0 -132px;
}

.pbtnmiddle 
{
	float:left;
	display:block;
	height:16px;
	text-decoration:none;
	color:#FFF;
	padding:1px 5px 0px 5px;
	background:transparent url("/Content/id/webadmin/buttons/btn.purple.sprite.png") repeat-x scroll 0 -166px;
}

.pbtnmiddle span 
{
	text-decoration:none;
	color:#FFF;
}

.pbtnright 
{
	float:left;
	display:block;
	height:17px;
	width: 5px;
	background:transparent url("/Content/id/webadmin/buttons/btn.purple.sprite.png") no-repeat scroll 0 -149px;
}

.gbtnleft 
{
	float:left;
	display:block;
	height:17px;
	width: 5px;	
	background:transparent url("/Content/id/hiring/redux/global/buttons/btn.green.sprite.png") no-repeat scroll 0 -132px;
}

.gbtnmiddle 
{
	float:left;
	display:block;
	height:16px;
	text-decoration:none;
	color:#FFF;
	padding:1px 5px 0px 5px;
	background:transparent url("/Content/id/hiring/redux/global/buttons/btn.green.sprite.png") repeat-x scroll 0 -166px;
}

.gbtnmiddle span 
{
	text-decoration:none;
	color:#FFF;
}

a.disabled span
{
	text-decoration:none;
	color:Gray;
}

.gbtnright 
{
	float:left;
	display:block;
	height:17px;
	width: 5px;
	background:transparent url("/Content/id/hiring/redux/global/buttons/btn.green.sprite.png") no-repeat scroll 0 -149px;
}


.fragment-0 
{
	display:block;
	padding-left: 20px;
}

.fragment 
{
	float:right;
	width: 180px;
	display:block;
	margin-left: 20px;
}

/** Error Panel **/
div.wa1Error {
background:url("/Content/id/hiring/core/2009.04/error_Icon.png") no-repeat scroll 0 0 transparent;
display:block;
height:18px;
margin:0 6px;
}

div.wa1Error span
{
  padding-left: 16px;
  margin-top: 3px;
  color: #FF0000;  
  display:block;
}

div.wa3Error {
background:url("/Content/id/hiring/core/2009.04/error_Icon.png") no-repeat scroll 0 0 transparent;
display:block;
float:left;
height:18px;
margin:0 6px;
width:16px;
}


/**** Action Buttons *****/
.divlistControlWrapper
{
 width: 640px;
 float:left;  
 margin-left: 10px; 
    
}

.divheaderRight 
{
  width: 185px;  
  height: 20px;
  float:left;
  margin-left: 35px; 
}


.divheaderLeft
{ 
  width: 225px;  
  height: 20px;
  float:left;
  margin-left:5px; 
}

.divlistControlLeft
{
  width: 285px;  
  float:left;   
  margin: 0px 5px 5px 5px;
}    
    
.divlistControlCenter
{
  width: 60px;  
  float:left;  
}

.divlistControlRight
{
  width: 285px;
  float:right;
  margin: 0px 5px 5px 5px;
}


.divassignmentBtnContainer
{
   float:left;
   margin: 2px 5px;
   width: 54px;
}

.divassignmentBtnContainerSingle
{
   float:left;
   margin: 2px 8px;
   width: 54px;
}

.divassignmentBtnContainer a
{
  text-align:center;   
}

.divassignmentBtnContainerSingle a
{
   text-align:center;
}


.required_field
{
    float:right;
    margin-top:10px;
    font-size: 10px;
}

span.ast_require_field
{
   color: #FF0000;  
}

.instance-row-container 
{
    float:left;
}

.role-group-container
{
    margin-left: 15px;
    margin-top: 5px;
    margin-bottom: 5px;  
}

.group-list-container select
{
    height: 90px;
}

.tool-row-container
{
    float: left;
}

.header-container
{
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
}

.breadcrumbs
{
    padding: 40px 0px 20px 5px;
    color: #67A0D1;
}

.breadcrumbs a
{
    font-size: 120% !important;
}

.home-header-panel
{
    width:90%;
    padding:5px;
}

.home-left-panel
{
    float: left;
    width:45%;
    padding:5px;
}

.home-right-panel
{
    float:right;
    width:45%;
    padding:5px;
}


/********** region help Tabs ***************/

ul.vertical-tabs {
	margin: 7px 1px 0 1px;
	padding: 8px 0;
	float: right;
	list-style: none;
	height: auto;
	border: 1px solid #999;
	width: 97px;
	
}
ul.vertical-tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
	width:97px;
}
ul.vertical-tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.vertical-tabs li a:hover {
	background: #ccc;
}	
html ul.vertical-tabs li.active, html ul.vertical-tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #999;
	float: left; 
	width: 597px;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}
.tab_content {
	padding: 0px;
	font-size: 1.2em;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	padding-left:10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
	padding-left:10px;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}


/********** endregion help Tabs ***************/


.error-panel-section
{
  height: 300px;   
}