﻿/* $apgbl */
.primaryColor {
	color: #CC6666;
}
.secondaryColor {
	color: #666;
}
.primaryBGColor {
	background-color: #EEEEEE;
}
.secondaryBGColor {
	background-color: #999999;
}
.border {
	border: solid 1px #999999;
}
TABLE.border TD {
	border: solid 1px #999999;
}
FIELDSET.border {
	padding: 8px;
	padding-top: 0px;
}
FIELDSET.border LEGEND {
	color: #999999;
	font-weight: bold;
	margin-right: 20px;
	margin-left: 0px;
}
.grad_1, .grad_2
{
	background-color: #dcdcdc;
	background-repeat: repeat-x;
}
td.tableTitle
{
	padding: 4px 16px 0px 2px;
	border-left: solid 1 px blue;
	border-top: solid 1 px #d3d3d3;
}

div.tableTitle
{
	font-weight: bold;
	font-size: larger;
	padding: 2px 8px 2px 8px;
	background-color: #f5f5f5;
	border: solid 1 px blue;
}
.close 					{ display: block; position: absolute; top: 0; right: 0; _right: 5px; width: 10px; height: 10px; }
.close span 			{ display: none; }
.secondaryBorder {
	border: solid 1px #eeeeee;
}
.borderTopBottom {
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
}
.borderLeftRight {
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
}
.borderBottom {
	border-bottom: solid 1px #999999;
}
.darkLeftBullets, .lightLeftBullets, .darkRightBullets, .lightRightBullets {
	background-repeat: repeat-y;
}
.darkLeftBullets, .lightLeftBullets {
	background-position: left top;
	margin-left: 7px;
	padding-left: 9px;
}
.darkRightBullets, .lightRightBullets {
	background-position: right top;
	margin-right: 7px;
	padding-right: 9px;
}
.darkLeftBullets, .darkRightBullets {
	background-image: url(images/bullet_dark.gif);
}
.lightLeftBullets, .lightRightBullets {
	background-image: url(images/bullet_light.gif);
}

.highlight, .selected, TABLE TR.selected TD {
/*	background-color: #ffffe1;*/
font-weight:bold;
}

.footnote, .disabled, A.disabled, A.disabled:link, A.disabled:visited, .disabled A, .disabled A:link, .disabled A:visited {
	color: #999999;
}
A.disabled:hover, .disabled A:hover {
	color: #999999;
}
A.disabled:active, .disabled A:active {
	color: #999999;
}
.disabled INPUT, INPUT.disabled {
	background-color: #EEEEEE;
	border-color: #999999;
}

/* FONTS, $fonts, font sizes */
INPUT.textbox:focus {
	background-color: #ffffe1;
}
INPUT.textbox, .textbox, .editor_field {
	padding-left: 2px;
}
INPUT.textbox, .textbox, SELECT, TEXTAREA, .editor_field {
}
INPUT.error, .error INPUT {
	background-position: right 1px;
	background-image: url(../../images/icons/error_single.gif);
	background-repeat: no-repeat;
}
INPUT.error-padding {
	padding-right: 16px;
}
.error SELECT, SELECT.error {
	background-color: #ffeeee;
}
.errorMessage {
	padding: 4px;
	color: #CC0000;
}
.errorLabel
{
	color:Red;
}
.warningMessage {
	padding: 8px;
	background-color: #FFFFCC;
	border: solid 1px #800000;
	color: #800000;
}
#warningMessageActions { padding: 16px; text-align: right; }
#warningMessageActions a { margin-left: 8px; }
#warningMessageActions a img { vertical-align: bottom; margin-right: 2px; }

.infoMessage {
	padding: 0px 8px 0px 8px;
	border: solid 1px #cccccc;
	color: #000000;
	background-position: right top;
	background-image: url(/images/information.gif);
	background-repeat: no-repeat;
}
.required INPUT, INPUT.required {
}
LABEL, .label {
	font-weight: bold;
}
.normalLabel LABEL {
	font-weight: normal;
}
SELECT {
}
* HTML SELECT {
}

.submit, .button, .editor_ok_button {
	vertical-align: middle;
	font-weight: bold;
	font-size: 60% background-color: #999;
	background-image: url(images/buttons/large.gif);
	padding: 2px 2px 2px 2px;
	/*color: #444;*/
	color:#31508B;
	background-position: 0px 0px;
	background-repeat: repeat-x;
	cursor: pointer;
	border: solid 1px #cc6600;
	margin: 0px 2px 0px 2px; /* removes crazy padding in IE on long buttons */
	width: auto;
	overflow: visible;
	

}
.submit:hover, .button:hover, .editor_ok_button:hover {
	background-position: 0px -20px;
	border-top: solid 1px #cc6600;
	border-right: solid 1px #cc6600;
	color: #111;
}
.submit.disabled, .button.disabled {
	background-image: none;
}
A.button, A.button:link, A.button:hover, A.button:active, A.button:visited {
	color: #31508B;
/*	padding: 3px 3px 3px 3px;*/
	text-decoration: none;
	cursor: pointer;
}
.button IMG {
	vertical-align: middle;
	margin-right: 6px;
}



FONT {
	
	font-weight: normal;
}
FONT.current {
	color: #ffffff;
	background-color: #38D878;
}






/* misc global styles */
.salesPerson {
	color: Green;
}
.highlightMessage {
	background-color: #ffffe1;
	border: solid 1px #999999;
	margin: 7px 0px 3px 0px;
}
#app_quicklinks {
	background-color: #E3DEDB;
}
#modalHeader {
	border-bottom: solid 1px #999999;
	background-color: #CFC5BF;
}
A.displayMode {
	border: solid 1px #CFC5BF;
}
.imageCalendar .day {
	background-color: #CFC5BF;
}
.imageCalendar .disabled .date {
	color: #CFC5BF;
}
.header_breadcrumbs {
	padding: 4px;
	border: dashed 1px #cccccc;
	border-left: none;
	border-right: none;
	margin-bottom: 8px;
}









/* $searchbar, search bar, $tabs */
#searchBar {
	padding: 0px;
	margin: 0px;
	overflow: auto;
	width: 100%;
}
#searchBar #searchSection {
	margin-left: 142px;
}
#searchBar .featureTabs {
	float: right;
	margin-right: 8px;
}




.borderless-panel .x-panel-body {
	border-width: 0px;
}
#searchBar .searchLabel {
	float: left;
	width: 126px;
	overflow: hidden;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	list-style-image: none;
}
#searchBar .searchLabel, #searchBar LABEL {
	color: #5B534E;
	font-family: Arial;
	font-weight: normal;
	text-transform: uppercase;
}
#searchBar .normal LABEL {
	text-transform: none;
}
#searchBar .postCriteriaForm .searchLabel {
	background-repeat: repeat-y;
	background-position: left top;
	margin-left: 4px;
	padding-left: 9px;
	background-image: url(images/bullet_light.gif);
}
#searchBar LABEL.normal {
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	color: #000000;
}
#searchBar .searchLabel LI {
	margin-bottom: 5px;
}
#advSearchForm {
	white-space: nowrap;
}
.searchForm .accountMenu {
}
#searchBar .inputArea, #oneUp .inputArea, #unsecuredroot #oneUp .inputArea {
	clear: both;
	background-color: #FFF;
	border: solid 1px #FFF; /*padding: 8px; 	margin: 8px;*/
	overflow: auto;
}




.demoReel {
	margin: 20px auto 20px auto;
	padding: 50px;
	padding-left: 150px;
	text-align: center;
}
.magglass {
	padding-right: 12px;
	background-position: right center;
	background-image: url(/images/magglass.gif);
	background-repeat: no-repeat;
}
#searchTips {
	vertical-align: middle;
	padding: 8px 7px 8px 7px;
	background-image: url(images/buttons/arrow_border.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: help;
}
#searchTips.open {
	background-position: 0px -31px;
	cursor: pointer;
}
#searchTipsInfo {
	position: absolute;
	margin-left: -3px;
	margin-top: -1px;
	white-space: normal;
	width: 450px;
	background-color: #ffffff;
	padding: 5px;
	border: solid 1px #CFC5BF;
}
#themeChooser {
	margin-right: 5px;
}





/* $advanced search form */
.searchForm TD {
	padding: 2px;
}
.searchForm .label_col {
	text-align: right;
	white-space: nowrap;
	width: 85px;
	padding: 2px;
	padding-right: 4px;
}
.searchForm .label_col .searchLabel {
	width: auto;
}
.searchForm .label_col LABEL {
	white-space: nowrap;
}
#as_source_checks UL {
	height: 83px;
	height: 67px;
	width: 280px;
	overflow: auto;
}
#as_source_checks LI {
	margin: 0px;
	width: 45%;
	float: left;
	white-space: nowrap;
}
#as_source_checks INPUT {
}
#as_source_checks LABEL {
	font-weight: normal;
	text-transform: none;
	color: #000000;
}

.rec_save_window, rec_save_iframe {
	margin: 0px;
}
.rec_save_window {
	background-color: #FFFFFF;
	border: solid 1px #999999;
	padding: 0px;
	margin-top: -1px;
	overflow: hidden;
	width: 402px;
}
A.menuIcon:hover {
	text-decoration: none;
}
.rec_save_window OL {
	list-style-type: decimal;
	margin-left: 10px;
}
.rec_save_window .content {
	padding: 5px;
	padding-right: 50px;
}
.rec_save_window .functions {
	margin-top: 8px;
}
.rec_save_window LABEL {
	display: block;
	font-weight: normal;
	padding: 5px;
	padding-right: 50px;
	margin-bottom: 5px;
	border-bottom: solid 1px #EEEEEE;
}
.rec_save_window SELECT {
	min-width: 150px;
}
.rec_save_window .savedSearches SELECT {
}
.rec_save_window .savedSearches LABEL {
	border-top: solid 1px #999999;
	margin-top: 10px;
}

.fat_as {
	width: 635px;
}
.fat_as .CMTS {
}
.fat_as #as_source_checks UL {
	width: 520px;
	height: auto;
	overflow: auto;
}
.fat_as #as_source_checks LI {
	width: 30%;
}





#searchBar A.tab {
	background-image: url(images/searchmenu/inactive.gif);
	background-repeat: no-repeat;
	color: #888888;
	background-color: #ffffff;
	background-position: 0px 0px;
	text-decoration: none;
	padding-top: 0px;
}
#searchBar A:hover.tab {
	background-position: 0px -23px;
}
#searchBar A.tab.end {
	background-image: url(images/searchmenu/inactiveEnd.gif);
}
#searchBar A.tab.front {
	background-image: url(images/searchmenu/inactiveFront.gif);
}
#searchBar A:hover.tab.selected, #searchBar A:hover.tab.selectedFront, #searchBar A:hover.tab.selectedEnd {
	background-position: 0px 0px;
}

#searchBar .searchMenu A.tab.selected, #searchBar .searchMenu A.tab.selectedFront, #searchBar .searchMenu A.tab.selectedEnd {
	background-image: url(images/searchmenu/selected.gif);
	color: #ffffff;
	background-position: 0px 0px;
}
#searchBar .searchMenu A.tab.selectedFront {
	background-image: url(images/searchmenu/selectedFront.gif);
}
#searchBar .searchMenu A.tab.selectedEnd {
	background-image: url(images/searchmenu/selected.gif);
}

#searchBar .accountMenu A.tab.selected, #searchBar .accountMenu A.tab.selectedFront, #searchBar .accountMenu A.tab.selectedEnd {
	background-image: url(images/accountmenu/selected.gif);
	color: #ffffff;
	background-position: 0px 0px;
}
#searchBar .accountMenu A.tab.selectedFront {
	background-image: url(images/accountmenu/selectedFront.gif);
}
#searchBar .accountMenu A.tab.selectedEnd {
	background-image: url(images/accountmenu/selected.gif);
}




/* $header footer */
#footer {
	background-color: #CFC5BF;
}
#logo {
	margin-left: 10px;
	float: left;
}
.links .tab, .loginStatus .tab {
	background-position: left center;
	background-image: url(images/bullets.gif);
	background-repeat: no-repeat;
	padding-left: 9px;
	padding-right: 3px;
}
.links A.tab.active, .links A.tab.active:link, .links A.tab.active:visited, .links A.tab.active:hover, .links A.tab.active:active {
	color: #000000;
}

#messageBar {
	margin-right: 15px;
	margin-top: 23px;
}
#messageBar .content {
	background-color: #E22C32;
	border-left: solid 1px #BB0009;
	border-bottom: solid 1px #BB0009;
	color: #FFFFFF;
}
#messageBar .content A {
	color: #FFFFFF;
}



#announcements {
	background-color: #ffffe1;
	border: solid 1px #ffcc00;
	margin: 1px;
	padding: 5px 10px 5px 10px;
}
#announcements .announcement {
}
#announcements .readlink {
	margin-right: 7px;
}







/* icons */
.menuIcon IMG {
	height: 16px;
	width: 17px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: Transparent;
	background-image: url(images/downArrow.gif);
}
A:hover.menuIcon {
	background-color: Transparent;
}
A:hover.menuIcon IMG {
	background-position: 0px -16px;
}




#topicFronts H5 {
	margin-right: 5px;
}








/* APTNL specific */
/* parent borders */




.relatedBar, .dlHeader, .lastHeader {
}
.userMessageBar, .spellingBar {
	background-color: #E7F2E7;
}
.warningBar {
	background-color: #ffffe0;
}
.errorBar {
	background-color: #ffe4e1;
}

#leftNav .parametricWP .webPartContent 
{
}

















/* grids (style sheet) */
/*
.grid TR.alt TD, .gridAltRow {
	background-color: #eee;
}
.grid TR:hover TD, .gridRow:hover, .gridAltRow:hover, .gridSelectedRow:hover {
	background-color: #FFFFEC;
}
.grid TR:hover.alt TD {
	background-color: #FFFBEC;
}
.gridRow td, .gridAltRow td {
	padding: 4px 8px 4px 8px;
}
.gridRow TD.thin, .gridAltRow TD.thin {
	padding: 0px;
}

.gridSelectedRow {
	color: #3936A5;
	background-color: #fff;
}

.gridHeader {
	white-space: nowrap;
	border: solid 0px #999999;
	white-space: nowrap;
	text-align: left;
	background: #eee;
}
.gridHeader TH, .gridSortHeader {
	border: solid 0px #d3d3d3;
	padding: 2px 8px 2px 8px;
}
.grid {
	border-left: solid 0px #999999;
	border-right: solid 0px #999999;
	border: solid 0px #999999;
	color:#aaa;
	font-weight:bold;
}
.gridLink
{
	color:#aaa;
	font-weight:bold;
}
.gridHeader a {
	border: none;
	color: #666;
	font-size:11px;
	font-weight:bold;
}
.gridHeader a:hover {
	color: #990000;
}
*/



/* grids (style sheet) ends */




.scrollBar {
	cursor: n-resize;
	padding: 0px;
	vertical-align: top;
	text-align: center;
	background-color: #125682;
	height: 12px;
	overflow: hidden;
	z-index: 123;
}

.imageButton input {
	filter: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=50);
}

.imageButton:hover input {
	filter: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=100);
}

.widget {
	border: solid 1px #dcdcdc;
	padding: 8px;
}


#_printpage {
	padding: 0px 0px 0px 4px;
	background-color: #fff;
}
.print {
	font-size: 12px;
}
.print H3 {
	font-size: 18px;
}
.print, .print span, .print strong, .print label, .print td, .print h3, .print th {
	font-family: Times New Roman;
}

.denied *, .denied A, .denied A:hover {
	color: #999999;
	background-color: #faf0e6;
	text-decoration: line-through;
}

.menu {
	background-image: url(images/usermenu/menu.gif);
	background-repeat: repeat-x;
	padding: 4px 8px 4px 8px;
	text-align: center;
	border: #d3d3d3 1px solid;
	border-bottom: none;
	color: inherit;
	font-weight: normal;
	background-position: 0px 0px;
	width: 100px;
	white-space: nowrap;
	display: inline-block;
}

.currentMenu {
	background-image: url(images/usermenu/menu_selected.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	color: #ffffff;
	font-weight: bold;
}

.menu:hover {
	background-position: 0px -8px;
	cursor: pointer;
}

.borderless {
	border: none;
}

.menuContent {
	background-image: url(images/usermenu/menu_bottom.gif);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	border-left: #d3d3d3 1px solid;
	border-right: #d3d3d3 1px solid;
	border-bottom: #d3d3d3 1px solid;
	border-top: none;
}














.link_menu {
}
.link_menu INPUT {
	width: 75px;
	height: 21px;
	border: none;
	padding: 0px;
	text-decoration: none;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url(images/buttons/toolbar_menu_text.gif);
}
.link_menu INPUT:hover {
	text-decoration: none;
	background-position: 0px -21px;
}
.link_menu IMG {
	vertical-align: middle;
	height: 21px;
	width: 17px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url(images/buttons/toolbar_menu.gif);
}
.link_menu:hover IMG {
	background-position: -17px 0px;
}
A:hover.menuIcon {
}















/*
.tabs {
	float: left;
	position: relative;
	z-index: 666;
	border-bottom: 1px solid #cccccc;
}
.tabs li {
	position: relative;
	float: left;
	padding-left: 10px;
	margin-right: 3px;
	background: url(   "images/tabs/tab.png" ) no-repeat left top;
	list-style-type: none;
}
.tabs li.first-child {
	margin: 0;
}
.tabs li a {
	display: block;
	padding: 3px 10px 3px 0;
	border: none;
	outline: none;
	background: url(   "images/tabs/tab.png" ) no-repeat right top;
	color: #666;
}
.tabs li a:hover {
	color: #333;
}
.tabs li.active {
	position: relative;
	margin-bottom: -1px;
	background-position: 0 -40px;
}
.tabs li.active span, .tabs li.active a {
	display: block;
	padding: 3px 10px 4px 0;
	background: url(   "images/tabs/tab.png" ) no-repeat right -40px;
	font-weight: bold;
	color: #333;
}


 .tabs div {
	clear:right;
	position: relative;
	z-index: 666;
	border-bottom: 1px solid #cccccc;
}
*/

#searchTabs {
	clear: left;
	margin-left: 2px;
	/*margin-right:2px;*/
	background-color:#EEEEEE;
	
	
	/*margin-bottom: -9px;*/
	border-bottom: 1px solid #ffffff;
}
#searchTabs UL, .featureTabs UL {
	margin: 0px;
	padding: 0px;
}
.featureTabs {
	clear: left;
	float: right;
	margin-right: 8px;
	margin-bottom: -9px;
	border-bottom: 1px solid #ffffff;
}




/* Manage Folders mostly */
.folder_group, .folder_items, .folder_group_partial {
	border: solid 1px #cccccc;
	padding: 7px;
	margin-bottom: 20px;
}
.folder_group_partial {
	border-right: none;
	border-bottom: none;
}
.folder_group LEGEND, .folder_items LEGEND {
	margin-left: 10px;
}
.folder_group LEGEND, .folder_group_partial LEGEND {
	color: #CC6666;
	font-weight: bold;
}
.folder_items LEGEND {
	color: #000000;
}
.folder_items {
	border: solid 1px #000000;
}
.inplace_edit_form {
	vertical-align: middle;
}
.inplace_edit_form .editor_field {
	height: 17px;
}
.inplace_reorder_form {
	white-space: nowrap;
}
.inplace_reorder_form .editor_field {
	width: 30px;
}

#label_chrome {
	background-color: #ffffff;
}
.waiting_animation {
	background-position: center center;
	background-image: url(/images/ap_animation_med.gif);
	background-repeat: no-repeat;
	overflow: auto;
}

ul.request {
	margin: 0 8px 16px 0;
}
ul.request li {
	list-style: none;
	padding: 4px 24px 4px 24px;
	background: url(/images/bullet.gif) 5px 5px no-repeat;
	overflow: hidden;
	border: 1px solid #fff;
}
ul.request li:hover {
	border: 1px solid #cc0000;
	background-color: #fff8ff;
}


#screenerDiv .notesAndCommentsStyle, #popOver .notesAndCommentsStyle {
	clear: left;
}
#screenerDiv .notesAndCommentsStyle div.col1 {
	float: left;
	margin-right: 20px;
	margin-left: 8px;
}
#screenerDiv .notesAndCommentsStyle div.col2 {
	margin-top: 10px;
}
#popOver .notesAndCommentsStyle .col1, #popOver .notesAndCommentsStyle .col2 {
	float: left;
	margin:4px 8px;
}

#popoverWebOrderDiv {
	clear: both;
}
#popoverWebOrderDiv .notesAndCommentsStyle {
	clear: left;
}
#popoverWebOrderDiv .notesAndCommentsStyle div.col1 {
	float: left;
	margin-right: 20px;
	margin-left: 8px;
}


#screenerDiv .expanded, #screenerDiv .collapsed, #masterDiv .expanded, #masterDiv .collapsed {
	color: #76A3BC;
	font-size: 1.4em;
	background-color: #EEEEEE;
	border: 1px solid #E7E7E7;
	font-weight: bold;
	padding: 6px;
}

#screenerDiv .expanded img, #screenerDiv .collapsed img, #masterDiv .expanded img, #masterDiv .collapsed img {
	background-image: url(images/icons/sprite.png);
	display: block;
	float: left;
	height: 14px;
	margin-right: 5px;
	width: 14px;
	background-position: -59px -42px;
}

#itemsParent .returnLinks {
	margin-top: 10px;
	color: #CC6600;
}

#screenerDiv .expanded IMG, #masterDiv .expanded IMG {
	background-position: -59px -56px;
}
#screenerDiv .expanded:hover IMG, #masterDiv .expanded:hover IMG {
	background-position: -59px -42px;
}
#screenerDiv .collapsed IMG, #masterDiv .collapsed IMG {
	background-position: -59px -112px;
}
#screenerDiv .collapsed:hover IMG, #masterDiv .collapsed:hover IMG {
	background-position: -59px -126px;
}

#faq .leftPanel
{
	float:left;
	width:30%;
	height:auto;
}
#faq .rightPanel
{
	float:left;
	width:70%;
	height:500px;
	overflow:hidden;
}

.center-text
{
	text-align:center;
	width:100%;	
}
