/* 
	There are 12 possible custom colors, with each color getting its own class name (by prepending
	"custom" to the template replacement string). These classes are assigned static values in the global
	style sheet, which get overridden here if this templated style sheet gets included.

	The link colors can be assigned to the links directly, or a parent element containing the links.
*/
.customBorderColor { border-color:#3d3d3d; }
.customLinkColor, .customLinkColor a { color:#b50000; }
.customNameColor { color:#c1c1c1; }
.customTopNavigationLinkColor, .customTopNavigationLinkColor a { color:#c1c1c1; }
.customTopNavigationBackgroundColor { background-color:#737373; }
.customHeaderBackgroundColor { background-color:#737373; }
.customModuleTopColor { background-color:#8f8f8f; }
.customFooterBackgroundColor { background-color:##fffff; }
.customTextColor { color:#000000; }
.customTextColorAsBorderColor { border-color:#000000; }
.customPageBackgroundColor { background-color:#c1c1c1; }
.customModuleContentColor { background-color:#afafaf; }
.customModuleContentColorAsBorderColor { border-color:#afafaf; }
.customFooterLinkColor, .customFooterLinkColor a { color:##fffff; }
.customZebraStripes .odd { background-color:#afafaf; }
.customZebraStripes .even { /* show page through */ }

/* TextColor */
body, td { color: #000000 }
hr { border-top-color:#afafaf; }

/* LinkColor */
a { color: #b50000 }

/* PageBackgroundColor */
body { background-color: #c1c1c1; }

/* ModuleTopColor */
.module_titlebg { background-color: #8f8f8f; }

/* NameColor */ 
.mini_href_custom { color: #c1c1c1; }
.top_search { color: #c1c1c1; }
.top_search_submit { color: #c1c1c1; }

/* TopNavigationLinkColor */ 
.top_nav { color: #c1c1c1; }

/* ModuleContentColor */
body { 
	scrollbar-3d-light-color: #afafaf; 
	scrollbar-dark-shadow-color: #afafaf; 
	scrollbar-face-color: #afafaf; 
	scrollbar-highlight-color: #afafaf; 
	scrollbar-shadow-color: #afafaf;  }
h2.bar, tr.alter_tr td { background-color: #afafaf; }
	
/* BorderColor */
body {
	scrollbar-arrow-color: #3d3d3d; 
	scrollbar-base-color: #3d3d3d;
}
  
  
/* Uncategorized, to-do... */  

 .header_brandingbg { background: #303030; }
 .header_line1 { background: #b50000; }
 .header_line2 { background: #3d3d3d; }
 .header_topnavbg { background: #737373; }
 .header_line3 { background: #8f8f8f; }

 .footer_bg { background: ##fffff; }

 .td_bg { background: #afafaf; padding: 4px; }
 .td_bg2 { background: #afafaf; padding: 2px; }
 
 .module_form_bg { background: #afafaf } 
 .module_form_bg_alpha { background: #FFFFFF; }
 .module_form_bg_alpha_rev { background: #ddd; }
 .body_form_bg { background: #c1c1c1 }
  
 .tabLine { background: #000000 }
 .drop_indicator_color { background: #000000 }
 .move_slide_cursor { background: #c1c1c1 }
 .frontTab { BORDER-BOTTOM: #000000 1px solid;  }
 .backTab { BORDER-BOTTOM: #000000 1px solid;  } 
 .selTab { BORDER-LEFT: #000000 1px solid; BORDER-TOP: #@TextColor@ 1px solid; BACKGROUND: #@PageBackgroundColor@ }
 .unselTab { BORDER-BOTTOM: #000000 1px solid; }
 
 .slideFooter { background: #FFFFFF; }
 
 .success { font: 10px "Tahoma", "Verdana", "Arial", "Sans-Serif"; text-decoration: none; color: #24BA24;}
 .sending { font: 10px "Tahoma", "Verdana", "Arial", "Sans-Serif"; text-decoration: none; color: #fff200;}
 .problem { font: 10px "Tahoma", "Verdana", "Arial", "Sans-Serif"; text-decoration: none; color: #ff0000;}

 .branding { font: 32px "Tahoma", "Verdana", "Arial", "Sans-Serif"; font-weight: bold; text-decoration: none; color: #c1c1c1 }
 .branding:link { font: 32px "Tahoma", "Verdana", "Arial", "Sans-Serif"; font-weight: bold; text-decoration: none; color: #c1c1c1 }
 .branding:visited { font: 32px "Tahoma", "Verdana", "Arial", "Sans-Serif"; font-weight: bold; text-decoration: none; color: #c1c1c1 }
 .branding:hover { font: 32px "Tahoma", "Verdana", "Arial", "Sans-Serif"; font-weight: bold; text-decoration: none; color: #c1c1c1 }
 
 .bold { font: 11px "Tahoma", "Verdana", "Arial", "Sans-Serif"; font-weight: bold; text-decoration: none; color: #000000 }
 .normal_tr { padding: 1px; }
 .border_4 { padding: 4px; }
 .border_2 { padding: 2px; }
 .opaque { background: #000000; filter: progid:DXImageTransform.Microsoft.alpha(opacity=50); }
 .featured { font: 11px "Tahoma", "Verdana", "Arial", "Sans-Serif"; font-weight: bold; text-decoration: none; color: #ffffff; filter: alpha(opacity=100); position: relative; }
 .error { font: 11px "Tahoma", "Verdana", "Arial", "Sans-Serif"; font-weight: bold; text-decoration: none; color: #ff0000 }
 .success { font: 11px "Tahoma", "Verdana", "Arial", "Sans-Serif"; font-weight: bold; text-decoration: none; color: green }
 .pending { font: 11px "Tahoma", "Verdana", "Arial", "Sans-Serif"; font-weight: bold; text-decoration: none; color: yellow }
 .ok { font: 11px "Tahoma", "Verdana", "Arial", "Sans-Serif"; font-weight: bold; text-decoration: none; color: black }
 .border { background: white; border: 1px solid #3d3d3d; padding: 0px }
 .borderAndNoBackground 
 {
	border: 1px solid #000000
 }
 .borderAndNoBackground2
 {
	border: 1px solid #3d3d3d;
 }
 .borderPermissionPanel 
 {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;  
 }
 .borderTopLeftRight
 {
	border-top: 1px solid #000000;
	border-left:  1px solid #000000;
	border-right: 1px solid #000000;
 }
 .borderTopLeftBottom 
 {
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
 }
 .borderTopRightBottom 
 {
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
 }
 .borderTopLeft 
 {
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
 }
 .borderTopRight 
 {
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
 }
 .borderTopBottom 
 {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
 }
 .borderLeft 
 {
	border-left: 1px solid #000000; 
 }
 .borderRight
 {
	border-right: 1px solid #000000; 
 }
 .borderBottom 
 {
	border-bottom: 1px solid #000000;  
 }
 .borderTop 
 {
	border-top: 1px solid #000000;  
 } 
 .border_pagenavigator 
 { 
	background: #afafaf; 
	border: 1px solid #3d3d3d; 
	padding: 4px 
 }
 .borderselected { background: yellow; border: 1px solid #3d3d3d; padding: 0px }
 
 .outlineborder { border: 1px solid #3d3d3d; padding: 2px }
 .TopNTableStyle { border: 2px solid #3d3d3d }
 .TopNHeaderStyle { border-bottom:1px solid #3d3d3d; font: 9px "Tahoma", "Verdana", "Arial", "Sans-Serif"; text-decoration: none; color: #@TextColor@ }
 .is_group_border { background: #ffffff; border: 2px solid #3d3d3d; padding: 1px }
 .small_border { background: white; border: 1px solid #3d3d3d; padding: 2px; spacing: 2px }
 .off { font: 11px "Tahoma", "Verdana", "Arial", "Sans-Serif"; font-weight: bold; text-decoration: none; color: #000000 }
 .small_text { font: 9px "Tahoma", "Verdana", "Arial", "Sans-Serif"; text-decoration: none; color: #000000 }
 
 .fourhundred_field  { font: 11px "Tahoma", "Verdana", "sans-serif"; background: white; border: 1px solid #3d3d3d; width: 400px }
 .threehundred_field  { font: 11px "Tahoma", "Verdana", "sans-serif"; background: white; border: 1px solid #3d3d3d; width: 300px }
 .twohundredfifty_field {font: 11px "Tahoma", "Verdana", "sans-serif"; background: white; border: 1px solid #3d3d3d; width: 250px }
 .twohundred_field  { font: 11px "Tahoma", "Verdana", "sans-serif"; background: white; border: 1px solid #3d3d3d; width: 200px }
 .onehundred_field  { font: 11px "Tahoma", "Verdana", "sans-serif"; background: white; border: 1px solid #3d3d3d; width: 100px }
 .onefifty_field  { font: 11px "Tahoma", "Verdana", "sans-serif"; background: white; border: 1px solid #3d3d3d; width: 150px }
 .onetwentyfive_field  { font: 11px "Tahoma", "Verdana", "sans-serif"; background: white; border: 1px solid #3d3d3d; width: 125px }
 .seventyfive_field  { font: 11px "Tahoma", "Verdana", "sans-serif"; background: white; border: 1px solid #3d3d3d; width: 75px }
 
 .ext_field  { font: 11px "Tahoma", "Verdana", "sans-serif"; background: white; border: 1px solid #3d3d3d; width: 65px }
 .date_field  { font: 11px "Tahoma", "Verdana", "sans-serif"; background: white; border: 1px solid #3d3d3d; width: 65px }
 .int_field  { font: 11px "Tahoma", "Verdana", "sans-serif"; background: white; border: 1px solid #3d3d3d; width: 45px }
 .error_field_150  { font: 11px "Tahoma", "Verdana", "sans-serif"; background: white; border: 1px solid #ff0000; width: 150px }
 .error_field_200  { font: 11px "Tahoma", "Verdana", "sans-serif"; background: white; border: 1px solid #ff0000; width: 200px }
 .error_field  { font: 11px "Tahoma", "Verdana", "sans-serif"; background: white; border: 1px solid #ff0000; width: 200px }
 .textarea  { font: 11px "Tahoma", "Verdana", "sans-serif"; background: white; border: 1px solid #3d3d3d; width: 300px }
 .textareaNarrow  { font: 11px "Tahoma", "Verdana", "sans-serif"; background: white; border: 1px solid #3d3d3d; width: 225px }
 .textareaWide  { font: 11px "Tahoma", "Verdana", "sans-serif"; background: white; border: 1px solid #3d3d3d; width: 450px }
 .submit  { font: 11px "Tahoma", "Verdana", "sans-serif"; font-weight: bold; color: #333333; background: white; border: 1px solid #3d3d3d }
 .submitactive  { font: 11px "Tahoma", "Verdana", "sans-serif"; font-weight: bold; color: #333333; background: pink; border: 1px solid #3d3d3d }
 
 .copyright { font: 10px "Tahoma", "Verdana", "Arial", "Sans-Serif"; text-decoration: none; color: ##fffff }
 .copyright:link { font: 10px "Tahoma", "Verdana", "Arial", "Sans-Serif"; text-decoration: none; color: ##fffff }
 .copyright:visited { font: 10px "Tahoma", "Verdana", "Arial", "Sans-Serif"; text-decoration: none; color: ##fffff }
 .copyright:hover { font: 10px "Tahoma", "Verdana", "Arial", "Sans-Serif"; text-decoration: none; color: ##fffff }
 
 .pager_div { padding: 0px; background: #c1c1c1; margin-top: 5px;}
 .pager_table { padding: 0px; }
 .pager_table_float { padding: 0px; width:100%}
 .pager_select  { font: 11px "Tahoma", "Verdana", "sans-serif"; background: white; border: 1px solid #3d3d3d;}

  div.float { float: left; margin-right: 0px; display: block; width: 146px; margin-bottom: 10px; } 

/*image details page */
.detail_layout_table { margin-top: 5px; margin-left: 5px; }
.detail_layout_table td {vertical-align: top; color: #000000; }
.detail_layout_table div {vertical-align: top; color: #000000; }
.detail_label_cell { width: 125px; white-space: nowrap; vertical-align:top; text-align:left; font-family: verdana; font-weight: bold; }
.detail_value_cell { vertical-align:top; text-align:left; width:220px; font-family: verdana; }
.detail_dotted_rule { border-top: 1px dotted #afafaf; height: 1px; width: 360px; clear: right; padding: 4px 0px 4px 0px;}
.detail_icon_cell { width: 20px; height: 21px; text-align: left; padding-right:8px; padding-left:8px; }
.detail_icon_text_cell { width: 140px; padding-right:10px; font-family: verdana; font-size: 10px; padding-bottom:8px; }
.detail_owner_actions { width: 140px; background: #afafaf; margin-bottom: 10px; padding-bottom: 5px; padding-left: 2px;}
.detail_owner_actions td.title { padding: 13px 0px 5px 8px; font-family: verdana; color:#000000; font-weight: bold; }
.detail_owner_actions td.detail_icon_cell { width: 20px; height: 21px; text-align: left; }
.detail_owner_actions td.detail_icon_text_cell { width: 120px; font-family: verdana; font-size: 10px; }
.detail_title_cell { font-family: arial; font-size:16px; font-weight: bold; }
.detail_description_cell { margin-bottom: 12px;}
.detail_specs_table { width: 350px; margin-left: 5px;}
.detail_metadata_table th { font-weight:bold; text-align:left; padding-right:10px; padding-left:5px; }
.detail_image_details { margin-top: 8px; padding-top: 7px; padding-bottom: 7px; background: #afafaf; width: 410px; }

/* photoslide */
.batchText { visiblity: hidden; width: 30px; margin-right: 5px; font-size: 10px; float: left; color: #000000; }

.request { text-decoration: none; font-weight: normal; }
.request:link { color: #b73340; text-decoration: none; font-weight: normal;  }
.request:visited { color: #b73340; text-decoration: none; font-weight: normal; }
.request:hover { text-decoration: underline; color: #b73340;  font-weight: normal; }

b.rtop, b.rbottom { display: inline; background: #c1c1c1; }
b.rtop b, b.rbottom b { display: block; height: 1px; overflow: hidden; background: #3d3d3d; }
b.r1{ margin: 0 5px; }
b.r2{ margin: 0 3px; }
b.r3{ margin: 0 2px; }
b.rtop b.r4, b.rbottom b.r4{ margin: 0 1px; height: 2px;}

.photoslideWrapper { border-color: #3d3d3d; }



/*lightboxes*/

.gridSize {
	padding-right: 3px;
}

.preTabSpacer
{
  width: 8px;
  height: 19px;
	background: #c1c1c1;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
}

.postTabSpacer 
{
  height: 19px;
	background: #c1c1c1;
	border-bottom: 1px solid #000000;
}

.activeLightboxTab {
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	background: #afafaf;
	text-align: center;
	width: 145px;
	height: 19px;
	padding-top: 2px;
}

.inactiveLightboxTab {
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #c1c1c1;
	text-align: center;
	vertical-align: middle;
	width: 145px;
	height: 19px;
	padding-top: 2px;
}

.hoverLightboxTab {
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #D4D4D4;
	text-align: center;
	vertical-align: middle;
	width: 145px;
	height: 19px;
	padding-top: 2px;
}

/* My groups and production */

.alerts {
	margin-top: 10px;
	height: 30px;
	width: 775px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #afafaf;
	
}


/* NEW general/multipurpose  styles */
 
.pagebackground { background: #c1c1c1; }
 
.pageTitle { font-family: arial; color: #000000; font-size: 18px; text-transform: uppercase;}
 
.buttonText { font-family: verdana; font-size: 10px; color: #FFFFFF; padding-left: 3px; padding-right: 3px; }

.buttonArrow { font-family: verdana; font-size: 9px; color: #FFFFFF; padding-right: 3px; }
 
.content10px { font-size: 10px; color: #000000; font-family: verdana; }
 
.shadedHeader { margin-top: 17px; margin-bottom: 17px; padding-left: 3px; background: #afafaf; height: 14px; }