/** ga-general.css 
 *
 * @author  Gail Katagiri
 * @created 2004-06-08
 * @version $Id$
 */

@import url("/pvtd/ga-admin.css");

/* GENERAL TAGS
----------------------------------------------------------------------*/
body {
	color: #000;
	background-color: #FFF;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 auto 0;
	background: #FFF;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}
h1 { font-size: 18px; margin: 6px 0 12px 0;}
h2 { font-size: 16px; margin: 6px 0 12px 0;}
h3 { font-size: 12px; margin: 6px 0; }
h4 { font-size: 11px; margin: 6px 0; }
h5 { font-size: 10px; margin: 6px 0; }
hr { 
	background-color: #004266;
	height: 1px;
	border: 0;
	clear: both;
}

a:link { color: #003366; }
a:visited { color: #003366; }
a:active { color: #0000FF; }
a img { border: 0; }

caption {font-size: 16px; font-weight: bold; padding: 6px; }

p, td, ul, ol, dl, dd, dt { font-size: 12px; font-weight: normal; }

blockquote {
        width: auto !important;
        width: 100%;	/* IE extends beyond 100% for some reason */
}

/* HEADER, CONTENT AND FOOTER
----------------------------------------------------------------------*/
#dlgHeader {
	color: #FFF;
	padding: 20px;
	background: #00476E url("/images/css/dlgheader_bg.gif") repeat-x top left;	
	margin-bottom: 16px;
}

acronym { cursor: help; border-bottom: 1px dotted #000; }


#header { width: 750px; margin-bottom: 24px; }
#header h1 { margin: 0; }
#header div.column1-3 { float:left; width: 55px; }
#header div.column2-3 { float: left; width: 390px; }
#header div.column3-3 { padding-left: 460px; text-align: right; padding-top: 16px; }
#header div.column2-3 .subtitle { margin-left: 0; }

#header div.column1-3, #header div.column2-3 { margin-right: 10px; }
#header div.column2-2 { text-align: right; }

.section { padding-top: 16px ! important; padding-bottom: 10px ! important; clear: both; }
.section div.column1-3 { width: 243px; float: left; margin-right: 10px} 
.section div.column2-3 { width: 243px; float: left; margin-right: 10px} 
.section div.column3-3 { width: 243px; float: left; }
.subsection { 
	padding: 6px 32px 0 32px;
	width: auto ! important;	/* box model hack for IE6 */
	width: 99%;
}

#footer { width: 750px; text-align: center; padding-top: 16px; }

#content table { border: 0; margin: 10px 0; }
#content th, #content tr { vertical-align: top; padding: 0 6px; }
#content th { background-color: #555555; color: #FFFFFF; }
#content td { text-align: left; }


/* COLORS
----------------------------------------------------------------------*/
.white { color: #FFFFFF ! important; }
.bgWhite { background-color: #FFFFFF ! important; }
.blue { color: #004266 ! important; }
.bgBlue { background-color:#004266 ! important; }
.gold { color: #EFCB73 ! important; }
.bgGold { background-color: #EFCB73 ! important; }
.gray { color: #555 ! important; }
.ltBlue { color: #BCD7E9 ! important; }
.bgLtBlue { background-color: #BCD7E9 ! important; }
.green { color: #009900 ! important; }
.bgGreen { background-color: #009900 ! important; }
.alternate1 { background-color: #EEEEEE ! important; }
.highlight {
        color: #FFF;
        background-color: #33AE00;
        font-weight: bold;
        padding: 4px 6px;
}

a.highlight {
	color: #000;
	text-decoration: none;
	background-color: transparent;
	font-weight: normal;
	display: block;
}

a.highlight:hover {
	background-color: #FFFCAD;
}


/* GENERIC CLASSES
----------------------------------------------------------------------*/
.column1-2, .column2-2 {
        vertical-align: top;
}
.column1-2 {
        width: 49%;
        float: left;
        clear: left;
}

.alert, .ga-alert { color: #CC0000; } /* See style ga-alert in this style sheet and in ga-public.css */

/* See style ga-error in ga-public.css */
.error, .ga-error {
	background: #FFE url(/images/css/error.gif) no-repeat 12px 10px;
	border: 2px solid #FEE19F;
	padding: 16px 16px 16px 52px;
        margin: 12px;
	color: #CC0000;
	font-weight: bold;
	font-size: 11px;
}

.required { color: #FF0000; font-size: 11px; }
.center { margin-right: auto; margin-left: auto; }
.alignCenter { text-align: center ! important; }
.alignLeft { text-align: left ! important; }
.alignRight { text-align: right ! important; }
.alignTop { vertical-align: top ! important; }
.alignMiddle { vertical-align: middle ! important; }
.alignBottom { vertical-align: bottom ! important; }
.alignSuper { vertical-align: super ! important; }
.clearLt { clear: left ! important; }
.clearRt { clear: right ! important; }
.clearBoth { clear: both ! important; }
.dotted { border: 1px #000 dashed; }
.floatLeft { float:left; }
.floatRight { float:right; }
.expand { width: 100%; }
.hdr { border-bottom: 2px solid #004266; margin-top: 24px; clear: both; }
.hdrBox { 
	font-size: 10px;
	border: 2px #444 solid;
	background-color: #F2EED9;
	padding: 3px;
	margin: 3px 0;
}
.box {
	background-color: #EFEFEF;
	border: 2px solid #CCCCCC;
}
.sub { 
	background-color: #BCD7E9;
	padding: 4px;
}
.indentDn { margin-top: 8px ! important; }
.indentUp { margin-bottom: 8px ! important; }
.indentLt { margin-left: 8px ! important; }
.indentRt { margin-right: 8px ! important; }
.loginTable { width: 260px; margin-left: auto; margin-right: auto; text-align: left;}
.padDn { padding-top: 8px ! important; }
.padUp { padding-bottom: 8px ! important; }
.padLt { padding-left: 8px ! important; }
.padRt { padding-right: 8px ! important; }
.pad { padding: 8px ! important; }
.printonly { display: none; }
.medFont { font-size: 11px; }
.medFont td, .medFont th { font-size: 11px; }
.noWrap { white-space: nowrap; }
.noBold { font-weight: normal; }
.noMargin { margin: 0; }
.noPad { padding: 0; }
.help { 
	font-size: 11px;
	font-weight: normal;
}
.helpCallout {
	font-size: 11px;
	margin: 12px 8px;
	background: url(../images/css/help.gif) no-repeat top left;
	padding-left: 30px;
}
.hide { display: none; }
.show { display: block; }
.inline { display: inline; }
.feedback {
	font-size: 11px;
	font-weight: bold;
	background-color:#EFCB73;
	padding: 4px;
	text-align: center;
	opacity: .99;
	filter: alpha(opacity=99);
	margin-top: 12px;

	/* firefox & safari only */
	position: relative !important;
	top: 0px !important;
	width: 100% !important;
	margin-left: 0 !important;
	left: 0 !important;
	/* IE6/PC only */
	position: absolute;  /* this is "absolutely" necessary for IE to work */
	width: 500px;
	/* end IE6/PC only */
}

.feedbackContainer {  /* this is necessary to center div tags in IE6/PC */
    position: relative;
    margin: 0 auto;
    height: 32px;
}
.panel { 
     padding: 12px 12px 12px 12px;
     background: url(/images/css/grad_line.gif) #F0F5FA bottom repeat-x;
}
.panelDlg {
	border: 2px solid #FEE19F;
	background-color: #FDF9EE;
	padding: 24px;
}
.smallFont { font-size: 10px; }
.subtitle { margin: 10px 0 12px 32px; }


/* BULLETED LIST WITH ARROWS
----------------------------------------------------------------------*/
ul.bulletSm { list-style: url(/images/ga_admin_arrow.gif); }
ul.bulletSm li { margin: 0.5em; }
ul.bulletSm li ul {
     padding-left: 1.5em;
     list-style: circle;
}
ul.menu {
     list-style: none;
     padding: 0;
     margin: 0;
}


/* BULLETED LIST
----------------------------------------------------------------------*/
ul.menu li { margin: 0 0 4px 0; }
ul.menu li a { text-decoration: none; }
ul.menu li a:hover { text-decoration: underline; }


/* BUTTONS
----------------------------------------------------------------------*/
.buttons { margin-top: 16px; text-align: right; } /* see style ga-buttons in ga-public.css */
.buttons input { margin: 6px 4px; } 

input.btn {
	font-family: Arial, Helvetica, san-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	background: #0468ab url(/images/css/btn_primary.gif) no-repeat 0px 0px;
	border: 1px solid #046;
	padding: 1px 4px;
	*padding: 1px 0px;
}

input.secbtn {
	font-family: Arial, Helvetica, san-serif;
	font-size: 13px;
	color: #606060;
	border: 1px solid #b2b2b2;
	background: #d9dbde url(/images/css/btn_secondary.gif) no-repeat 0px 0px;
	padding: 1px 4px;
}

input.btn:hover, input.secbtn:hover {
	cursor: pointer;
	background-position: 0 -25px;
}

input.btnMini, input.btnSm, input.btnMed, input.btnLg {
	color: #000;
	font-family: Arial, Helvetica, san-serif;
	font-size: 11px;
	font-weight: bold;
	border: 0;
	vertical-align: top;
	padding: 3px !important;
	padding-top: 2px;
	background-repeat: no-repeat;
	cursor: pointer;
	margin-right: 4px;
}
input.btnMini {
	background: url(/images/ga_admin_btnblue1.gif);
	width: 62px;
}
input.btnSm {
	background: url(/images/ga_admin_btnblue2.gif);
	width: 116px;
}
input.btnMed {
	background: url(/images/ga_admin_btnblue3.gif);
	width: 137px;
}
input.btnLg {
	background: url(/images/ga_admin_btnblue4.gif);
	width: 160px;
}


/* DEFINITION LISTS
----------------------------------------------------------------------*/
dl.list dt {
	margin-top: 12px;
	font-weight: bold;
}
dl.list dd { margin-left: 0; }


dl.table {
	margin: 2em 0;
	padding: 0;
}

dl.table dt {
	width: 30%;
	float: left;
	margin: 0;
	padding: .5em 0;
	border-top: 1px solid #CCC;
	font-weight: bold;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

dl.table dd {
	float: left;
	width: 70%;
	margin: 0;
	padding: .5em 0;
	border-top: 1px solid #CCC;
}


/* INDENTED LISTS
----------------------------------------------------------------------*/
.indentedList h3 {
	float: left;
	width: 125px;
	text-align: right;
}
.indentedList dl { margin-left: 150px; }
.indentedList dl li { font-size: 12px;} 
.indentedList ul, .indentedList ol { margin: 1em 0; }


/* OPTION LISTS (also used in /css/ga-public.css)
----------------------------------------------------------------------*/
.options input {
	float: left;
}
.options .label {
	margin: 0 0 12px 24px;

}

.options .label label {
	display: block;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 2px;
}	

.options .label label.noBold {
	font-weight: normal;
}

/* ACTION LIST
----------------------------------------------------------------------*/
.actionlist .actions {
	float: right;
	margin: 0 0 0px 4px;
	position: relative;
	top: -2px;
}
.actionlist .label {
	margin: 0 0 8px 0;
}

.actionlist .label label {
	display: block;
	font-size: 12px;
	margin-bottom: 2px;
}

.actionlist .label a {
	display: block;	
}

.actionlist .label a:hover {
	background: url(/images/highlight.gif) repeat-y top left;
}


/* SELECT N' SORT FORM WIDGET
----------------------------------------------------------------------*/
table.selectnsort {
  width: 100%;
  clear: both;
  empty-cells: show;
  position: relative;
  z-index: 3;
}
table.selectnsort tr th, table.selectnsort tr td { width: 47%; }
table.selectnsort tr th { 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color: #555;
  color: #FFF;
  padding: 3px;
  vertical-align: top;
  text-align: left; 
}
table.selectnsort td {
  padding: 0;
  vertical-align: top;
  background: #FFF;
}
table.selectnsort ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
table.selectnsort ul { height: 200px; }
table.selectnsort li {
  width: auto !important;
  width: 100%;
  padding: 7px; 
  margin: 0;
  cursor: pointer;
  background: #F1F3F5 url("/images/css/btnlightgray.gif") repeat-x top left;
}
table.selectnsort li:hover { 
  background: #EFCB73;
}
table.selectnsort tr .dragimage { width: 6%; }
table.selectnsort #dragimage {
  border: 1px solid #DDD;
  background: #F2EED9 url("/images/selectnsort/dragicon.gif") center center no-repeat;
}

div.dropmarker {
  height:6px;
  width:300px;
  background: url("/images/selectnsort/dropmarker.png") left top;
  margin-top:-3px;
  margin-left:-5px;
  z-index:1000;
  overflow: hidden;
}


/* FORMS LAYOUT
----------------------------------------------------------------------*/
.formTable { /* see style ga-formTable in ga-public.css */
     width: 100%;
}
.formTable td, .formTable th {
     background-color: #EEE;
     border-top: 2px #FFF solid;
     border-right: 2px #FFF solid;
     padding: 5px;
     vertical-align: top; 
}
.formTable td {
     width: 40%;
}
.formTable th {
     text-align: left;
     width: 60%;
}
.formTable th {
     width: 40%;
}
.formTable th, 	.formTable th p, .formTable th li  {
     font-size: 10px;
     font-weight: normal;
     text-align: left;
}
.formTable td p { font-size: 12px; }
.formTable table th, table.formTable table td { width: auto; border: 0; }
.formTable table th { font-weight: bold; }
.formTable h4 { margin-top: 2px; }


/* TABULAR DATA AND REPORT PRESENTATION (also used in /css/ga-public.css)
----------------------------------------------------------------------*/
.dataTableContainer {
	padding-bottom: 5px;
}
.dataTable {
	width: 100%;
	clear: both;
	empty-cells: show;
	position: relative;
	z-index: 3;
}
.dataTable th, .dataTable td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.dataTable th {
     background-color: #555;
     color: #FFF;
     padding: 3px;
     vertical-align: top;
     text-align: left;
}
.dataTable td { /* see style ga-dataTable in ga-public.css */
     background-color: #EEE;
     text-align: left;
     vertical-align: middle; 
     border-bottom: 2px #FFF solid;
     border-right: 2px #FFF solid;
     padding: 3px;
}
.dataTable .total {
	background-color: #C8C8C8;
     	border: 0;
	border-top: 1px solid #434343;
	border-bottom: 1px solid #434343;
	padding: 3px 5px 3px 3px;
	font-weight: bold;
}
.dataTable th a, .dataTable th a:visited  { color: #FFF; }
.dataTable th a:hover { color: #EFCB73; }
.dataTable th.ascending { background: #004266 url(/images/css/sort_ascending.gif) no-repeat center right; padding-right: 14px; }
.dataTable th.descending { background: #004266 url(/images/css/sort_descending.gif) no-repeat center right; padding-right: 14px; }
.dataTable th.actions, .dataTable td.actions {
	text-align: center;
}
.dataTable td.actions {
	font-size: 11px;
}
.dataTable caption {
	text-align: left;
	font-size: 12px;
	padding: 24px 0 4px 0;
}
.dataTable caption .buttons {
	padding-right: 6px;
	margin: 0;
	float: right;
	font-weight: normal;
}

.dataTableError {
	position: relative;
	left: 0 !important;
	left: 250px;
	text-align: right;
	margin: 0 auto;
	padding: 10px;
	padding-top: 20px;
	background: #FFF url("/images/css/error.gif") no-repeat center left;
}
.topToolbar { 
	padding-bottom: 3px;
}
.topToolbar .shift {
	position: relative;
	left: 50px;
}
.roundToolbar div {
	position: relative;
	top: 0 !important;
	top: 2px;
	padding-left: 5px;
	text-align: right;
	background: #D8D8D8 url("/images/css/rptdef_round_left.gif") top left no-repeat;
	height: 19px;
}
.viewNav {
	clear: both;
	width: 100%;
	height: 20px;
}
.viewNav ul {
	float: left; 
	text-align: left;
	list-style: none;
	padding: 2px 0;
	margin: 0;
	width: 51%;
}
.viewNav ul#topOptions { width: 79%; }
.viewNav ul#description { 
	padding-bottom: 2px; 
	margin-bottom: 0;
}
.viewNav ul.pages {
	list-style: none; 
	/* IE has rendering problems if ( [viewNav ul] + [viewNav ul.pages] ) widths = 100% */
	width: 47%;	
	text-align: right;
}
.viewNav ul#topPages { width: 20%; }

.viewNav ul.pages li { 
	font-size: 11px;	
	margin-right: 0px; 
}

.viewNav ul li  {
	font-size: 11px;
	display: inline;
}
.viewNav ul li#search { margin-right: 40px; }
.viewNav ul li#searchbutton { 
	margin-left: -2px !important;
	margin-left: 3px;
}
.viewDetails {
	font-size: 11px;
	clear: both;
	border-top: 1px solid #679ACC;
}
.viewDetails ul { font-size: 11px; }
.viewLoading {
	clear: both; 
	height: 75px; 
	text-align: center; 
	vertical-align: middle; 
	padding-top: 32px;
}


/* TABULAR DATA WITH LEFT-ALIGNMENT
----------------------------------------------------------------------*/
table.leftTable {
	border: 2px solid #FEE19F;
	background-color: #FDF9EE;
	padding: 8px;
}
table.leftTable td, table.leftTable th {
	text-align: left;
	vertical-align: top;
	padding: 4px;
	font-size: 12px;
}
table.leftTable th h1 {
	font-size: 16px;
	padding-top: 18px;
	margin: 12px 0 12px 0;
	border-top: 1px dotted #FEE19F;
}
table.leftTable td {
	padding: 6px 20px 4px 4px;
	color: #333;
}
table.leftTable tbody {
	border-bottom: 1px solid #FEE19F;
}


/* FORM STYLES
----------------------------------------------------------------------*/
.field label {
	display: block;
	font-size: 10px;
	font-weight: bold;
	margin: 0;
}
.fieldInput { margin-bottom: 8px; }
.fieldInput label { font-weight: normal; }
.fieldInput textarea { width: 250px; }
.fieldError, .formTable th.fieldError, .formTable td.fieldError {
	padding: 6px;
	background-color: #FFCCCC; 
}
.fieldErrorMsg {
	clear: both;
}
.fieldErrorMsg .alert {
	margin: 0 0 4px 0;
	padding: 0 0 2px 0;
	color: #CC0000;
	border-bottom: 1px solid #CC0000;
	font-weight: bold;
	font-size: 10px;
}
.fieldErrorMsg ul {
	margin: 6px 0;
}
.fieldErrorMsg li {
	color: #CC0000;
	font-size: 10px;
}
.fieldCategory {
	font-size: 13px;
	font-weight: bold;
}

/* FVALIDATE VALIDATION LIBRARY
----------------------------------------------------------------------*/
/** FVALIDATE ERROR OUPUT **/
ul#errors, ul.errors, ul.warnings {
    font-size: 11px;
    margin: 5px 0 5px 0;
    display: none;
    background-color: #FFE;
    border: 1px solid #CC9;
    padding: .3em;
    color: #C00;
    font-weight: bold;
}
ul.errors, ul.warnings { display: block; }
ul.warnings { color: #555; }
ul#errors li, ul.errors li, ul.warnings li {
    margin-top: .5em;
    margin-bottom: .5em;
    margin-left: 20px;
    padding: 0;
}
ul#errors li.heading {
    list-style-type: none;
    color: #000;
    font-weight: normal;
    font-style: italic;
    padding: 0;

}
input.errHilite, select.errHilite, textarea.errHilite {
    border: 1px solid #DDC;
    background-color: #FFE;
}


/* TAB PANELS (also used in /css/ga-public.css)
----------------------------------------------------------------------*/
.ga-tab {
    position: relative;
    top: 0px;
    float: left;
    display: inline;
    overflow: hidden;
    list-style: none;
    text-align: center;
    height: 23px;
    margin: 1px -1px 0px 4px;
    padding: 0;
    border: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: transparent;
    border: 0;
}

.ga-tab li { float: left; margin: 0; list-style: none; }
.ga-tab .ga-centertab { 
    height: 100%;
    padding: 0px 5px;
    cursor: pointer;
    cursor: hand;  /* necessary for IE */     
    background: url("/images/tabbar/tab_bg.gif") repeat-x top center; 
}

.ga-tab#ga-activetab {
    top: -2px;
    height: 27px !important;
    z-index: 3;
    margin: 1px -5px 0 0;
    padding: 0;
    background: transparent;
}
.ga-tab#ga-activetab .ga-centertab {
    font-weight: bold;
    color: #000;
    padding: 7px 5px 0 5px;
    cursor: default;
    background: url("/images/tabbar/tab_active_bg.gif") repeat-x top center;
}   

.ga-tab a, .ga-tab a:link, .ga-tab a:hover, .ga-tab a:visited {
    position: relative;
    top: 5px;
    text-decoration: none;
    color: #004266;
}
.ga-tab#ga-activetab a {
    top: 0;
    color: #006699;
}

.ga-bar {
    position: relative;
    width: 100%;
    height: 10px;
    text-align: left;
    clear: none !important;
    clear: both;
}
.ga-bar#topbar {
    top: 23px !important;
    top: -5px;
    height: 5px;
    background: url("/images/top_fill.gif") repeat-x top left;
}
.ga-bar#bottombar {
    clear: both;
    background: url("/images/bottom_fill.gif") repeat-x top left;
}
.ga-tab-content {
    clear: left;
    position: relative;
    top: -5px !important;
    top: -30px;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
}


/* CUSTOM MEMBER ATTRIBUTES (also used in /css/ga-public.css)
----------------------------------------------------------------------*/
.ga-CheckboxHeader { font-size: 10px; }
.ga-CheckboxItem { padding: 0px; }
.ga-CheckboxLabel {
	display: inline;
	font-size: 10px;
	padding-left: 4px;
	padding-right: 8px;
}
.ga-Date { font-size: 12px; }
.ga-DateHeader { font-size: 10px; }
.ga-Float { font-size: 12px; }
.ga-FloatHeader { font-size: 10px; }
.ga-Input {
	position: relative;
	margin: 0;
	padding: 0 5px;
}
.ga-InputBlock { padding-top: 1px; }
.ga-InputText {
	font-size: 10px;
	font-weight: bold;
	color: #000;
	padding-top: 3px;
}
.ga-Int { font-size: 12px; }
.ga-IntHeader {	font-size: 10px; }
.ga-Multiselect {
	font-size: 10px;
	margin-bottom: 8px;
}
.ga-MultiselectHeader { font-size: 10px; }
.ga-NarrowText { font-size: 12px; }
.ga-NarrowTextHeader { font-size: 10px; }
.ga-PrefixHeader { font-size: 10px; }
.ga-RadioAcrossItem { display: inline; }
.ga-RadioDownItem { padding: 0px; }
.ga-RadioHeader { font-size: 10px; }
.ga-RadioLabel {
	display: inline;
	font-size: 10px;
	padding-left: 4px;
	padding-right: 8px;
}
.ga-Select {
	font-size: 12px;
	margin-bottom: 8px;
}
.ga-SelectHeader { font-size: 10px; }
.ga-TextArea { font-size: 12px; }
.ga-TextAreaHeader { font-size: 10px; }
.ga-WideText { font-size: 12px; }
.ga-WideTextHeader { font-size: 10px; }



/* DOCUMENTATION: WHAT'S NEW, RELEASE NOTES, MAINTENANCE
----------------------------------------------------------------------*/
#toc ul, #toc ol, #toc dd { font-size: 0.9em; font-weight: normal; }
td.release { width: 160px; vertical-align: top; }
td.release a {	display: block; }
div.feature p, div.feature li { font-size: 12px; }
#doc div.feature ul {
	margin: 12px 12px 12px 12px !important;
	margin: 12px 12px 12px 48px;
}	
#doc div.feature li { font-size: 12px; list-style: square; margin-bottom: 0.5em; }
div.feature h4 { margin-top: 16px; }
.whats-new { vertical-align: top; }
#maintenance {
	margin-left: auto;
	margin-right: auto;
	font-size: 11px;
	margin: 16px 0;
}


/* IMAGE LINKS HOVERS
----------------------------------------------------------------------*/
.fadedImg, a.fadedImg, a.fadedImg img {
    filter: Alpha(opacity=50); /* IE */
    -moz-opacity: 0.75;        /* Mozilla */
    vertical-align: middle;
    margin: 0 3px 0;
    border: 0;
    cursor: pointer;
}
a.fadedImg:hover, a.fadedImg:hover img, .fadedImg:hover {
    filter: Alpha(opacity=100);
    -moz-opacity: 1.0;
}

/* Pretty form */
form .twoColumns label {
  float: left;
  width: 75px !important;
  width: 85px;
  line-height: 125%;
  padding-right: 10px;
  text-align: right;
  font-weight: normal;
}
form .twoColumns .buttons {
  margin-left: 125px;
}


/*  MAGICBOX
----------------------------------------------------------------------*/
.faded {
	-moz-opacity: 0.6;
	opacity: .60;
	filter: alpha(opacity=60);
	cursor: pointer;
}

.faded:hover {
	-moz-opacity: 1.0;
	opacity: 1.00;
	filter:alpha(opacity=100);
}

.add_btn {
	background: url(/images/add-large.gif) no-repeat 5px 57%;
	padding: 8px 6px 5px 33px !important;
	padding: 8px 6px 7px 33px;
	
}


/* MAGICBOX CONTAINER
----------------------------------------------------------------------*/
.magicbox .buttons {
	margin: 0;
	padding: 0;
	display: inline;
	color: #666;
	font-size: 11px;
}

.magicbox .buttons input {
	font-size: 11px;
	margin: 0;
}

.magicbox_content select {
	font-size: 13px;
}


/* ADD ROW
----------------------------------------------------------------------*/

.add_row {
	clear: both;
	border: 5px solid #FEE19F;
	padding: 10px;
	background-color: #FDF9EE;
	margin: 0;
}

.add_row label {
	font-weight: bold;
}


/* TOOLBAR
----------------------------------------------------------------------*/

.toolbar_wrap {
	clear: both;
	
}

.toolbar {
	float: left;
	margin-left: 1px !important;
	margin-left: 0;
	background: url(/images/magicbox/toolbar-bg-center.jpg) repeat-x #EBEBEB;
	font-size: 12px;
	padding: 0;
	width: 100%;	
}

.toolbar_left, .toolbar_right {
	padding: 16px 12px 11px 12px !important;
	padding: 16px 12px 13px 12px;
}

.toolbar_left {
	float: left;
	position: relative;
	left: -1px !important;
	left: 0;
	background: url(/images/magicbox/toolbar-bg-left.jpg) 0px top no-repeat;
}

.toolbar_right {
	float: right;
	height: 14px;
	background: url(/images/magicbox/toolbar-bg-right.jpg) right top no-repeat;
}

.toolbar a {
	color: #000;
	text-decoration: none;
	border: 1px solid;
	border-color: #CECECE #A5A5A5 #A5A5A5 #CECECE;
}

.toolbar a:hover {
	border-color: #BBB #888 #888 #BBB;
}

.toolbar_right .active {
	position: relative;
	border: 1px solid #CECECE;
	border-bottom: 0;
	background-color: #FFFDF1;
	z-index: 1;
}

.toolbar_right .active:hover {
	border-right-color: #CECECE;
	border-bottom: 0;
}

.toolbar_right a {
	padding: 8px 20px 5px 5px !important;
	padding: 8px 20px 7px 5px;
	background: url(/images/drop-down.gif) no-repeat 95% 50%;
}

.magicbox .actions {
	float: right;
	position: relative;
	right: 2px !important;
	right: -6px;
	margin: -7px 9px -150px 0;	
	padding: 7px 0 5px 2px;
	border: 1px solid #CECECE;
	background: #FFFDF1;
	font-size: 11px;
	list-style: none;
}

.magicbox .actions li {
	padding: 7px;
}

.magicbox .actions li a {
	padding: 3px 5px 3px 22px;
}


/* CONTENT TABLE
----------------------------------------------------------------------*/

.magicbox_content {
	clear: both;
	margin: 0 auto;
	width: 100%;
	border: 1px solid #CCC;
	border-collapse: collapse;
	background: #FFF;
}

.magicbox_content .row td {
	padding: 5px 7px;
	border-top: 1px solid #EEE;
	vertical-align: top;
	background-color: #FFF;
}

.magicbox_content .inactive td {
	color: #AAA;
}

.magicbox_content td.content {
	width: 100%;
}

.magicbox_content td.button_td {
	width: 10px;
	padding: 5px 4px;
}

.magicbox_content td img {
	margin: 0;
	padding: 0;
}

.magicbox_content td.indicator {
	width: 25px;
	padding-left: 0;
	padding-right: 0;
	text-align: right;
}

.magicbox_content .open td.indicator {
	width: 30px;
	padding-left: 0;
	padding-right: 0;
	text-align: right;
}

.magicbox_content td.indicator img {
	margin-top: 5px;
}

.magicbox_content thead th {
	background: url(/images/magicbox/bg-header.jpg) repeat-x #E1ECF8;
	padding: 6px 7px;
	text-align: left;
}

.magicbox_content .order_header {
	text-align: center;
}

.magicbox_content .label_header {
	width: 150px;
}

.magicbox_content .move_buttons img {
	margin: 0;
	padding: 2px 0;
	display: block;
}

.magicbox_content td.order {
	width: 20px;
	text-align: center;
}

/* CLOSED ROW
----------------------------------------------------------------------*/

.magicbox .default td {
	background: url(/images/magicbox/default-bg.gif) repeat-x #F1F1F1;
}


/* OPEN ROW
----------------------------------------------------------------------*/
.open { line-height: 125%; }
.magicbox_content .open td {
	padding-top: 10px;
	border: 4px solid #FEE19F;
	border-width: 4px 0;
	background: url(/images/magicbox/td-center-bg.gif) repeat-x bottom #FDF9EE;
	vertical-align: top;
}

.magicbox_content tr.open {
	padding: 5px;
	background-color: #FDF9EE;
}

.magicbox_content .open .td_left {
	background: url(/images/magicbox/td-left-bg.gif) no-repeat left bottom #FDF9EE;
}

.magicbox_content .open .td_right {
	padding-right: 9px;
	background: url(/images/magicbox/td-right-bg.gif) no-repeat right bottom #FDF9EE;
}

.magicbox_content .open td td {
	padding: 2px;
	border: none;
	background: none;
}

.magicbox .default_text {
	clear: both;
}

.magicbox .row_footer {
	clear: both;
	float: right;
	position: relative;
	bottom: 3px;
	left: 52px;
	margin-top: 18px;
	color: #666;
	z-index: 1;
}

.magicbox .row_footer a.close {
        padding: 2px 2px 2px 15px;
        background: url(/images/close.gif) no-repeat left center;
        color: #666;
        font-weight: bold;
        text-decoration: none;
}

/* CONTENT FORM
----------------------------------------------------------------------*/

.magicbox .content {
	clear: both;
	margin-left: 10px;
	width: 392px;
	height: 15px; 
	font-size: 11px;
}

.magicbox .content_wrap {
	clear: both;
	padding: 0 0 5px 5px;
	font-size: 12px;
}

.magicbox .open .content_header {
	margin: 15px 0 5px 0;
}

.magicbox .content_wrap form {
	margin: 0 0 0 6px;
}

.magicbox .form_main textarea {
	margin: 0;
}

.magicbox .preview_content {
	margin: 0 0 100px 180px;
	font-size: 11px;
	font-weight: normal;
}

.magicbox div.content {
	margin-top: 0 !important;
	margin-top: 1px;
	padding: 2px 2px 1px 2px;
	border: 1px solid #FEE19F;
	background: #FFFDFA;
	cursor: text;
}

.magicbox .content_hover {
	border-color: #FFCC5A;
}



.magicbox .open .ordinal {
	position: relative;
	top: 5px;
	margin: 0;
	color: #FFF;
	background-color: #33AE00;
	font-weight: bold;
	padding: 4px 6px;
}


/* CALLOUT
----------------------------------------------------------------------*/
.callout {
	background: #e3edf7 url(/images/css/callout_top_corner.gif) no-repeat top left;
	width: 275px;
	margin: 18px;
}

.calloutHeader {
	padding: 10px 0 0 0;			
}

.callout h1, .callout h2 {
	margin: 0;			
	color: #004266;
	padding: 0 10px;
}

.callout h1 {
	font-size: 14px;
}

.callout h2 {
	font-size: 12px;
	font-weight: normal;			
}

.calloutBody {
	font-size: 12px;
	background: #fff url(/images/css/callout_body.gif) no-repeat top left;			
	padding: 20px;
	margin: 10px 0 0 0;
	line-height: 18px;
	text-indent: 0;
}

.calloutBody ul {
	list-style: none;
	margin: 0;
	padding: 0;
}		

.calloutFooter {
	font-size: 10px;
	color: #555;
	background: #fff url(/images/css/callout_footer.gif) no-repeat bottom left;
	padding: 10px;
}

.calloutMail {
	background: transparent url(/images/css/callout_mail.gif) no-repeat top right;
}



/* PAGE-SPECIFIC STYLES
----------------------------------------------------------------------*/
/* For /pvtd/rpt/create-report-3.html */
table.formTable td .columns th { vertical-align: top; }
table.formTable td .columns td { font-size: 11px; width: 120px; }

/* For /tcl/manage-dups.tcl and /pvtd/merge/mark-duplicates.html */
.dupSubscriptions { 
	margin-top: 0;
	margin-bottom: 0;

}
.dupSubscriptions dt, .dupSubscriptions dd { 
	color: #555;
	font-size: 10px;
}
.dupSubscriptions dt { font-weight: bold; }
.dupSubscriptions dd { margin-left: 8px; }


/* Letter Carousel */
#permutationTable td {
	font-size: 11px;
	padding: 3px 2px;
}

#permutationTable tfoot td { 
	border-top: 1px solid #555;
	padding: 4px 2px;
}

.leftTable #permutationTable {
	border: 0;
	padding: 0;
}
.leftTable #permutationTable td {
	font-size: 12px;
}

/* Help Pages */
#doc {
	border: 1px solid #f1f1f1;
	background-color: #d4d4d4;
	padding: 1px;
	color: #333;
	line-height: 150%;
}
#doc h1 {
	font-size: 28px;
	padding: 50px 30px 15px 30px;
	margin: 0;
	border-bottom: 3px solid #7fa0b2;
	background: #fff url(/images/help/help_header.gif) bottom center repeat-x;
}
#doc h2 {
	font-size: 18px;
	margin: 30px 0 15px 0;
}
#doc h3 {
	font-size: 14px;
	margin-top: 15px
}
#doc p, #doc #maincontent, #doc li, #doc td {
	font-size: 14px;  
}
#doc .indentedList li, #doc .indentedList p { font-size: 12px; }
#doc #mainContent {
	background: #fff url(/images/help/help_gray_fade.gif) top center repeat-x;
	padding: 30px;
	padding-bottom: 15px;
	margin: 0;
}
#doc dl.list dt { clear: none; }
#doc .noMargin h3 { margin-top: 0; }
#doc .callout {
	width: 250px;
	float: right;
	margin-left: 15px;
	background-image: none;
}
#doc .calloutImage {
	float:right;
	padding: 10px;
	margin-left: 15px;
}
#doc .infoBox h2 { margin-top: 0; }
.infoBox {
	border: 5px solid #fee1a0;
	padding: 20px;
	margin: 15px 5px;
	background-color: #fef9ee;
}

.infoBox, .infoBox li span, .infoBox td { 
	font-family: Arial, Helvetica, san-serif;
	color: #333;
	font-weight: normal;
}
.infoBox li {
	font-size: 18px;
	font-weight: bold;
	color: #33ae00;
	margin-top: 15px;
}
.infoBox .footer {
	border-top: 1px solid #ccc;
	padding-top: 10px;
	font-size: 11px;
	line-height: 100%;
}
.infoBox td { vertical-align:top; }
.infoBox td.imageHolder { padding: 0 20px; }
.infoBox td.imageHolder img {
	border: 1px solid #eee;
	padding: 4px;
	background-color: #dedede;
}
.infobox hr {
	color: #ccc;
	background-color: #ccc;
}
.sidecontents {
	width: 200px;
	float: right;
	margin-top: 20px;
}


/* ADMIN WRAPPER
----------------------------------------------------------------------*/
.drawermenu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #C5D7EA; cursor: hand; }
.drawerlink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none; font-weight: bold; color: #000000; }
#context { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
#p_contextbar { margin-bottom: 10px; font-family: Arial; font-size: 11px; }
ul#subhead { list-style: none; margin: 0; padding: 0; }
h1#head { margin: 0; }

.greycolor {font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-right: 5px; color: #CCD9E0; }
.greycolor a:link, .greycolor a:visited, .greycolor a:hover { text-decoration: underline; color: #CCD9E0; }
.greycolor#headerform { 
	position: relative; 
	top: -3px !important; 
	top: -15px;	/* necessary for IE */
}

/* table info */
table.default, td.default {
	width: 746px;
	border: 0px solid #0ff;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
table.default#top {
	height: 58px;
}
table.default#bottom {
	height: 70px;
	width: 250px;
	padding: 4px;
	margin-bottom: 5px;
}
table.default#bottom td {
	  font-size: 10px;
}
td.default#spacer {
	color: #C5D7EA;
	height: 1px;
}

/* main div info */
#embody {
	margin: 0;
	border-top: 10px solid #004266;
}
#main {
	margin: 16px 0;
}

/* sub-section div info */
.encapsulate {
	position: relative;
	text-align: center;
	width: 100%;
	padding: 0;
	background: #FFF;
	border: 0px solid #FF0;
}
.encapsulate#en_header {
	background: url("/images/toolbar/header_bg.gif") repeat-x top left;
	height: 87px;
}
/* common to all browsers */
.encapsulate#en_content { top: 40px; margin-bottom: 30px; }
/* Mac IE5.2 only */
.encapsulate#en_content { margin-top: 20px; }
/* hack: everything else \*/
.encapsulate#en_content { margin-top: 0; }
/* end hack */

/* nav code */
.nav {
	float: left;
	width: 746px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top: 0px;
	border-bottom: 0px;
	background: url("/images/toolbar/shelf_fill.gif") repeat-x top left;
}
.nav li {
	float: left;
	margin: 0;
	list-style: none;
	background: url("/images/toolbar/toolbar_separator.gif") no-repeat top right;
}

.nav a, .nav a:visited, .nav a:hover, .nav a:active {
	float: left;
	height: 19px !important;
	height: 24px;
	padding: 5px 22px 0 22px;
	text-decoration: none;
	color: #FFF;
}
.nav li.activate {
	background: #0070AD;
}
.nav li#dashboard a {
	font-weight: bold;
	color: #000;
	background: #EFCB73;
}

/* abeyang: this is necessary for subnavs
   why don't we just include these properties in the subnav class, you ask?
   because IE5.2Mac/6PC don't render it correctly that way! duh! */

.fixedposition { position: absolute; }
/* Mac IE5.2 only */
.fixedposition { margin-top: -15px; }
.fixedposition#logo {top: 0px; }
.fixedposition#nav {top: 6px; }
.fixedposition#subnav { top: 30px; }
/* hack: everything else \*/
.fixedposition { margin-top: 0; }
.fixedposition#logo {top: 0px; }
.fixedposition#nav {top: 59px; }
.fixedposition#subnav { top: 83px; }
/* end hack */

/* subnav code */
.subnav {
	position: absolute;
	width: 740px;
	float: left;
	height: 29px;
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 0;
	/* cannot be 100% opaque (will be quirky when applied w/ js) */
	opacity: .99;
	filter: alpha(opacity=99);
	visibility: hidden;
}
.subnav li {
	float: left;
	list-style: none;
}

/* necessary for special cases, like <select>'s */
/* Mac IE5.2 only */
li.misc { background: #C5D7EA; padding: 5px 0px 4px 0px; }
/* hack: everything else \*/
li.misc { background: #C5D7EA; padding: 3px 0px 4px 0px; }
/* end hack */

/* begin system wrapper-use ony
/* IE, Firefox, and Safari all have DIFFERENT STANDARDS when it comes to forms!! 
/* for more info: www.456bereastreet.com/lab/form_controls/select_multiple/ 
/* THIS HAS NOT BEEN TESTED IN MAC IE5.2!
/* hack: only firefox's form font needs to be adjusted; other browsers work fine */
li.systemoption { /* same as li.misc */
	background: #C5D7EA;
	padding: 3px 0px 4px 0px;
}
li.systemoption select {
	font-size: 11px !important;
	font-size: 125%;	/* IE default is, oddly, 125%... */
	padding: 2px 0px 1px 0px;	/* fortunately, this only affects firefox and nothing else */
}
/* end system wrapper-use only */

/* common to all browsers */
.subnav a, .subnav a:visited {
	float: left;
	text-decoration: none;
	color: #000;
	height: 20px !important;
	height: 29px;
	padding: 9px 6px 0 6px;
	margin: 0;
	background: #C5D7EA;
}
.subnav a:hover {
	color: #000;
	background: #EFCB73;
}

/*------------------------------------------------------------------------------------------
Clearfix float 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;}
/* End hide from IE-mac */



/* CLEARFIX 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;}
/* End hide from IE-mac */


/* PRINT
----------------------------------------------------------------------*/
@media print {
	.ga-tab .ga-sidetab { display: none; }
	.ga-tab .ga-centertab { 
		display: block; 
		background-color: #F0F0E8;
		border: 1px solid #91A7B4;
		border-bottom: 1px solid #91A7B4;
	}
	.ga-tab#ga-activetab .ga-centertab {
		background-color: #CADCED;
		border: 1px solid #679ACC;
		padding-bottom: 0;
	}
	.ga-bar#topbar {
		top: 25px;
		height: 0;
		border: 1px solid #679ACC;
		z-index: 5;
	}
	.ga-bar#bottombar {
		height: 0;
		border: 1px solid #679ACC;
         }


	body {
		font-family: "Times New Roman", Times, serif;
		margin: 0;
		padding: 0;
	}

	h1 { font-size: 18px; }
	h2 { font-size: 16px; }
	h3 { font-size: 12px; }
	h4 { font-size: 11px; }
	h5 { font-size: 10px; }
	h6 { font-size: 10px; font-style: italic; }
	p, ul, ol, table { font-size: 10pt; }

	a:link,a:visited { 
		color: #000;
		text-decoration: none; 
	}

	.noprint { display: none; }
	.printonly { display: block; }

	#content { margin-left: 0.75in; margin-right: 0.75in; }

	input.btnMini, input.btnSm, input.btnMed, input.btnLg {
	        background: none;
		border: 1px solid #000;
	}

	.dataTable caption .buttons { float: none; }
	.viewNav ul { float: none; }

	.ga-tab { display: none; float: none; }
	.ga-tab li { float: none; }

	/* Admin Wrapper */
	table.default, td.default { width: auto;; }
	#embody { border: 0; }
	#en_header { display: none; }

	/* MUST DISABLE FLOATS FOR PRINT: floating elements can crash IE */
	.nav { display: none; float: none; }
	.nav li { float: none; }
	.nav a, .nav a:visited, .nav a:hover, .nav a:active {
		float: none;
	}
	.subnav { display: none; float: none; }
	.subnav li { float: none; }
	.subnav a, .subnav a:visited { float: none; }
}