/* ---------- CC base css styles ---------- */
/* ---------- version 9/16/2008 ---------- */


BODY {
	font-size:72%; /* for IE% Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size:76%; /* for all other 'compliant' browsers */
	font-family:Arial, Helvetica, sans-serif;
	color: #333;
	padding: 0px;
	margin: 0px;
	background: #FFF url(../images/body_bkgrd_ve.gif) repeat;
}
body.nobkgrd {
	background: #FFF;
}
body.graybkgrd {
	background: #CCCCCC;
}
html>body  { /* be nice to opera */
	font-size: 76%;
}


/* --  LINKS ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
A:link {color: #3E69BD; text-decoration: underline}
A:visited {color: #3E69BD; text-decoration: underline}
A:hover {color: #FF5050; text-decoration: none}

/* --  use this class if a visited link color is needed  ---------------------------------*/
.traceable:link {color: #3E69BD; TEXT-DECORATION: underline}
.traceable:visited {color: #663399; TEXT-DECORATION: underline}
.traceable:hover {color: #FF5050; TEXT-DECORATION: none}

/* --  use this class for links that enable in-page editing  ---------------------------------*/
.in-page-edit:link {color: #3E69BD;TEXT-DECORATION: none;border-bottom: 1px dashed #3E69BD;position: relative;}
.in-page-edit:visited {color: #3E69BD; TEXT-DECORATION: none;border-bottom: 1px dashed #3E69BD;position: relative;}
.in-page-edit:hover {color: #EA4949;TEXT-DECORATION: none;border-bottom: 1px dashed #EA4949;position: relative;background: #FFFFDD;cursor: url(../images/cursor_edit.cur), pointer;}

/* --  special case links ---------------------------------*/
.popup {background: url(../images/icon_popup.gif) no-repeat right center;padding-right: 17px;}
.close {background: url(../images/icon_close.gif) no-repeat left center;padding-left: 17px;}
.back {background: url(../images/icon_back.gif) no-repeat left center;padding-left: 14px;}
.print {background: url(../images/icon_print2.gif) no-repeat left center;font-size: .9em;padding-left: 20px;}
.premium {background: url(../images/icon_premium_small.gif) no-repeat left center;padding-left: 17px;}

.hideshow-hidden {background: url(../images/tri_sideways.gif) no-repeat left center;padding-left: 15px;}
.hideshow-showing {background: url(../images/tri_down.gif) no-repeat left center;padding-left: 15px;}

.active-link{	font-weight: bold;color: #FFFFFF;background: #FF6600;padding: 2px 4px;}

.hide {display:none}
.show {visibility: visible;}

hr {border: 0px;height: 1px;color: #CCCCCC;margin-top: 2px;margin-bottom: 2px;}
/*making it look better in browsers other than IE */
html>body hr {border: 0px;height: 1px;color: #CCCCCC;background-color: #CCCCCC;margin-top: 8px;margin-bottom: 8px;}


/*-- FORM ELEMENT STYLES - ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
form {margin: 0px;padding: 0px;}
textarea {padding: 4px;font: 1em Arial, Helvetica, sans-serif;}
input {padding: 1px;font-family: Arial, Helvetica, sans-serif;}
input.no-border {padding: 1px;font-family: Arial, Helvetica, sans-serif;border-width: 0px;}
input.dropdown, div.dropdown {
	padding: 3px 5px 3px 3px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: #FFFFFF url(../images/textfield_dropdown.gif) no-repeat right top;
	font: 0.9em Arial, Helvetica, sans-serif;
	margin: 0px;
	cursor: pointer;
	border-right-width: 0px;
	border-right-style: none;
}
select {
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
	border: 1px solid #999999;
}
.small-select{padding: 1px; font: .8em Arial, Helvetica, sans-serif;}
.small-input{	padding: 1px; font: .8em Arial, Helvetica, sans-serif;}


/* ----  BUTTONS  -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*primary buttons ---*/
body input.btn-primary {
	color: #333333;
	padding: 0.2em;
	border: 1px solid #FAB41E;
	background: #FBC34C url(../images/ab_active_rb.gif) no-repeat;
	font: bold 1em Arial, helvetica, sans-serif;
	margin: 0px;
	cursor:pointer;
}
/* secondary and non-submit page actions */
body input.btn-secondary {
	color: #404040;
	border: 1px solid #a6a6a6;
	background: #e5e5e5 url(../images/ab_inactive.gif) no-repeat;
	font: normal 1em Arial, helvetica, sans-serif;
	margin: 0px;
	padding: .2em;
	cursor:pointer;
}
body input.btn-preview {
	color: #404040;
	border: 1px solid #a6a6a6;
	background: #e5e5e5 url(../images/ab_inactive_preview.gif) no-repeat;
	font: 1em Arial, Helvetica, sans-serif;
	padding: 0.2em 0.2em 0.2em 1em;
	cursor:pointer;
}
body input.btn-small {
	color: #404040;
	border: 1px solid #a6a6a6;
	background: #e5e5e5 url(../images/ab_inactive.gif) no-repeat;
	margin: 0px;
	cursor:pointer;
	padding: 1px 2px 1px 3px;
	font-size: 10px;
}
/*disabled versions ---*/
body input.btn-secondary-disabled{
	border: 1px solid #a6a6a6;
	background: #e5e5e5 url(../images/ab_inactive.gif) no-repeat;
	cursor:default;
}
body input.btn-preview-disabled{
	border: 1px solid #a6a6a6;
	background: #e5e5e5 url(../images/ab_inactive_preview.gif) no-repeat;
	cursor:default;
}
body input.btn-primary-disabled{
	border: 1px solid #a6a6a6;
	background: #e5e5e5 url(../images/ab_inactive.gif) no-repeat;
	cursor:default;
}

.btn-area {
    padding-top: 10px;
}

.navbar {
	color: #333;
 	background: url(../images/navbar_bkgrd_rb.gif) repeat-y left top;
	padding: 4px;
	text-align: right;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #CCDAE8;
}

.navbar1 {
    height: 25px;
    float: left;
    width: 890px;
    clear: both;
}

/* -- page title  -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.pagetitlearea {
	margin-bottom: 20px;
	vertical-align: middle;
}
.pagetitlearea h1 {
	font-size: 1.2em;
	font-weight: bold;
	display: inline;
	text-align: left;
}
.pagetitlearea h2 {
	font-size: 1.2em;
	font-weight: normal;
	display: inline;
	text-align: left;
}
.pagetitle-sub {
	margin-bottom: 20px;
	color: #525252;
	margin-top: -15px;
}

/* -- popup page title ---*/
.popuptitlearea{
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 10px;
	padding-left: 15px;
	background: #FFF url(../images/blue_back.gif) repeat-x bottom;
	vertical-align: bottom;
	height: 35px;
	display: block;
}
.popuptitlearea1{
	height:18px;
        border-top:5px solid #1E45AA;
        background: url(../images/submenu_bg.gif) repeat-x left;
}

.popuptitlearea h1 {
	font-size: 1.7em;
	font-weight: bold;
	text-align: left;
}
.popuptitle-sub {
	margin-bottom: 15px;
	color: #333333;
	margin-top: -10px;
	padding-right: 15px;
	padding-left: 15px;
	font-size: .9em;
}


/* -- TEXT STYLES - ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
h1 {
	font-size: 1.4em;
	display: inline;
	margin: 0px 0px 25px;
	padding: 0px;
	color: #333333;
}
h2 {
	font-size: 1.2em;
	margin-bottom: 0.8em;
	color: #000000;
	display: inline;
}
h3 {
	font-size: 1.1em;
	margin-bottom: 0.8em;
	color: #000000;
	display: inline;
}

.txt-xlarge {font-size: 1.2em;}
.txt-large {font-size: 1.1em;}
.txt-mid {font-size: .9em;}
.txt-small {font-size: .8em;}

.txt-hint {color: #666666; font-size: 0.9em; }
.txt999 {color: #999;}
.txt666 {color: #666;}
.txt-hilite {color: #FFFFFF;}

.page-headline {
	font-size: 1.7em;
	margin-bottom: 0.8em;
	display: inline;
	font-weight: normal;
}
.page-subtext {font-size: 0.9em; color: #515151;}
.required {	color: #FF0000;	font-weight: bold;	display: inline;}
.spam {font-weight: bold;color: #CC0000;}
.warning {font-weight: bold; color: #FF0000;}

.hilite {background: #FFF3C4;padding: 4px;}


/*-- MESSAGE TYPES - ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.error-page {
	font-weight: bold;
	color: #999999;
	padding: 0px 3px 15px 25px;
	font-size: 1.6em;
	background: url(../images/icon_error_page.gif) no-repeat;
	width: 70%;
}
.error-page-secondary {font-weight: normal;color: #333333;font-size: 0.7em;}
.error-primary {
	font-weight: bold;
	color: #FF0000;
	background: url(../images/icon_error.gif) no-repeat;
	padding-right: 3px;
	padding-bottom: 15px;
	padding-left: 25px;
	display: block;
	font-size: 1.2em;
}
.error-secondary, .error-secondary-icon {font-weight: normal;color: #FF0000;font-size: .9em;}
.error-secondary-icon {background: url(../images/icon_error.gif) no-repeat; padding-left: 25px;}
.error-box {
	background: #FFFFFF;
	padding: 10px 7px;
	border-top: 2px solid #999999;
	border-right: 2px solid #333333;
	border-bottom: 2px solid #333333;
	border-left: 2px solid #999999;
}
.info-primary {
	font-weight: bold;
	color: #666666;
	background: url(../images/icon_info.gif) no-repeat;
	padding-right: 3px;
	padding-bottom: 15px;
	padding-left: 25px;
	display: block;
}
.info-secondary {font-weight: normal;color: #666666;}
.info-primary2 {
	font-weight: bold;
	color: #B94A00;
	background: url(../images/icon_info3.gif) no-repeat;
	padding-right: 3px;
	padding-bottom: 15px;
	padding-left: 25px;
	display: block;
	font-size: 1.2em;
}
.info-secondary2 {font-size: 0.9em;font-weight: normal;color: #B94A00;}
.confirm-primary {
	background: url(../images/icon_confirm.gif) no-repeat;
	color: #339933;
	font-size: 1.2em;
	font-weight: bold;
	padding-right: 3px;
	padding-bottom: 15px;
	padding-left: 20px;
	display: block;
}
.info-subtle {
    padding-right: 3px;
    display: block;
    font-size: .8em;
}
.confirm-secondary {font-weight: normal;color: #308F30;font-size: 0.9em;}
.enable-sitewide {
	background: #FEF3CB url(../images/icon_enable_page.gif) no-repeat;
	padding: 10px 28px 10px 56px;
	margin-bottom: 20px;
	clear: left;
	margin-top: -20px;
	border-bottom: 1px solid #F97B27;
	text-align: left;
}
.enable-page {
	background: #FEF3CB url(../images/icon_enable_page2.gif) no-repeat;
	font-weight: normal;
	display: block;
	padding: 3px 3px 3px 25px;
	margin-bottom: 20px;
}
.enable-box1 {
	background: #FEF3CB;
	display: block;
	padding: 3px 3px 5px 25px;
	font-size: .9em;
	border-left: 1px solid #999999;
}

.alert-sitewide {
	color: #FFFFFF;
	background: #4074A9 url(../images/icon_alert_page.gif) no-repeat;
	padding: 10px 35px 10px 56px;
	margin-bottom: 20px;
	clear: left;
	margin-top: -20px;
	text-align: left;
}
.alert-sitewide a:link {color: #FFFFFF;}
.alert-sitewide a:hover {color: #FFFFFF;}
.alert-sitewide a:visited {color: #FFFFFF;}

.alert-closelink {
    float:right;
    padding:2px 3px;
    margin-right:-7px;
    margin-bottom:10px;
    margin-left:10px;
    background: #4074A9;
}
.coloricon-bkgrd{
	display: inline;
	margin: 0px;
	padding: 0px;
	background: #FF0000;
}


.tbl_row_lightgray{
	background: #F0F0F0;
}


/* -- CONTENT HOLDER STYLES ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -- Primary Box Style --------------------------------- */
.box-body {
	background: #FFFFFF url(../images/box-shadow.gif) repeat-x;
	padding: 14px 10px 10px 14px;
	border-left: 1px solid #CCC;
	margin: 0px;
}
.box-body p{
	display: block;
	clear: left;
	margin-top: 0px;
	margin-bottom: 0px;
}
.boxhd1  h2{
	display:inline;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-size: 1em;
  }
.box-subtext {
	font-size: 0.9em;
	color: #515151;
	margin-bottom: 10px;
}
.box-subheading {
    color: #515151;
    margin-top: 10px;
}


/* ----------------------------------- DIV CONVERTION */

div.box-body {
    background: #FFFFFF url(../images/box-shadow.gif) repeat-x;
	padding: 0px 10px 10px 14px;
	margin: 0px;
	border: 0px solid black;
	}
div.side_bar div.box-body {
    background: white;
}


/* -------------------------------------------------- */








 /* -- I Want To... box ---*/
 .boxhd2-iwt {
	padding: 0px;
	color: #FFF;
	background: url(../images/iwt_head.gif) no-repeat left top;
	height: 22px;
  }
  .box-body2-iwt {
	padding: 20px 10px 10px 20px;
	border-left: 1px solid #CCC;
	margin: 0px;
	clear: left;
}

/* -- wrapping content boxes with a wizard div will change the design to wizard L&F --------*/
.wizard .box-body {
	padding: 0px 10px 10px 20px;
	margin: 0px;
	border-left: 0px;
	background: #FFFFFF;
	}
.wizard .boxhd1-wrap {
	margin: 0;
	padding: 0px;
	background: url(../images/icon_fieldset.gif) no-repeat left center;
	clear: left;
	border-top: 2px solid #CCCCCC;
  }
.wizard .boxhd1 {
 	padding: 6px 20px 3px;
  	color: #FFF;
 	background: url(../images/icon_fieldset.gif) no-repeat left center;
	}
.wizard .boxhd1  h2{
	display:inline;
	margin: 0px;
	padding: 0px;
	color: #333;
	font-size: 1.5em;
}


/* -- TABLE STYLES - ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/*-- global table formatting ------------------------------------*/
.numeric{text-align: right;}
.vert-line {border-left: 1px dotted #DDDDDD;}
.vert-line-solid-left {border-left: 1px solid #CCCCCC;}
.vert-line-solid-both {border-right: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;}
.tint {background: #F6F6F6;}
.hilite{background: #FFFAD4;}
.alt{background: #EFEFEF;}

/*-- data table styles ------------------------------------*/
.data-tbl {width: 100%;}
.data-tbl select{font-size: 1em;margin: 0px;}
.data-tbl input{font-size: 1em;margin: 0px;}

.data-tbl th{
	padding: 12px 3px 3px 7px;
	background: #E9E9E9;
	border-bottom: 1px solid #FFCC99;
	vertical-align: bottom;
}
.data-tbl th.tint{padding: 12px 3px 3px 7px;background: #CCCCCC;}
.data-tbl th.colspan {
	padding: 10px 3px 3px 7px;
	text-align: center;
	border-bottom: 1px solid #999999;
	vertical-align: bottom;
}
.data-tbl td{
	padding: 4px 3px 4px 7px;
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}

.data-tbl td .noline{
  border-bottom: 0px solid #DDDDDD;
}

.data-tbl td.noline {border-bottom-width: 0px;}
.data-tbl td.wide-line{border-bottom-width: 2px;}

.data-tbl td a:link{color: #0066CC; text-decoration: underline}
.data-tbl td a:visited{color: #663399; text-decoration: underline}
.data-tbl td a:hover{color: #FF5050; text-decoration: none}

.data-tbl td a:link.in-page-edit{color: #0066CC;TEXT-DECORATION: none;border-bottom: 1px dashed #0066CC;position: relative;}
.data-tbl td a:visited.in-page-edit{color: #0066CC; TEXT-DECORATION: none;border-bottom: 1px dashed #0066CC;position: relative;}
.data-tbl td a:hover.in-page-edit{color: #EA4949;TEXT-DECORATION: none;border-bottom: 1px dashed #EA4949;position: relative;background: #FFFFDD;cursor: url(../images/cursor_edit.cur), pointer;}

.data-tbl td a:link.nochange{color: #0066CC; text-decoration: underline}
.data-tbl td a:visited.nochange{color: #0066CC; text-decoration: underline}
.data-tbl td a:hover.nochange{color: #FF5050; text-decoration: none}

.data-tbl td.numeric-padleft0 {text-align: right;padding-left: 0px;}
.data-tbl tr.head {
	background: #CCDAE8;
	font-size: 1.2em;
	padding-top: 3px;
	padding-bottom: 3px;
}
.data-tbl td ul{margin: 0px 0px 0px 25px;}
.data-tbl td ul li{list-style: disc;}
/*--- tabs to sit on top of data tables--------------------------------*/
.datatbl-tabs {
	padding: 0px;
	margin: 0px;
	list-style: none;
	background: #FFF url(images/nav_bg.gif) repeat-x left bottom;
	float: left;
	width: 100%;
	clear: both;
	}
.clear {
	clear: both;
}

.datatbl-tabs ul {padding: 0px;margin: 0px 0px 0px 5px;list-style: none;}
.datatbl-tabs ul li {float: left;margin: 0px 4px 0px 2px;padding: 0px 0px 0px 8px;
	background: url(../images/datatbltab-off-l.gif) no-repeat left top;
	}
.datatbl-tabs ul li a {
	float: left;
	display: block;
	margin: 0px;
	padding: 2px 8px 2px 0px;
	background: #FFFFFF url(../images/datatbltab-off-r.gif) no-repeat right top;
	}
.datatbl-tabs ul li.selected {
	float: left;margin: 0px 4px 0px 2px;padding: 0px 0px 0px 8px;
	background: url(../images/datatbltab-on-l.gif) no-repeat left top;
	}
.datatbl-tabs ul li.selected a {
	color: #333333;
	float: left;
	display: block;
	margin: 0px;
	padding: 2px 8px 3px 0px;
	background: #FFFFFF url(../images/datatbltab-on-r.gif) no-repeat right top;
	text-decoration: none;
	font-weight: bold;
	}
.datatbl-tabs ul li.empty a{
	float: none;
	border-color: #FFFFFF;
	text-align: right;
	display: inline;
	}
.datatbl-tabs ul li.empty a:hover{
	float: none;
	border-color: #FFFFFF;
	text-align: right;
	display: inline;
	}

/*-- form table styles ---------------------------------- */
.form-tbl {}
.form-tbl select {font-size: 1em;}
.form-tbl th{
	text-align: left;
	padding: 6px 6px 3px 3px;
	font-weight: bold;
	white-space: nowrap;
}
.form-tbl td{
	padding: 6px 6px 3px 5px;
}
.form-tbl td.top-pad-0{
	padding-top: 0px;
}
.form-tbl .subrow{
	vertical-align: top;
	margin-top: 0px;
	margin-bottom: 3px;
	padding-top: 0px;
	padding-bottom: 3px;
	color: #666666;
	font-size: 0.9em;
}
li .subrow{
	vertical-align: top;
	margin-top: 0px;
	margin-bottom: 3px;
	padding-top: 0px;
	padding-bottom: 3px;
	color: #666666;
	font-size: 0.9em;
}
div .subrow{
	vertical-align: top;
	margin-top: 0px;
	margin-bottom: 3px;
	padding-top: 0px;
	padding-bottom: 3px;
	color: #666666;
	font-size: 0.9em;
}

.form-tbl table.data-tbl th{padding: 3px;}
.form-tbl table.data-tbl td{padding: 3px;}


/*-- file table used on image library -------------------------------- */
.file-tbl {width: 100%;border-collapse:collapse;}
.file-tbl th {
	padding: 2px 2px 2px 10px;
	font-weight: bold;
	background: #999999;
	color: #FFFFFF;
}
.file-tbl th a:link, .file-tbl th a:visited{color: #FFFFFF; text-decoration: underline}
.file-tbl th a:hover{color: #FFFFFF; text-decoration: none}
.file-tbl td {
    padding: 3px 5px 3px 10px;
    border-left: 1px dotted #EEEEEE;
    font-size: .9em;
    border-bottom: 1px solid #DDDDDD;
    height: 20px;
}
.file-tbl td.noline {border-bottom: 0px none;}
.file-tbl td.center {text-align: center;}
.file-tbl td.selected {
    background: #FFEBCC;
    padding: 5px 5px 5px 10px;
    border-left: 1px dotted ##FFEBCC;
    font-size: .9em;
    font-weight: bold;
    border-bottom: 1px solid #DDDDDD;
    height: 20px;
}
.item-selected{
    background: #FFEBCC;
}
.file-tbl td table td{
	padding: 0px;
	border-left: 0px;
	border-bottom: 0px;
	font-size: 1.1em;
}


/* -- ROUNDED CORNERS  ---------------------------------------------------------*/
.rhead-container {margin-bottom: 10px;}
.rhead-container h1 {
	color: #000000;
	font-weight: bold;
	font-size: 1.3em;
}
/* -- ROUNDED CORNERS Color 3 [WHITE]------------------------------*/
/* -- used on features popups   ---------------------------------------------------------*/
.rhead-container3{margin: 15px;}
.rhead-container3 h1 {
	color: #000000;
	font-weight: bold;
	font-size: 1.5em;
}
.rhead-container3 h2 {
	color: #666666;
	font-weight: bold;
	font-size: 1.3em;
}
.rtop-3, .rbottom-3{display:block}
.rtop-3 *, .rbottom-3 *{display: block; height: 1px; overflow: hidden}
.r1-3{margin: 0 5px;background: #FFF;}
.r2-3{margin: 0 3px;background: #FFF;}
.r3-3{margin: 0 2px;background: #FFF;}
.r4-3{margin: 0 1px; height: 2px;background: #FFF;}
.rhead-3-content {
	background: #FFF;
	padding: 8px;
}