/* Generic Global Styles */


html 
{
	margin:0px;
	padding:0px;
}

body 
{ 
	font-family:  Verdana, Arial, Helvetica, 'MS Sans Serif', 'Sans-Serif'; color: #6680c6; 
	margin-left : 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #6680c6;
	padding: 0px; 
}

/* Home Page HTM insert style */
#home 
{
	width: 500px;
	height: 500px;
}

#homebody 
{
	background-color: #FFFFFF;
	background-image: url(home_background.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align:left;
}

#homebody a 
{
	color: #0963b8;
	text-decoration: none;
}

#homeleft 
{
	font-size: 12px;
	color: #333333;
	width: 270px;
	text-indent:0px;
}

#homeright 
{
	font-size: 12px;
	color: #333333;
	width: 200px;
	margin-right:5px;	
}

#homestart:hover {background-image: url(button_start_over.gif); width:119px; height:33px; border:0;}
#homestart { background-image: url(button_start.gif); width:119px; height:33px; border:0; }

h1			{color: #0066CC; font-size: 120%; font-weight: bold; margin-top: 0em; margin-bottom: .3em;}
h2			{color: #000000; font-size: 95%; font-weight: bold; margin-bottom: .1em; margin-top: .3em;}
h3			{color: #0066CC; font-size: 90%; font-weight: bold; margin-bottom: .1em; margin-top: .1em;}
h4			{color: #0066CC; font-size: 110%; font-weight: bold;}
h5			{color: #0066CC; font-size: 105%; font-weight: bold;}
h6			{color: black; font-size:75%; font-weight: normal; margin-top: 0em; margin-bottom: 0em;}

th			{font-size: 8pt; text-align: left;}
td			{font-size: 8pt; line-height: 120%;}

a			{color: #0066cc;}
a:active	{color: #993399;}
a:hover		{color: #339900;}

p			{color: black; font-size:8pt; font-weight: normal;}

/* Global Font Family for Text Boxes, Combos  (may affect other things) */
textarea	{height:16px; font-family:  Verdana, Arial, Helvetica, 'MS Sans Serif', 'Sans-Serif';font-size: 8pt} /* Text Boxes */
input		{font-family:  Verdana, Arial, Helvetica, 'MS Sans Serif', 'Sans-Serif';font-size: 8pt} /* Text Boxes - Multiline */
select 	    {height:19px; font-family:  Verdana, Arial, Helvetica, 'MS Sans Serif', 'Sans-Serif';font-size: 8pt} /* Combos */

/* Styles used in various modal dialogs and for disabling parent page */
.modalbackground 
{
    background-color:Gray;
    filter:alpha(opacity=60);	/* for IE */
    opacity:0.6;				/* CSS3 standard , also Firefox */
}

.modalpopup 
{ 
    background-color:white;
    padding:0px;
    width:300px;
    overflow: hidden;
}


/* Main content body and Grid View Styles */

.content_body 
{
	background-color: #6680c6;
	background-image: url(page_background_tile.gif);
	background-repeat: repeat-x;
	overflow: hidden;
	height: 100%;
	margin-top: 0px;
	padding-top:0px;
	padding-right: 15px;
	padding-left: 15px;
	margin-top:0px;
}

.content_body_plus_header
{
	background-color: #6680c6;
	background-image: url(page_background_plus_heading_tile.gif);
	background-repeat: repeat-x;
	overflow: hidden;
	height: 100%;
	margin-top: 0px;
	padding-top:0px;
	padding-right: 15px;
	padding-left: 15px;
	margin-top:0px;
}

.content_body_table 
{
	background-color: #6680c6;
	background-repeat: repeat-x;
	background-image: url(page_background_tile.gif);
	overflow: hidden;
}
    
.page_header 
{
	background-image: url(page_header_background.gif);
	background-repeat:no-repeat;
	background-position: left -1px;
	background-color: #a3c7ed;
}

/* Main Menu Styles */
.dialog_centered
{
   position:relative; 
   width:550px; 
   margin-left:auto; 
   margin-right:auto; 
}

.dialog_not_centered
{
    position:relative;
    margin-left:15px; 
    margin-right:15px; 
}

/* Simple menu style */
table.menu_table {margin-bottom:0px;}
table.menu_inner_table {margin-left:5px; margin-bottom:0px;}
menu_row {margin-bottom:0px;}
td.menu_separator { visibility:hidden;}	

/* Tabbed menu style */
#menus 
{
	float:left;
	width:100%;
	background-image: url(mainmenu_tile.gif);
	height:26px;
	background-repeat: repeat-x;
}

#menus a 
{
	float:left;
	background: url(mainmenu_left.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none;
}

#menus a span 
{
  float:left;
  display:block;
  background: url(mainmenu_right.gif) no-repeat right top;
  padding:7px 20px 7px 14px;
  font-weight:bold;
  font-size:12px;
  color:#2a6fb7;
  line-height:100%;
}	

#menus a span {float:none;}

#menus .current a 
{
  background-position:0 -52px;
  border-width:0;
}

#menus .current a:hover 
{
  background-position:0 -52px;
  border-width:0;
}

#menus .current a:hover span 
{
  background-position:100% -52px;
  padding-bottom:7px;
  color:#FFFFFF;
}

#menus .current a span 
{
  background-position:100% -52px;
  padding-bottom:7px;
  color:#FFFFFF;
}

#menus a:hover {background-position:0% -26px;}
#menus a:hover span {color:#2a6fb7; background-position:100% -26px;}

#menus .disabled a span 
{
  color:gray;
  font-weight:normal;
}

#menus .disabled a:hover span 
{
  color:gray;
  font-weight:normal;
}

/* Toolbar tyles */
.toolbar_div span {padding-top: 10px;}
.toolbar_div {padding-top: 4px;}

table.toolbar {}

.toolbar_sep 
{ 
	padding-left:6px; 
	padding-right:6px;
}	

.toolbar 
{
   	height: 34px;
	background-image: url(toolbar_tile.gif);
	background-repeat: repeat-x;
	color: #003399; 
	font-size: 8pt; 
	font-weight: 400;
}

.toolbar_link 
{ 
	text-decoration: none; /* Removes Hyperlink */
   	text-indent: 2px;
   	overflow:visible;
}

/* User name and Site Style */
.toolbar_label 
{ 
	color: Gray; 
	font-size: 8pt; 
	font-weight: 400;
} 

.toolbar_left 
{
	background-image: url(toolbar_left.gif);
	width: 6px;
	background-repeat: no-repeat;
	height: 34px;
}

.toolbar_right 
{
	background-image: url(toolbar_right.gif);
	width: 6px;
}

.toolbar_shadow 
{
	background-image: url(toobar_shadow.gif);
	background-repeat: repeat-x;
	height: 2px;
}

.page_filter_controls{}

#view_tab_container 
{
	background-image: url(tab_tile.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #e7e9ea;
	border-bottom: solid 0px white;
	width: 100%;
}

#view_tabs 
{
	float:left;
	font-size:12px;
	line-height:100%;
	font-family: Verdana, Arial, Helvetica, 'MS Sans Serif', 'Sans-Serif';
	font-weight: bold;
	border-bottom: solid 0px white;
}

#view_tabs a 
{
	float:left;
	background: url(tab_left.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none;
}
   
#view_tabs a span 
{
	float:left;
	display:block;
	background: url(tab_right.gif) no-repeat right top;
	padding:12px 13px 6px 6px;
	font-weight:bold;
	color:#808080;
	white-space: nowrap;
	line-height:100%;
}	
      
#view_tabs a span {float:none;}
#view_tabs a:hover span {color:#2a6fb7;}
#view_tabs a:hover {}
	
#view_tabs .current a 
{
	background-position:0 -30px;
	border-width:0;
}

#view_tabs .current a span 
{
	background-position:100% -30px;
	padding-bottom:6px;
	color:Black;
}

/* Used in Select Data and Repeating Item Grids*/
.grid_wizard
{
	color:Black;
	background-color: #f8f8ff;
	border: solid 1px #f8f8ff;
}

.grid_wizard_header
{
	background-color: white;
	color:Black;
	font-weight:bold;
}

.grid_wizard_footer
{
	color:Black;
}

.grid
{
	background-color: #f8f8ff;
	border: solid 1px #e7e9ea; 
}

.grid_header
{
	background-color: white;
	color:Black;
}

.grid_header a
{
	text-decoration:none;
	color:Black;
}

.grid_footer 
{
	background-color: #91bbf0;
	background-image: url(grid_footer_tile.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 20px;
	padding-right: 10px;
	padding-left: 10px;
}

.dialog_shadow
{
	background-image: url(grid_shadow.gif);
	background-repeat: repeat-x;
}

.dialog_shadow_right
{
	background-image: url(grid_shadow_y.gif);
	background-repeat: repeat-y;
}


#grid_shadow
{
	background-image: url(grid_shadow.gif);
	background-repeat: repeat-x;
	width: 100%;
}

#nav_shadow 
{
	background-image: url(grid_shadow.gif);
	background-repeat: repeat-x;
	width: 100%;
}

.grid_action_url 
{
	text-decoration:none;
	font-weight:400;
	overflow:hidden;
}
	
.grid_text
{
	overflow:hidden;
}
	
.sub_heading 
{
	background-image: url(title_tile.gif);
	background-repeat: repeat-x;
	background-position: top;
	vertical-align:top;
	clear: both;
	width:100%;
}

/* Styles for ActiveDocs Web Site Dialog Boxes and headings */
#dialog_bodyControls { /* this controls the min height the control area of the dialog */
 	
}

.dialog_heading 	 {color: #FFFFFF; font-size: 10pt; font-weight: 700}
.dialog_instructions {color: #000000; font-size: 8pt; font-weight: 400}
.dialog_subheading { 
	font-size: 12px;
	font-weight: bold;
	color: #646464;
    }

/* Style used in the blank preview graphic */
.dialog_subheading_snippet 
{
	font-family:  Verdana, Arial, Helvetica, 'MS Sans Serif', 'Sans-Serif'; 
	font-size: 30px; 
	color: #646464;
	text-align: center;
}

.dialog_body 
{
	background-color: #FFFFFF;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top:0px;
	margin-top:0px;
	height: 100%;
	z-index:1000;
}

a.dialog_button
{
	float:right;
	background: url(button_left.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 3px;
	text-decoration:none;
	font-family:  Arial, Helvetica, 'MS Sans Serif', 'Sans-Serif';
	font-size: 12px;
	color: #5d5d5d;
}

.dialog_button span
{
	float:none;
	display:block;
	background: url(button_right.gif) no-repeat right top;
	padding: 2px 0px 0px 0px;
	font-weight:bold;
	color:#5d5d5d;
	white-space: nowrap;
	cursor:pointer;
	text-align:center;
	vertical-align:middle;
	width:70px;
	height:18px;
}

.dialog_button span img
{
	 position:relative;
	 vertical-align:middle;
	 top:-1px;
}

a.dialog_button:hover
{
	float:right;
	background: url(button_left_over.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 3px;
	text-decoration:none;
	font-family: Arial, Helvetica, 'MS Sans Serif', 'Sans-Serif';
	font-size: 12px;
	color: #5d5d5d;
}

a.dialog_button:hover span 
{
	float:none;
	display:block;
	background: url(button_right_over.gif) no-repeat right top;
	padding: 2px 0px 0px 0px;
	font-weight:bold;
	color:#5d5d5d;
	white-space: nowrap;
} 

a.dialog_button_disabled
{
	float:right;
	background: url(button_left_inactive.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 3px;
	text-decoration:none;
	font-family:  Arial, Helvetica, 'MS Sans Serif', 'Sans-Serif';
	font-size: 12px;
	cursor: pointer;
	color: #9ab2d2;
}

.dialog_button_disabled span img
{
	 position:relative;
	 vertical-align:middle;
	 top:-1px;
}

a.dialog_button_disabled span 
{
	float:none;
	display:block;
	background: url(button_right_inactive.gif) no-repeat right top;
	padding: 2px 0px 0px 0px;
	font-weight:normal;
	color:#9ab2d2;
	white-space: nowrap;
	width:70px;
	height:18px;
	text-align:center;
	vertical-align:middle;
} 

table.dialog_bottom 
{
	background-color: #91bbf0;
	background-image: url(grid_footer_tile.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 30px;
	padding-right: 10px;
	padding-left: 10px;
}

.dialog_bottom 
{
	background-color: #91bbf0;
	background-image: url(grid_footer_tile.gif);
	background-repeat: repeat-x;
	background-position: top;
}

/* Calendar Popup control */
.calendar_popup .ajax__calendar_container 
{
	padding:4px;
	position:absolute;
	cursor:default;
	width:170px;
	font-size:11px;
	text-align:center;
	font-family: tahoma, verdana, helvetica, 'MS Sans Serif', 'Sans-Serif';
	border:1px solid #646464;
	background-color:#ffffff;
	color:#000000;
	z-index:1000;
}
.calendar_popup .ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.calendar_popup .ajax__calendar_days, .calendar_popup .ajax__calendar_months, .calendar_popup .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.calendar_popup .ajax__calendar_container TABLE {font-size:11px;z-index:1004;}
.calendar_popup .ajax__calendar_header {height:20px;width:100%; text-align:center;}

/*
NB: These style attributes do not work in IE6 these cause arrows not to render when using the Background-image:url(<%=WebResource... 
    Background-image:url("MyArrowLeft.gif") does work. If style is not specified then the builtin default arrows are used

.calendar_popup .ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-left.gif")%>);}
.calendar_popup .ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-right.gif")%>);}
*/

.calendar_popup .ajax__calendar_title {cursor:pointer; font-weight:bold; width:140px;}
.calendar_popup .ajax__calendar_footer {height:15px;}
.calendar_popup .ajax__calendar_today {cursor:pointer;padding-top:3px; color:Red;}
.calendar_popup .ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.calendar_popup .ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.calendar_popup .ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.calendar_popup .ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.calendar_popup .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.calendar_popup .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.calendar_popup .ajax__calendar_day {border:1px solid #ffffff;}
.calendar_popup .ajax__calendar_month {border:1px solid #ffffff;}
.calendar_popup .ajax__calendar_year {border:1px solid #ffffff;}
.calendar_popup .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.calendar_popup .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.calendar_popup .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.calendar_popup .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.calendar_popup .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.calendar_popup .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.calendar_popup .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.calendar_popup .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.calendar_popup .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.calendar_popup .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}

/* Styles for Express Wizard actions and seperators (next, back) */
a.link_buttons			{color: Black; font-size: 10pt; font-weight: 400; text-decoration: underline;}
a.link_buttons:Hover	{color: #FFCC00; font-size: 10pt; font-weight: 400; text-decoration: underline;}
span.link_buttons_div	{color: Gray; font-size: 10pt; font-weight: 400 } /* Seperator */

/* Styles for Web Site Dialog Boxes Group Separator Heading, Line, and Instructions */
.docwiz_sep_prompt		{color: #7394B5; font-size: 8pt; font-weight: 700; height:20px;}
td.docwiz_sep_line		{background-color: #7394B5;}
.docwiz_sep_instructions	{color: #000000; height:20px; vertical-align: top;}

/* Styles for Express Wizard Step and General Dialog Controls and Prompts */
.question_prompt 			{color: #000000; font-size: 8pt;  font-weight: 400}
.question_normal 			{}
.question_prompt_mandatory	{color: #000000; font-size: 8pt;  font-weight: 600;}
.question_control 			{color: #000000; font-size: 8pt; font-weight: 400;}

table.question_control  {}

/* Wizard and Dialog Tip Footer Area Style */
td.tip_footer_outer 
{
   border-left: 0px solid white; 
   border-top: 0px solid white; 
   border-right: 0px solid white;
   border-bottom: 0px solid white;
}

/* Border Colour */
.tip_footer_outer {background-color:#d4e7ff;}	
	
.tip_footer_inner 
{ 
	background-color: #d4e7ff;
	/*padding: 5px 6px 8px 6px;*/
	font-size: 11px;
	color: #000000;
}

div.tip_footer_text_error	{color: red; font-size: 8pt; font-weight: 700}		/* First line of Error Text Style */ 
div.tip_footer_text  		{color: black; font-size: 8pt; max-height:40px; font-weight: 400}
div.tip_footer_icon         {padding-right:4px} /* Date Picker, Data View Selector, Error Icon etc */

/* Wizard and Dialog Tool Tip Style */
div.tooltip			{border: 1px solid silver;  background-color: InfoBackground;}
td.tooltip_text		{color: black; font-size: 8pt; font-weight: 400}

.tooltip_border		{}
.tooltip_back		{background-color: InfoBackground;}
.tooltip_backcap    {background-color: InfoBackground;}
.tooltip_text		{color: InfoText; font-size: 8pt; font-weight: 400}
.tooltip_cap		{color: InfoText; font-size: 8pt; font-weight: 700;  text-align:center }

/* Wizard Progress Bar Style */
.progressbar_inactive 
{
	background-image: url(progress_inactive.gif);
	background-repeat: repeat-x;
}

.progressbar_inactive_left 
{
	background-image: url(progress_inactive_left.gif);
	background-repeat: no-repeat;
}

.progressbar_inactive_right 
{
	background-image: url(progress_inactive_right.gif);
	background-repeat: no-repeat;
}

.progressbar_active 
{
	background-image: url(progress_active.gif);
	background-repeat: repeat-x;
}

.progressbar_active_left 
{
	background-image: url(progress_active_left.gif);
	background-repeat: no-repeat;
}

.progressbar_active_right 
{
	background-image: url(progress_active_right.gif);
	background-repeat:no-repeat;
}

table.progress_bar 
{
	height: 14px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #9db3d5;
	border-bottom-color: #bdd8f8;
	border-left-color: #9db3d5;
	background-image: url(progress_inactive.gif);
	background-repeat: repeat-x;
}

td.progress_selected 
{
	background-image: url(progress_active.gif);
	background-repeat: repeat-x;
	width: 2px;
}

/* ActiveDocs Page Heading and Message Styles */
table.page_heading	
{ 
	border-left: 0px; 
	border-bottom: 0px;  
	border-top: 0px;
	border-right: 0px; 
}
	
td.page_heading_control	
{
	background-color: #ffdf8c;
	text-align: right;
}
	
.page_heading 
{ 
	color: Black; 
	font-size: 12pt; 
	font-weight: 600;
	line-height:18px;
    overflow:hidden;
    white-space: nowrap;
}
	
a.folder_breadcrumb	
{ 
	color: #336699 ; font-size: 8pt; 
	font-weight: 400; text-decoration: none;
}

a.folder_breadcrumb:Hover 
{ 
	color: #336699; font-size: 8pt; 
	font-weight: 400; text-decoration: none;
}
	
.page_instructions 
{ 
	color: Gray ; font-size: 8pt; font-weight: 400;
	line-height:14px;
	width:350px;
	height:28px;
	overflow:hidden;
}

.page_instructions_dialog
{ 
	color: Gray ; font-size: 8pt; font-weight: 400;
	line-height:14px;
	height:28px;
	overflow:hidden;
}

.page_error_message	
{ 
	color: black; font-size: 8pt; font-weight: 400;
	line-height:14px;
}
	
/* Style of Table that contains the ActiveDocs Logo and graphic */
.page_footer 
{
	
	height: 29px;
	clear: both; 
	vertical-align:bottom;
	padding:0;
	bottom:0;
	left:0;
	width:100%;
}

table.page_footer 
{
	border: none;
}

.page_footer_text a {color: #333333; text-decoration:none; border:none 0px;}
.page_footer_text a:hover {color: #333333; text-decoration:none; border:none 0px;}
.page_footer_text a:visited {color: #333333; text-decoration:none; border:none 0px;}
.page_footer_text {text-align:left; color: #333333; vertical-align: middle; font-size: 11px;}
.page_footer_logo {text-align:right; color: #333333; vertical-align: middle; font-size: 11px;}