/**
*   $Id: apps_mb.css,v 1.3.14.10 2013/12/11 03:17:23 jkautz Exp $
*   Description: Application Component CSS for CAMP templates; replaces apps.css in MasterBrand templates
*   Managed by: cdc-apps@cisco.com
*   (c) 1992-2011 Cisco Systems, Inc. All rights reserved.
*   Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
**/

/***
-----------------------------------------------------------
Message Box API
this component has been "reskinned" to match AUESSOME specs
styles include confirmation, warning and message options 
-----------------------------------------------------------
***/

.confirmation-content 
{	
	background:#fff1af url('/web/fw/apps/i/apps_icon_confirmation_sm.png') 12px 12px no-repeat;
	color:#333;	
	border:1px solid #e4d89d;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom:15px;
	padding:12px 12px 2px 35px;
	min-height:26px;
}

.ie .confirmation-content {padding-top:11px;min-height:27px;}

.confirmation-content-list
{
	font-size:12px;
	margin-bottom:8px;
	line-height:16px
}

.confirmation-icon
{
	display:none;
}

.warning-content 
{
	background:#fff1af url('/web/fw/apps/i/apps_icon_warning_sm.png') 12px 12px no-repeat;
	color:#333;	
	border:1px solid #e4d89d;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom:15px;
	padding:12px 12px 2px 35px;
	min-height:26px;
}

.ie .warning-content {padding-top:11px;min-height:27px;}

.warning-content-list
{
	font-size:12px;
	margin-bottom:8px;
	line-height:16px
}

.warning-icon
{
	display:none;
}

.message-content
{
	background:#fff1af url('/web/fw/apps/i/apps_icon_message_sm.png') 12px 12px no-repeat;
	color:#333;	
	border:1px solid #e4d89d;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom:15px;
	padding:12px 12px 2px 35px;
	min-height:26px;
}

.ie .message-content {padding-top:11px;min-height:27px;}

.message-title
{
	display:block;
	font-size:12px;
	font-weight:bold;
	margin:0px 0px 8px;
	line-height:16px;
}
label.message-title:empty
{
	display:none;
}

p.message-content-list
{
	font-size:12px;
	margin:0px 0px 8px;
	line-height:16px;
}
#framework-content-main .sitecopy p.message-content-list 
{
	color:#333;
	font-size:12px;
	margin:0px 0px 8px;
}

.error-content 
{	
	background:#f6d6dc url('/web/fw/apps/i/apps_icon_error_sm.png') 12px 11px no-repeat;
	color:#333;	
	border:1px solid #dcc0c5;
	-webkit-border-radius:6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom:15px;
	padding:12px 12px 2px 35px;
	min-height:25px;
}

.ie .error-content {padding-top:11px;min-height:26px;}

.error-content-list
{
	font-size:12px;
	margin-bottom:8px;
	line-height:16px
}

.error-icon
{
	display:none;
}

/***
-----------------------------------------------------------
Stepped Process API
this component has been "reskinned" to match AUESSOME specs
styles include non-js, modal and non-modal option 
-----------------------------------------------------------
***/

 /* non js version */
 
#stepProcess /*applies to all verions*/
{
	color:#8E8E8E;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:9px 0px 24px;
}

.sitecopy #stepProcess 
{
	margin-top:-1px;
}

.step-container
{
	height:24px;
	margin:13px 0px -4px;
	padding:0px;
}

.step-container li
{
	display:inline;
}

.enabled
{
	background-color: #007FC5;
	color:#fff;
	font-weight:bold;
	height:24px;
	margin:0px 7px 0px 0px;
	padding:4px 10px 5px;
}

.disabled
{
	margin:0px 7px 0px 0px;
	padding:4px 10px 5px;
}

/* js version non-modal */

.apps-step-container
{
	border-collapse:collapse;
}
.sitecopy .table-columns .apps-step-container td, 
.sitecopy .table-columns .apps-step-container tr
{
	padding:0px;
}

.apps-steps-enabled, 
.apps-steps-disabled 
{
	padding:0px;
	vertical-align:top;
}

.apps-steps-enabled div
{
	background-color:#007FC5;
	color:#fff;
	font-weight:bold;
	margin:0px 10px 0px 0px;
	padding:4px 10px 5px;
}

.apps-steps-disabled div 
{
	margin:0px 10px 0px 0px;
	padding:4px 10px 5px;
}

#gte-ie9 .apps-steps-enabled div,
#gte-ie9 .apps-steps-disabled div
{
	line-height:16px;
	padding:4px 10px;
}

/* js version modal */

.apps-steps-active, 
.apps-steps-previous, 
.apps-steps-next 
{
	padding:0px;
	vertical-align:top;
}

.apps-steps-previous div 
{
	background:#fff url('/web/fw/apps/i/apps_steps_check.png') no-repeat 0px 6px;
	color:#333;
	margin:0px 10px 0px 0px;
	padding:4px 10px 5px 18px;
}

.apps-steps-active div
{
	background-color:#007FC5;
	color:#fff; 
	font-weight:bold;
	margin:0px 10px 0px 0px;
	padding:4px 10px 5px;
}

.apps-steps-next div 
{
	margin:0px 10px 0px 0px;
	padding:4px 10px 5px;
}

#gte-ie9 .apps-steps-previous div
{
	line-height:16px;
	padding:4px 10px 4px 18px;
}
#gte-ie9 .apps-steps-active div,
#gte-ie9 .apps-steps-next div 
{
	line-height:16px;
	padding:4px 10px;
}

.apps-step-container td:last-child div
{
	margin-right:0px;
}


/***
-----------------------------------------------------------
Tables HTML Code Snippets
this component has been "reskinned" to match AUESSOME specs 
-----------------------------------------------------------
***/

.apps-table-grey, 
.apps-table-grey-setwidth, 
.apps-table-blue, 
.apps-table-blue-setwidth 
{
	background:#fff;
	border-bottom:1px solid #CED4D7;
	border-top:1px solid #CED4D7;
	border-collapse:collapse;
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#framework-content-main .sitecopy .apps-table-grey a, 
#framework-content-main .sitecopy .apps-table-grey-setwidth a, 
#framework-content-main .sitecopy .apps-table-blue a, 
#framework-content-main .sitecopy .apps-table-blue-setwidth a
{
	font-size:100%;
}

.apps-table-grey, 
.apps-table-blue 
{
	width:100%;
}

.apps-table-grey caption, 
.apps-table-blue caption,
.apps-table-grey-setwidth caption, 
.apps-table-blue-setwidth caption 
{
	background:#fff;
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	padding-bottom:7px;
	text-align:left;
}

.apps-table-grey th, 
.apps-table-grey-setwidth th, 
.apps-table-blue th, 
.apps-table-blue-setwidth th 
{
	border-bottom:1px solid #CED4D7;
	border-top:1px solid #CED4D7;
	font-size:13px;
	font-weight:normal;
	padding:7px 4px;
	text-align:left;
	vertical-align:top;
}
#gte-ie9 .apps-table-grey th, 
#gte-ie9 .apps-table-grey-setwidth th, 
#gte-ie9 .apps-table-blue th, 
#gte-ie9 .apps-table-blue-setwidth th 
{
	line-height:17px;
	padding:7px 4px 6px;
}
.sitecopy .table-columns .apps-table-grey th, 
.sitecopy .table-columns .apps-table-grey-setwidth th, 
.sitecopy .table-columns .apps-table-blue th, 
.sitecopy .table-columns .apps-table-blue-setwidth th
{
	padding:7px 4px;
}

th.apps-table-header
{
	font-weight:bold;
}

th.apps-table-column-sorted
{
	font-weight:bold;
}
.sitecopy th.apps-table-column-sorted a
{
	font-weight:bold;
}

th.apps-table-column-check
{
	padding:9px 4px 8px 4px; 
	text-align:center;
}
#gte-ie9 th.apps-table-column-check
{
	padding:9px 4px 8px 4px; 
	text-align:center;
}
#ie8 th.apps-table-column-check
{
	padding:9px 4px 8px 3px; 
}
.sitecopy .table-columns th.apps-table-column-check
{
	padding:9px 4px 8px 4px; 
}

th.apps-table-column-check input 
{
	margin:0px;
	padding:0px;
}
#ie7 th.apps-table-column-check input,
#ie6 th.apps-table-column-check input 
{
	width:13px;
	height:13px;
}

.apps-table-grey td,
.apps-table-grey-setwidth td,
.apps-table-blue td,
.apps-table-blue-setwidth td 
{
	padding:1px 4px 3px; 
	text-align:left;
	vertical-align:top; 
}
#gte-ie9 .apps-table-grey td, 
#gte-ie9 .apps-table-grey-setwidth td, 
#gte-ie9 .apps-table-blue td, 
#gte-ie9 .apps-table-blue-setwidth td 
{
	
	line-height:16px;
	padding:1px 4px 2px;
}
.sitecopy .table-columns .apps-table-grey td,
.sitecopy .table-columns .apps-table-grey-setwidth td,
.sitecopy .table-columns .apps-table-blue td,
.sitecopy .table-columns .apps-table-blue-setwidth td 
{
	padding:1px 4px 3px;
}

.apps-table-border td 
{
	border-top:1px solid #CED4D7;
	border-left:1px dotted #CED4D7;
}
.apps-table-border tr td:first-child 
{
	border-left:none;
}

td.apps-table-column-check
{
	padding:3px 4px 3px 4px;  
	text-align:center;
}
#ie8 td.apps-table-column-check
{
	padding:3px 4px 3px 3px;  
}
.sitecopy .table-columns td.apps-table-column-check 
{
	padding:3px 4px 3px 4px;
}

td.apps-table-column-check input 
{
	margin:0px;
	padding:0px;
}
#ie7 td.apps-table-column-check input, 
#ie6 td.apps-table-column-check input 
{
	width:13px;
	height:13px;
}

th.apps-table-right, 
td.apps-table-right
{
	text-align:right;
}
 
th.apps-table-center, 
td.apps-table-center 
{
	text-align:center;
}

tr.apps-oddrows 
{
	background-color:#ebeeef;
}
tr.apps-evenrows 
{
	background-color:#FFF;
}
tr.apps-rowhover 
{
	background-color:#D3F1FC;
}

th.apps-table-column-sortable a:link{color:#333;text-decoration:none;}
th.apps-table-column-sorted a:link{color:#333;text-decoration:none;}
tr.apps-table-data a:link {color:#007FC5;text-decoration:none;}

th.apps-table-column-sortable a:visited {color:#333;text-decoration:none;}
th.apps-table-column-sorted a:visited{color:#333;text-decoration:none;}
tr.apps-table-data a:visited {color:#007FC5;text-decoration:none;}

th.apps-table-column-sortable a:hover {color:#333;text-decoration:underline;}
th.apps-table-column-sorted a:hover {color:#333;text-decoration:underline;}
tr.apps-table-data a:hover {color:#007FC5; text-decoration:underline}

th.apps-table-column-sortable a:active{color:#333;text-decoration:none;}
th.apps-table-column-sorted a:active{color:#333;text-decoration:none;}
tr.apps-table-data a:active {color:#007FC5;text-decoration:none;}



/***
-----------------------------------------------------------
Forms HTML Code Snippets
this component has been "reskinned" to match AUESSOME specs 
-----------------------------------------------------------
***/

.apps-form-header
{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;	
	margin:0px 0px 14px; 
}
#gte-ie9 .apps-form-header {margin-bottom:15px;}
.apps-form-required
{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px 0px 14px 0px;
}	

.apps-form-header + .apps-form-required 
{
	margin-top:-8px;
}

.apps-form 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.apps-form-label
{
	color:#333;	
	float:left;
	padding:0px 8px 0px 17px;
	width:135px;
}

.apps-form-label-error
{
	color:#E9102A;
	float:left;
	padding:0px 8px 0px 17px;
	text-indent:-17px;
	width:135px;
}

.apps-form-hint 
{
	color:#666666;
	display:block;
	font-size:11px;
	margin-top:2px;
	padding-bottom:1px;
}

.apps-form-img-required 
{
	padding:0px 2px 4px 1px;
}

.apps-form-img-error
{ 
	padding-bottom:2px;
	padding-right:2px;
	vertical-align:middle;
}

/*form fields*/

.apps-form select
{
	background:transparent url('/web/fw/apps/i/apps_form_gradient.gif') repeat-x top;
	border:1px solid #CED4D7;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:21px;
}

.apps-form input[type="text"],  
.apps-form input[type="password"]
{
	background:#fff url('/web/fw/apps/i/apps_form_gradient.gif') repeat-x top;
	border: 1px solid #CED4D7;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
}
.apps-form input[type="checkbox"],
.apps-form input[type="radio"]
{
	margin:0px 8px 5px 0px;
	vertical-align:bottom;
	position:relative;
	top:4px;
	overflow:hidden;
	padding:0px;
}

.apps-form textarea 
{
	background:#fff url('/web/fw/apps/i/apps_form_gradient.gif') repeat-x top;
	border: 1px solid #CED4D7;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
}

.apps-form select:focus, 
.apps-form textarea:focus, 
.apps-form input[type="text"]:focus,  
.apps-form input[type="password"]:focus
{
	border:1px solid #1FA0D5;
}


/* begin rows- rows are specific to the form field used*/

/*select*/
.apps-form-row-select 
{
	clear:both; 
	margin-bottom:8px;  
	width:100%;
}

.apps-form-row-select-last 
{
	clear:both; 
	margin-bottom:20px;
	width:100%;
}

.apps-form-row-select .apps-form-label, 
.apps-form-row-select .apps-form-label-error 
{
	margin-bottom:7px;
	margin-top:2px; 
}

.apps-form-row-select-last .apps-form-label, 
.apps-form-row-select-last .apps-form-label-error
{
	margin-bottom:19px;
	margin-top:2px;
}

#ie8 .apps-form-row-select .apps-form-label, 
#ie8 .apps-form-row-select .apps-form-label-error, 
#ie8 .apps-form-row-select-last .apps-form-label, 
#ie8 .apps-form-row-select-last .apps-form-label-error,
#gte-ie9 .apps-form-row-select .apps-form-label, 
#gte-ie9 .apps-form-row-select .apps-form-label-error, 
#gte-ie9 .apps-form-row-select-last .apps-form-label, 
#gte-ie9 .apps-form-row-select-last .apps-form-label-error  
{ 
	margin-top:4px;
}
.apps-form-row-select .apps-form-element, 
.apps-form-row-select-last .apps-form-element 
{
	margin-left:160px;
}

.apps-form-row-select-last .apps-form-hint 
{
	margin-bottom:-1px;
	padding:0px;
}

/*text box*/
.apps-form-row-text  
{
	clear:both; 
	margin-bottom:8px;  
	width:100%;
}

.apps-form-row-text-last 
{
	clear:both;
	margin-bottom:20px;
	width:100%;
}

.apps-form-row-text-last .apps-form-hint
{
	margin-bottom:-1px;
	padding:0px;
}

.apps-form-row-text input:focus,
.apps-form-row-text-last input:focus 
{
	border:1px solid #1FA0D5;
}

.apps-form-row-text .apps-form-label, 
.apps-form-row-text .apps-form-label-error 
{
	margin-bottom:7px; 
	margin-top:3px;
}

.apps-form-row-text-last .apps-form-label, 
.apps-form-row-text-last .apps-form-label-error 
{
	margin-bottom:19px;
	margin-top:3px;
}

.apps-form-row-text .apps-form-element, 
.apps-form-row-text-last .apps-form-element 
{
	margin-left:160px;
}

/*textarea*/
.apps-form-row-textarea 
{
	clear:both; 
	margin-bottom:8px;  
	width:100%;
}

.apps-form-row-textarea-last 
{
	clear:both; 
	margin-bottom:20px;
	width:100%;
}

.apps-form-row-textarea .apps-form-label, 
.apps-form-row-textarea .apps-form-label-error 
{
	margin-bottom:7px;
	margin-top:3px; 
}

.apps-form-row-textarea-last .apps-form-label,
.apps-form-row-textarea-last .apps-form-label-error 
{
	margin-bottom:19px;
	margin-top:3px;
}

.apps-form-row-textarea .apps-form-element, 
.apps-form-row-textarea-last .apps-form-element 
{
	margin-left:160px;
}

.apps-form-row-textarea .apps-form-element textarea, 
.apps-form-row-textarea-last .apps-form-element textarea 
{
	margin:0px;
}

.apps-form-row-textarea-last .apps-form-hint
{
	margin-bottom:-1px;
	padding:0px;
}

/*checkboxes and radio buttons*/
.apps-form-row-checkbox, 
.apps-form-row-radio
{
	clear:both; 
	margin-bottom:9px;
	width:100%;
}

.apps-form-row-checkbox-last, 
.apps-form-row-radio-last 
{
	clear:both; 
	margin-bottom:19px;
	width:100%;
}

.apps-form-row-checkbox .apps-form-label,
.apps-form-row-checkbox .apps-form-label-error, 
.apps-form-row-radio .apps-form-label, 
.apps-form-row-radio .apps-form-label-error 
{
	margin-top:3px;
	margin-bottom:7px; 
}

.apps-form-row-checkbox-last .apps-form-label, 
.apps-form-row-checkbox-last .apps-form-label-error, 
.apps-form-row-radio-last .apps-form-label, 
.apps-form-row-radio-last .apps-form-label-error 
{
	margin-top:3px;
	margin-bottom:19px;
}

.apps-form-checkbox-2row, 
.apps-form-radio-2row 
{
	margin-left:160px;
	margin-right:6px;
}

.apps-form-checkbox-2row .apps-form-checkbox-1col, 
.apps-form-radio-2row .apps-form-radio-1col 
{
	height:auto;
	margin-left:0px;
}

.apps-form-checkbox-1col, 
.apps-form-radio-1col 
{
	margin-left:160px;
	margin-top:-2px;
}

.apps-form-checkbox-2row .apps-form-checkbox-1col, 
.apps-form-radio-2row .apps-form-radio-1col 
{
	margin-right:0px; 
}


.apps-form-checkbox-2col, 
.apps-form-radio-2col 
{
	margin-left:159px;
	overflow:auto;
	margin-top:-2px;
}

.apps-form-checkbox-2row .apps-form-checkbox-2col, 
.apps-form-radio-2row .apps-form-radio-2col 
{
	margin-left:0px;
}

.apps-form-checkbox-left, 
.apps-form-radio-left 
{
	float:left;
	margin-right:21px;
	padding-right:20px; 
	width:150px;
}

.apps-form-checklabel 
{
	color:#333;
	display:block;
	margin-left:12px;
	padding-left:9px;
	text-indent:-21px;
}

.apps-form-radiolabel 
{
	color:#333;
	display:block;
	margin-left:12px;
	padding-left:9px;
	text-indent:-21px;
}

.apps-form-row-checkbox .apps-form-hint, 
.apps-form-row-radio .apps-form-hint,
.apps-form-row-checkbox-last .apps-form-hint, 
.apps-form-row-radio-last .apps-form-hint  
{
	padding:0px;
	margin-top:1px;
}


/*multiple right columns option*/
.apps-form-row-secondary, 
.apps-form-row-secondary-last 
{
	clear:both; 
	margin-bottom:7px; 
	overflow:hidden;
	width:100%;
}

.apps-form-row-secondary-last
{
	margin-bottom:19px;
}

.apps-form-row-secondary .apps-form-label, 
.apps-form-row-secondary .apps-form-label-error,
.apps-form-row-secondary-last .apps-form-label, 
.apps-form-row-secondary-last .apps-form-label-error
{
	margin-top:-2px;
}
#gte-ie9 .apps-form-row-secondary .apps-form-label, 
#gte-ie9 .apps-form-row-secondary .apps-form-label-error,
#gte-ie9 .apps-form-row-secondary-last .apps-form-label, 
#gte-ie9 .apps-form-row-secondary-last .apps-form-label-error 
{
	margin-top:0px;
}

.apps-form-row-secondary .apps-form-hint 
{
	padding:0px;
	margin-bottom:1px;
} 
.apps-form-row-secondary-last .apps-form-hint
{
	padding:0px;
	margin-bottom:-1px;
} 
.apps-form-secondary 
{
	float:left;
	margin-top:-2px; 
	margin-bottom:1px;
}
#gte-ie9 .apps-form-secondary {margin-top:0px;}

.apps-form-row-secondary-last .apps-form-secondary 
{
	/*margin-bottom:20px;*/
}

.apps-form-secondary .apps-form-label,  
.apps-form-secondary .apps-form-label-error
{
	float:none;
	margin:0px;
	padding:0px;
	text-indent:0px;
	width:auto;
}
.apps-form-secondary .apps-form-img-error 
{
	padding-bottom:1px;
}
#gte-ie9 .apps-form-secondary .apps-form-img-error {padding-bottom:2px;}
.apps-form-secondary-left 
{
	float:left;
	margin-right:8px;
}

.apps-form-secondary-right 
{
	float:left;	
}

.apps-form-secondary input[type="text"], 
.apps-form-secondary input[type="password"] 
{
	margin-top:4px;
}

.apps-form-secondary select
{
	margin-top:4px;
}

.apps-form-secondary textarea 
{
	margin-bottom:0px;
	margin-top:4px;
}


/* forms in sitecopy (embedded template) */ 

#framework-content-main .sitecopy form.apps-form select {
	margin:0;
}


/***
-----------------------------------------------------------
Buttons- part of Toolbar APIs
this component has been "reskinned" to match AUESSOME specs 
-----------------------------------------------------------
***/

/*all buttons*/

.default-command-button,.command-button,.inactive-button 
{
	font: 12px Arial, Helvetica, sans-serif;
	height:20px;
	margin-right:5px;
	min-width:71px;
	overflow:visible;
	padding:0px 4px 2px;
	vertical-align:middle;
}
#gte-ie9 .default-command-button,
#gte-ie9 .command-button,
#gte-ie9 .inactive-button 
{
	min-width:57px;
	padding:0px 7px; 
	line-height:22px;
}
#ie8 .default-command-button,
#ie8 .command-button,
#ie8 .inactive-button 
{
	min-width:57px;
	padding:0px 7px; 
}
#ie7 .default-command-button,
#ie7 .command-button,
#ie7 .inactive-button, 
#ie6 .default-command-button,
#ie6 .command-button,
#ie6 .inactive-button 
{
	min-width:0%;
	padding:0px 7px; 
}

/*default command button*/

/* non js version */

.default-command-button 
{ 
	background:url('/web/fw/apps/i/apps_btn_m.png') center -22px repeat-x;
	border:1px solid #007FC5;
	color:#333;
}

.default-command-button:hover 
{ 
	background:url('/web/fw/apps/i/apps_btn_m.png') center -43px repeat-x;
	border:1px solid #1FA0D5;
}

/* js version */

.default-command-button-rounded 
{
	background:url('/web/fw/apps/i/apps_btn_l.png') left -21px no-repeat;
	float:left;
	padding-left:2px;
}

.default-command-button-rounded div
{
	background:url('/web/fw/apps/i/apps_btn_r.png') right -21px no-repeat;
	float:left;
	padding-right:2px;
}

.default-command-button-rounded div .default-command-button 
{
	background:url('/web/fw/apps/i/apps_btn_m.png') left -21px repeat-x;
	border:none;
	float:left;
	height:21px;
	margin:0px;
}

.default-command-button-rounded-on 
{
	background:url('/web/fw/apps/i/apps_btn_l.png')  left -42px no-repeat;
	float:left;
	padding-left:2px;
}

.default-command-button-rounded-on div{
	background:url('/web/fw/apps/i/apps_btn_r.png') right -42px no-repeat;
	float:left;
	padding-right:2px;
}

.default-command-button-rounded-on div .default-command-button
{
	background:url('/web/fw/apps/i/apps_btn_m.png') left -42px repeat-x;
	border:none;
	float:left;
	height:21px;
	margin:0px;
}

.default-command-button-rounded-hit 
{
	background:url('/web/fw/apps/i/apps_btn_l.png') left -63px no-repeat;
	float:left;
	padding-left:2px;
}

.default-command-button-rounded-hit div
{
	background:url('/web/fw/apps/i/apps_btn_r.png') right -63px no-repeat;
	float:left;
	padding-right:2px;
}

.default-command-button-rounded-hit div .default-command-button
{
	background:url('/web/fw/apps/i/apps_btn_m.png') left -63px repeat-x;
	border:none;
	color:#007FC5;
	float:left;
	height:21px;	
	margin:0px;
}
#gte-ie9 .default-command-button-rounded div .default-command-button, 
#gte-ie9 .default-command-button-rounded-on div .default-command-button, 
#gte-ie9 .default-command-button-rounded-hit div .default-command-button
{	
	width:100%;
}

/*command button*/

/* non js version */

.command-button 
{ 
	background:url('/web/fw/apps/i/apps_btn_m.png') center -1px repeat-x;
	border:1px solid #8e8e8e;
	color:#333;
}

.command-button:hover 
{ 
	background:url('/web/fw/apps/i/apps_btn_m.png') center -43px repeat-x;
	border:1px solid #1FA0D5;
}

/* js version */

.command-button-rounded div .command-button
{
	background:url('/web/fw/apps/i/apps_btn_m.png') top left repeat-x;
	border:none;
	float:left;
	height:21px;	
	margin:0px;
}

.command-button-rounded {
	background:url('/web/fw/apps/i/apps_btn_l.png') top left no-repeat;
	float:left;
	padding-left:2px;
}
.command-button-rounded div 
{
	background:url('/web/fw/apps/i/apps_btn_r.png') top right no-repeat;
	float:left;
	padding-right:2px;
}

.command-button-rounded-on div .command-button
{
	background:url('/web/fw/apps/i/apps_btn_m.png') left -42px repeat-x;
	border:none;
	float:left;
	height:21px;	
	margin:0px;
}

.command-button-rounded-on 
{
	background:url('/web/fw/apps/i/apps_btn_l.png') left -42px no-repeat;
	float:left;
	padding-left:2px;
}

.command-button-rounded-on div 
{
	background:url('/web/fw/apps/i/apps_btn_r.png') right -42px no-repeat;
	float:left;
	padding-right:2px;
}

.command-button-rounded-hit div .command-button
{
	background:url('/web/fw/apps/i/apps_btn_m.png') left -63px repeat-x;
	border:none;
	color:#007FC5;
	float:left;
	height:21px;
	margin:0px;
}

.command-button-rounded-hit 
{
	background:url('/web/fw/apps/i/apps_btn_l.png') left -63px no-repeat;
	float:left;
	padding-left:2px;
}

.command-button-rounded-hit div 
{
	background:url('/web/fw/apps/i/apps_btn_r.png') right -63px no-repeat;
	float:left;
	padding-right:2px;
}
#gte-ie9 .command-button-rounded div .command-button, 
#gte-ie9 .command-button-rounded-on div .command-button, 
#gte-ie9 .command-button-rounded-hit div .command-button{	
	width:100%;
}

/*inactive button*/

/* non js version */

form.apps-form input.inactive-button, .inactive-button 
{ 
	background:url('/web/fw/apps/i/apps_btn_m.png') left -85px repeat-x;
	border:1px solid #CED4D7;
	color:#8E8E8E;
}

/* js version */

form.apps-form .inactive-button-rounded input.inactive-button,
.inactive-button-rounded .inactive-button
{
	background:url('/web/fw/apps/i/apps_btn_m.png') bottom repeat-x;
	border:none;
	float:left;
	height:21px;
	margin:0;
}

.inactive-button-rounded 
{
	background:url('/web/fw/apps/i/apps_btn_l.png') bottom left no-repeat;
	float:left;
	padding-left:2px;
}
.inactive-button-rounded div
{
	background:url('/web/fw/apps/i/apps_btn_r.png') bottom right no-repeat;
	float:left;
	padding-right:2px;
}
#gte-ie9 .inactive-button-rounded div .inactive-button
{	
	width:100%;
}


/***
--------------------------------------------------------------
Toolbar APIs
these components have been "reskinned" to match AUESSOME specs 
--------------------------------------------------------------
***/

/* form submission toolbar */

.dots {
	background-color:#CED4D7;
	font-size:1px;
	height:1px;
	line-height:1px;
	margin:0px 0px 20px 0px;
	padding:0px;
	width:100%;
	clear:both;
}

.form-submission-toolbar {
	height:42px;
	padding:0px 0px 20px 0px;
}
#ie6 .form-submission-toolbar {  
	overflow:hidden;
}

.form-submission-toolbar .default-command-button-rounded, 
.form-submission-toolbar .default-command-button-rounded-on, 
.form-submission-toolbar .default-command-button-rounded-hit, 
.form-submission-toolbar .command-button-rounded, 
.form-submission-toolbar .command-button-rounded-on, 
.form-submission-toolbar .command-button-rounded-hit, 
.form-submission-toolbar .inactive-button-rounded
{
	margin-right:5px;
}

.toolbar-left{
	float:left;
}
#ie6 .toolbar-left .command-button-rounded, 
#ie6 .toolbar-left .command-button-rounded-on,
#ie6 .toolbar-left .command-button-rounded-hit,
#ie6 .toolbar-left .default-command-button-rounded, 
#ie6 .toolbar-left .default-command-button-rounded-on,
#ie6 .toolbar-left .default-command-button-rounded-hit,
#ie6 .toolbar-left .inactive-button-rounded
{
	display:inline;
}

/*table button toolbar*/

.button-toolbar {
	height:21px;
	margin:5px 0px;
}

.button-toolbar .default-command-button-rounded, 
.button-toolbar .default-command-button-rounded-on, 
.button-toolbar .default-command-button-rounded-hit, 
.button-toolbar .command-button-rounded, 
.button-toolbar .command-button-rounded-on, 
.button-toolbar .command-button-rounded-hit, 
.button-toolbar .inactive-button-rounded
{
	margin-right:5px;
}

/*table pagination toolbar*/

.pagination-toolbar	
{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:24px;
	padding:5px 0px 0px 0px;
}
#gte-ie9 .pagination-toolbar
{
	height:23px;
}
#ie7 .pagination-toolbar, 
#ie6 .pagination-toolbar
{
	height:26px;
}

#pcontainer{
	width:100%;
	height:19px; 
	margin:0px;
}

.pagi-div 
{
	float:right;
}

.pagi-div-left 
{
	float:left;
}
#ie6 .pagi-div-left, 
#ie6 .pagi-div
{
	height:23px;
}

.pagi-text,
.pagi-next-active,
.pagi-previous-active,
.pagi-next-inactive,
.pagi-previous-inactive, 
.pagi-arrow-active, 
.pagi-bar 
{
	vertical-align:middle;
}

.pagi-bar 
{
	color:#CED4D7;
}

.pagi-previous-inactive,
.pagi-next-inactive
{
	color:#8E8E8E;
}

a.pagi-next-active:link, 
a.pagi-previous-active:link,
a.pagi-next-active:visited, 
a.pagi-previous-active:visited, 
a.pagi-next-active:active, 
a.pagi-previous-active:active, 
a.pagi-arrow-active:link, 
a.pagi-arrow-active:active, 
a.pagi-arrow-active:visited 
{
	color:#007FC5;
	text-decoration:none;
}

a.pagi-next-active:hover, 
a.pagi-previous-active:hover, 
a.pagi-arrow-active:hover 
{
	color:#007FC5;
	text-decoration:underline;
}
#framework-content-main .sitecopy .pagination-toolbar a {
	font-size:12px;
}

.pagi-select 
{
	background:transparent url('/web/fw/apps/i/apps_form_gradient.gif') repeat-x top;
	border:1px solid #CED4D7;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 1px;
	vertical-align: middle;
}

.pagi-select:focus
{
	border:1px solid #1FA0D5;
}
.sitecopy .pagination-toolbar select 
{
	margin:0 1px;
}



/***
-------------------------------------------------------------
SWT API, now called Help and Feedback API
this component has been "reskinned" to match AUESSOME specs 
-------------------------------------------------------------
***/

.apps-swt 
{
	color:#CED4D7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:-3px 11px 12px 19px;
	text-align:left;
}
#gte-ie9 .apps-swt 
{
	line-height:16px;
	margin-bottom:11px;
}
#wcq .apps-swt
{
	margin-left: 8px;
}

.apps-swt a:link,
.apps-swt a:visited,
.apps-swt a:active 
{
	color:#007FC5;
	text-decoration:none;
}

.apps-swt a:hover
{
	color:#007FC5;
	text-decoration:underline;
}


/***
-----------------------------------------------------------
Tabs API - also called AppNav API
this component has been "reskinned" to match AUESSOME specs
contains styles for tabs, subtabs and optional links
tabs based on cdc component tabs.css 
-----------------------------------------------------------
***/


/* Main tabs non-js version, also affects dhtml   */

.apps-pagetabs 
{
	font-size:12px;
	color:#333;
}
.apps-pagetabs div
{
	margin:15px 0px;
}
.apps-tabspan-inactive 
{
	color:#8E8E8E;
}

/*  The table for tabs in DHTML view  */

.apps-pagetabs .apps-tabset
{
	margin:-2px 0px 15px;
}
#ie6 .apps-pagetabs .apps-tabset 
{
	margin-top:0px;
}
.apps-tabset 
{
	border-bottom:1px solid #CED4D7;
	position:relative; 
}

.apps-tabset table 
{ 
	border-collapse: collapse; 
	position:relative;
}

.apps-tabset td 
{
	padding:0px 2px 0px 0px;
	position:relative;
	vertical-align:bottom;
}
#ie7 .apps-tabset td
{
	vertical-align:top;
}
.sitecopy .table-columns .apps-tabset td, 
.sitecopy .table-columns .apps-tabset tr
{
	padding:0px 2px 0px 0px;
}

.apps-tabset .apps-tabcorner 
{
	background: url('/web/fw/apps/i/apps_tab_corner.png') top left no-repeat;  
	display: block;
	height:2px;
	position:relative;
	top:2px;
	width:100%;
}

.apps-tabset .apps-tab-selected .apps-tabcorner 
{
	z-index:100;
}

.apps-tabset .apps-tabcorner span   
{
	background: url('/web/fw/apps/i/apps_tab_corner.png') bottom right no-repeat; 
	height:2px;
	position:absolute;
	right:0;
	width:2px;
}

#ie6 .apps-tabset .apps-tabcorner, 
#ie6 .apps-tabset .apps-tabcorner span 
{ /* can't get this to work 100% of the time so removing corners entirely in IE6*/
	display:none;
}


.apps-tabset .apps-tab-selected strong
{
	background-color:#fff;
	border:1px #CED4D7 solid;
	border-bottom:none;
	bottom:0;
	cursor:default;
	display:block;
	font-weight:bold;
	margin-bottom:-1px; 
	overflow: auto;
 	padding:3px 12px 4px;
	position:relative;	
}
#gte-ie9 .apps-tabset .apps-tab-selected strong
{
 	line-height:16px;
	padding:3px 12px;
}

.apps-tabset .apps-tab-active a 
{
	background:#fff url('/web/fw/apps/i/apps_tab_bkgd.png') bottom repeat-x;
	border:1px #CED4D7 solid;
	border-bottom:0px;
	color:#333;
	display:block;
	padding:3px 12px;
	text-decoration:none;
}
#gte-ie9 .apps-tabset .apps-tab-active a 
{
 	line-height:16px;
	padding:3px 12px 2px;
}
#framework-content-main .sitecopy .apps-tabset .apps-tab-active a
{
	font-size:100%;
}
.apps-tabset .apps-tab-active a:hover 
{
	background-color:#fff;
	background-image:none;
}

.apps-tabset .apps-tabspan-inactive
{
	background-color:#f6f6f6;
	border:1px #e3e3e3 solid;
	border-bottom:0px;
	color:#8E8E8E;
	cursor:default;
	display:block;
	padding:3px 12px;
}
#gte-ie9 .apps-tabset .apps-tabspan-inactive 
{
 	line-height:16px;
	padding:3px 12px 2px;
}

/* subtabs */

.apps-subtab ul 
{
	margin:0;
	padding-left: 1px; 
}
.sitecopy .apps-subtab ul 
{
	padding-left: 1px; 
}

.apps-subtab li 
{
	border-right: 1px solid #CED4D7; 
	color:#333;
	display: inline;
	padding:0 12px; 
}
#framework-content-main .sitecopy .apps-subtab ul li
{
	color:#333;
	font-size:100%;
	line-height:normal;
}
#gte-ie9 #framework-content-main .sitecopy .apps-subtab ul li 
{
	line-height:16px;
}

/* Subtabs in DHTML view  */

#apps-subtabs 
{ 
	margin:-3px 0px 14px; 
}
#gte-ie9 #apps-subtabs
{
	margin:-3px 0px 13px;
	line-height:16px;
}

#apps-subtabs .apps-subtab 
{ 
	margin:0px;
}

#apps-subtabs a 
{
	color:#007FC5;
	text-decoration:none;
}	
#apps-subtabs a:hover 
{
	text-decoration:underline;
}

#apps-subtabs span 
{
	color:#8E8E8E;
}	

/* Optional Links */

.apps-optlinks-container
{
	color:#333;
	font-size:12px;
	margin:-3px 0px 14px;
	text-align:right;
}
#gte-ie9 .apps-optlinks-container 
{
	margin-top:-2px;
}

#framework-content-main .sitecopy ul.apps-optlinks li
{
	color:#333;
	font-size:100%;
	line-height: normal;
}

.apps-optlinks 
{
	margin:0px;
	padding:0px;
}

.apps-optlinks li 
{
	border-right:1px solid #CED4D7;
	display:inline;
	list-style-type: none;
	padding:0 12px;
}

.apps-optlinks li:last-child 
{
	border-right:none;
}

.apps-optlinks-active a 
{
	color:#007FC5;
	text-decoration:none;
}

.sitecopy .apps-optlinks-active a 
{
	color:#007FC5;
	text-decoration:none;
}

.apps-optlinks-active a:hover 
{
	text-decoration:underline;
}

.apps-optlinks-inactive 
{
	color:#8E8E8E;
}

#framework-content-main .sitecopy ul.apps-optlinks li.apps-optlinks-inactive 
{
	color:#8E8E8E;
}

/**************************************************
Breadcrumbs
**************************************************/

ol#apps-breadcrumb {
	list-style-type:none;
	margin:8px 0 -10px 0;
	padding:0 0 0 10px;
}
ol#apps-breadcrumb li {
	display:inline;
	font-size:11px;
	color:#666;
	padding-right:10px
}
ol#apps-breadcrumb li a {
	color:#666; 
	text-decoration:none;
	margin-right:9px;
}
ol#apps-breadcrumb li a:hover {
	color:#666; 
	text-decoration:underline;
}
ol#apps-breadcrumb li span {
	height:7px;
	width:4px;
	display:inline-block;
	background: transparent url('/web/fw/apps/i/apps_breadcrumb_caret.png') center right no-repeat;
}