﻿/*
'
'  [Brian Elliott] ("DEVELOPER") CONFIDENTIAL
'  Copyright (c) 2009-2013 [Brian Elliott], All Rights Reserved.
'
'  NOTICE:  All information contained herein is, and remains the property of DEVELOPER. The intellectual and technical concepts contained
'  herein are proprietary to DEVELOPER and may be covered by U.S. and Foreign Patents, patents in process, and are protected by trade secret or copyright law.
'  Dissemination of this information or reproduction of this material is strictly forbidden unless prior written permission is obtained
'  from DEVELOPER.  Access to the source code contained herein is hereby forbidden to anyone except current DEVELOPER employees, managers or contractors who have executed 
'  Confidentiality and Non-disclosure agreements explicitly covering such access.
'
'  The copyright notice above does not evidence any actual or intended publication or disclosure  of  this source code, which includes  
'  information that is confidential and/or proprietary, and is a trade secret, of  DEVELOPER.   ANY REPRODUCTION, MODIFICATION, DISTRIBUTION, PUBLIC  PERFORMANCE, 
'  OR PUBLIC DISPLAY OF OR THROUGH USE  OF THIS  SOURCE CODE  WITHOUT  THE EXPRESS WRITTEN CONSENT OF DEVELOPER IS STRICTLY PROHIBITED, AND IN VIOLATION OF APPLICABLE 
'  LAWS AND INTERNATIONAL TREATIES.  THE RECEIPT OR POSSESSION OF  THIS SOURCE CODE AND/OR RELATED INFORMATION DOES NOT CONVEY OR IMPLY ANY RIGHTS  
'  TO REPRODUCE, DISCLOSE OR DISTRIBUTE ITS CONTENTS, OR TO MANUFACTURE, USE, OR SELL ANYTHING THAT IT  MAY DESCRIBE, IN WHOLE OR IN PART.                
'
'


*/
body
{
    font-family: Verdana, Tahoma, Trebuchet MS, Arial, sans-serif;
    margin: 0px;   
    font-size: 0.7em;
    /* background is overall - mostly seen on the left and right sides*/
  /*   background: #ffffff url('../images/background_main.jpg') repeat-y left top; */
   
 /*  background: #ffffff url(../images/LeftGreenOnly.jpg) repeat-y left top;    */
 /*   background: #456 url(images/background_main.jpg) repeat-y center top;  */


  background: #ffffff url(../images/background_left_column_with_gold1.gif) repeat-y left top;   
}



/*
a:link
{
    color: Black;
}
a:visited
{
    color: Black;
}
a:hover
{
    text-decoration: none;
    color: White;
}
a:active
{
    text-decoration: none;
    color: #000000;
}
*/

input, select, textarea
{
    font-size:1em; 
    font-family: arial, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
}

/* Use headers in the markup for accessibility reasons but control look with styles below*/

h1, h2, h3, h4, h5, h6
{
   margin: 2px 0 2px 0;
}

h1
{
    font-size: 1.4em;
    font-weight: bold;
	margin:5px 4px 5px 20px;
}
h2
{
    font-size: 1.3em;
    font-weight: bold;
}
h3
{
    font-size: 1.2em;
     font-weight: bold;
}
h4
{
    font-size: 1.1em;
    font-weight: bold;
}
t1
{
    font-size: 1.1em;
    font-weight:normal;
    margin-left:8px;
}



h1 a:link, h1 a:visited, h1 a:hover, h1 a:active
{
    text-decoration: none;
    color: #000000;
}
.membercard h3
{
    font-size: 1em;
}

 #loginbanner h2
{
    font-size: 1em;
    font-weight: normal;
    margin-top: 8px;
}

#poster h2
{
    font-size: 13px;
    font-weight: bold;
    color: #50700E;
}
.leftblock h2, .rightblock h2, .fullwidth h2
{
    font-size: 1.6em;
}


.rightblock h3
{
    font-size: 1em;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    display: block;
}


/************************************************************************
* 
* Main navigation used by the masterpage
*
************************************************************************/


/* Picture at the top of the site        background: url('../images/posterglobal1.jpg')  no-repeat; */
#poster
{
	
    background: url('../images/poster3.jpg')  no-repeat;
    
    margin-right: auto;
    margin-left: 0px;
/*    width: 726px;*/
    height: 75px;
    margin-top: 0px;
}
#posterlink{ 
	display:block; 
	width:100px; 
	height:100px; 
	margin:20px 0 0 20px; 
}
/* Navigation strips */
#navtop, #navbottom
{
    /* background:url('../images/background_nav_main.gif') repeat-x; */
    background:url('../images/LongGreenLineWithGold10.jpg') repeat-x;
    margin-right:auto; 
	margin-left:auto;	
	width:auto;
	height:35px;
}
#navbottom
{
    margin-top: 15px;
}
#footer
{
    width: 300px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-top: 10px;
    padding-bottom: 5px;
    color: #C89F3D;
}

#localnav
{
  /*   background-image:url('../images/background_nav_main.jpg');; */
    background:url('../images/LongGreenLineWithGold10.jpg') repeat-x;
	height:43px;
}

/* Make main navigation bars from a unordered list for easy update and better accessibility */

#navtop ul, #navbottom ul
{
    margin:0px; 
    font:Verdana;
    font-size:1.3em; 
    padding-top:7px;
    list-style-type:none;
    height:19px;
    text-align:left;
    padding-left:30px;
}
#navtop ul li, #navbottom ul li
{
    display:inline;
    margin-right:5px;
}
#navtop a:link, #navbottom a:link, #navtop a:visited, #navbottom a:visited
{
    color:#FFFFFF;
    text-decoration:none;
}
#navtop a:hover, #navbottom a:hover
{
    text-decoration:underline;
}
#navtop a:active, #navbottom a:active
{
    color:#FEFFBD;
    text-decoration:none;
}

/************************************************************************
* 
* Formatting common to most pages
*
************************************************************************/

/* Main part of the page that holds contents */
.centerpage {
     width: 1100px;
    margin-right: auto;
    margin-left: auto;
    position: center;
    height:4000px; 
}


#body1 {
    /*  width: 732px;*/
    width: 1200px;
    margin-top: 85px;   
    margin-left: 115px;
    position: relative;
    top: -82px;
    left: 3px;
    height: auto;
    right: -3px;
}


#body {
    /*  width: 732px;*/
    width: 1200px;
    margin-top: 5px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    top: 3px;
    left: 4px;
    height: 686px;
    width: 80%;
    right: -4px;
}

/* 2 column layout */
#columnleft
{
  	border: solid 1px Black;
  	float: left;
    width: 49%;
	background-color:Silver;  
	text-align:left;
}
#columnright
{
  	float:right;
    width:49%;
	background-color:Silver;  
	text-align:left;
}

#columnleftcentered
{
  	float: left;
	text-align:center;
}

#columnrightcentered
{
  	float: right;
	text-align:center;
}

#divwidthACList
{
	visibility : hidden; 
   	cursor : pointer; 
    text-align : left; 
    list-style-type:none;
    font-family : Verdana; 
    font-size: 12px;    
    height: 300px;
    width:150PX;
	border:solid 2px Blue;
    margin:0px;
    padding:1px;
    overflow:auto;
    background-color:#FAF0E6;       
}
#divwidthACList2
{
	visibility : hidden; 
   	cursor : pointer; 
    text-align : left; 
    list-style-type:none;
    font-family : Verdana; 
    font-size: 12px;    
    height: 300px;
    width:150PX;
	border:solid 2px Blue;
    margin:0px;
    padding:1px;
    overflow:auto;
    background-color:#FAF0E6;       
}
.completionACListElement 
{  
  visibility : hidden; 
   	cursor : pointer; 
    text-align : left; 
    list-style-type:none;
    font-family : Verdana; 
    font-size: 12px;    
    height: 200px;
    width:150PX;
	border:solid 2px Blue;
    margin:0px;
    padding:1px;
    overflow:auto;
    background-color:#FAF0E6;       
} 
.completionListElement 
{  
  visibility : hidden; 
   	cursor : pointer; 
    text-align : left; 
    list-style-type:none;
    font-family : Verdana; 
    font-size: 12px;    
    height: 100px;
    width:97%;
	border:solid 2px Blue;
    margin:0px;
    padding:1px;
    overflow:auto;
    background-color:#FAF0E6;       
} 
.completionListItem
{ 
    background-color: #FAEBD7;
    padding : 1px; 
}      
.completionListHighlightedItem
{ 
    background-color: #c3ebf9; 
    padding : 1px; 
}
.completionListPanel 
{  
	cursor : pointer; 
    text-align : left; 
    list-style-type:none;
    font-family : Verdana; 
    font-size: 12px;    
    height: 100px;
    width:97%;
	border:solid 2px Blue;
    margin:0px;
    padding:1px;
    overflow:auto;
    background-color:#FAF0E6;         
} 
.tree td div 
{
   height: 20px!important;
}

.Pager span  
{
	background-color:Red;
	border:solid 1px black;
	color:White; 
	font-size:1.2em;
	font-weight:bold; 
	padding-left:4px; 
	padding-right:4px;
}   
.Pager td  
{
	padding-left:3px; 
	padding-right:3px;
}  

.GridPager a, .GridPager span
{
	font-family:Arial; 
  background-color: Red;
	border:solid 1px black;
	color:White; 
	font-size:1.2em;
	font-weight:bold; 
	padding-left:4px; 
	padding-right:4px;
    display: block;
    text-align: center;
    text-decoration: none;
    }
 .GridPager a
    {
    	font-family:Arial; 
	background-color:Transparent;        
    color: Black;
    border: None;
    font-size:1.2em;
	font-weight:bold; 
	padding-left:4px; 
	padding-right:4px;
    display: block;
    text-align: center;
    text-decoration: none;
    }
 .GridPager span
    {
        color: White;
        border: None;
    }

.FormatRadioButtonList10 label
{
  margin-right: 10px;
}

.FormatRadioButtonList15 label
{
  margin-right: 15px;
}

.FormatRadioButtonList25 label
{
  margin-right: 25px;
}
 
  
.ACListBoxNormal
{ 
	background-color:#FFFF66; 
	font-family:Segoe UI; 
	font-size:0.9em; 
	font-weight:normal;  
	color:black;  
	text-align:left;
	padding-left:3px;
	border:Double 4px;
	cursor:pointer; 
	line-height:15px; 
	min-height:75px;
}                    
               
.ACDropListNormal
{ 
	background-color:#FFFF66; 
	font-family:Segoe UI; 
	font-size:1.0em; 
	font-weight:normal;  
	color:black;                                     
}

.popupMenuNew 
{    
    visibility:hidden;
    background-color:#F5F7F8;
    font-size:large;
	opacity:.9;
	filter: alpha(opacity=90);
}
.HoverMenuPopupBlue
{ 
	border:1px outset white;
	padding:2px;               
	text-align:right; 
	background-color:Blue;
	color:Yellow;
	width:350px;
}
.modalPopupBoxHalfScreen
{ 
	text-align:center; 
	border-width:3px;
	border-style:solid;
	border-color:Red; 
	background-color:#EAF7CC;
	font-family:Arial; 
	font-size:1.2em; 
	font-weight:bold;
	padding:3px;
	width:50%;
}
.modalPDFPopupBox
{
    font-family: Arial;
    text-align: center;
    border-width: 3px;
    border-style: solid;
    border-color: Red;
    background-color: #EAF7CC;
    padding: 3px;
    height: 80%;
    width: 50%;
}
.modalPopupBox {
    text-align: center;
    border-width: 3px;
    border-style: solid;
    border-color: Red;
    background-color: #EAF7CC;
    font-family: Arial;
    font-size: 1.2em;
    font-weight: bold;
    padding: 3px;
    width: 450px;
}
.modalPopupBoxWarning {
    text-align: center;
    border-width: 3px;
    border-style: solid;
    border-color: Yellow;
    background-color: Red;
    font-family: Arial;
    font-size: 1.4em;
    font-weight: bold;
    color: White;
    line-height: 15px;
    padding: 3px;
    width: 400px;
}

.AJCC ajax__calendar_container 
{
    border:1px solid #646464;
    background-color: Silver;
    color: #ad0b08;
    width:22em;
}

.AJCC .ajax__calendar_body 
{
    width:22em;
    height:15em;
}
.TextCenter
{
	text-align:center; 
}

.IE8Fix
{
	z-index:1000;
}

.radioButtonListVertical
{
	vertical-align: top;
}


.SignOffPanel
{
	padding-bottom:2px; 
	padding-left:8px; 
	padding-right:8px; 
	padding-top:2px;
	border-style:Solid;
	border-color:Black;
	border-width:1px;
	background-color:#EBEBEB;
    vertical-align:top;
    font-family:Verdana;
	font-size:0.7em;
	font-weight:bolder;
    width:95%;
 }
 
 
.SignOffPanelWarning
{
	border-style:Double;
	border-color:Black;
	border-width:3px;
	background-color:#b7073f;
    font-family:Verdana;
	font-size:1.4em;
	color:White;
	font-weight:bold;
    width:45%;
    text-align:center;
 }
 
.StaticMenuButtonFGC
{
	z-index:1000;
	color:#000000;
	height:35px; 
	cursor:hand;
    padding-left:3px; 
    padding-right:3px; 
    padding-bottom:17px;
}
.StaticMenuHoverButtonFGC
{
	z-index:1000;
    padding-left:3px; 
    padding-right:3px; 
   /* background-image:url('../images/AMGMenuBarGreenRed.gif');*/
    background-image:url('../images/HoverGold.jpg');
	cursor:hand;
    padding-bottom:17px;
}
.DynamicMenuHoverButtonFGC
{
	z-index:1000; 
    font-size:1.2em; 
    /* background-image: url('../images/AMGMenuBarGreenRed.gif');  */
    background-image: url('../images/HoverGold.jpg');  
    padding-left:3px; 
    padding-right:3px; 
    padding-bottom:5px;
      height:35px; 
}

.DynamicMenuitemStyleButtonFGC
{
	z-index:1000;
    font-size:1.2em; 
	color:Black; 
	background-color:#004400;
    padding-left:3px; 
    padding-right:3px; 
    padding-bottom:5px; 
    height:35px; 
}


.StaticMenuButton
{
	z-index:100;
	background:url('../images/LongGreenLineWithGold10.jpg');
	font-weight:bold;
    font-size:1.0em; 
    font-family: arial, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
	color:#004400;
    padding-left:5px; 
    padding-top:6px; 
    padding-bottom:6px;
}


.DynamicMenuButton
{
	z-index:100;
    padding-left:5px; 
    padding-top:4px; 
    padding-bottom:5px;
    color:White;
    font-size:1.1em; 
}
.AMGDynamicMenuButton
{
	z-index:100;
    padding-left:5px; 
    padding-top:4px; 
    padding-bottom:5px;
    color:Black;
    font-size:1.1em; 
}
.DynamicMenuHoverButton
{
	z-index:100;
	background:url('../images/HoverGold.jpg');
    font-weight:bold;
    font-size:1.1em; 
    font-family: arial, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
	color:Black;
    padding-left:5px; 
    padding-top:4px; 
    padding-bottom:5px;
}
.FGCCrystal
{
    font-weight:bold;
    font-size:1.5em;
    font-family: arial;
}
.FrmViewLabel
{
    font-weight:bold;
	color:#006600;
    padding-left:5px;
    border-bottom:5px;
	border-right:20px;
	border-color:Green;
}

.DecimalTransparentTextBox
{
	font-weight:bold;
	color:Black;
	border-collapse:collapse;
	background-color:Transparent;
	font-family:Arial Narrow;
}

.FrmViewLabel
{
    font-weight:bold;
	color:#006600;
    padding-left:5px;
    border-bottom:5px;
	border-right:20px;
	border-color:Green;
}
.FrmViewTextBox
{
	width:10%;
	float:left;
}
a.AmgMenuTop
{
	font-family:Verdana;
	font-size:24px;
	font-weight:bold;
	border-top:5px;
	border-right:20px;
	color:Red;
}
.LeftFloaterUnderlineCenterLtGreen
{
	float:left;
	text-align:center;
	border-bottom-style:solid; 
	border-bottom-width:thin;
	background-color:#EAF7CC;
    font-family:Segoe UI;
	font-size:1.0em;
}
.RightFloaterUnderlineCenterLtGreen
{
	float:right;
	text-align:center;
	border-bottom-style:solid; 
	border-bottom-width:thin;
	background-color:#EAF7CC;
    font-family:Segoe UI;
	font-size:1.0em;
}
.RightFloaterCenterLtGreen
{
	float:right;
	text-align:center;
	background-color:#EAF7CC;
    font-family:Segoe UI;
	font-size:1.0em;
}
.LeftFloaterCenterLtGreen
{
	float:left;
	text-align:center;
	background-color:#EAF7CC;
    font-family:Segoe UI;
	font-size:1.0em;
}
.commandbutton
{
	background-color:#FFFFD5;
	border-style:outset;
	font-family:Verdana;
	font-size:x-small;
	color:#006600;
	
	
}

.textbox_green_right
{
		/* backcolor is honeydew */
	text-align: right;
	border: dotted 1px #006600;
/*	background-color: #F0FFF0;*/
}
.textbox_green_left
{
		/* backcolor is honeydew */
	text-align: left;
	border: dotted 1px #006600;
	/*	background-color: #F0FFF0;*/
}

.textbox_green_center {
    /* backcolor is honeydew */
    text-align: center;
    border: dotted 1px #006600;
    /*	background-color: #F0FFF0;*/
}

.textbox_clear_center {
    /* backcolor is honeydew */
    text-align: center;
    /*	background-color: #F0FFF0;*/
}

.textbox_red_center
{
		/* backcolor is honeydew */
	text-align: center;
	border: dotted 1px Red;
/*	background-color: #F0FFF0;*/
}

.textbox_red_center_solid_bold
{
		/* backcolor is honeydew */
	text-align: center;
	border: solid 2px Red;
/*	background-color: #F0FFF0;*/
}

.label_right
{
	text-align: right;
/*	border: None;
	 backcolor is Gainsboro 
	background-color:#DCDCDC;*/
}
.label_left
{
	text-align: left;
	/*	border: None;
 backcolor is Gainsboro 
	background-color:#DCDCDC;*/
}

.label_center
{
	text-align: center;
	/*	border: None;
 backcolor is Gainsboro 
	background-color:#DCDCDC;*/
}


.txtGrnSmlTrebCtr
{
	border: thin #006600 solid;
	text-align: center;
	font-family: Trebuchet MS;
	font-size: small;
	font-weight: bold;
	width: 95px;
	height: 20px;
}
.txtGrnXSmlTrebCtr
{
	border: thin #006600 solid;
	text-align: center;
	font-family: Trebuchet MS;
	font-size: x-small;
	position: relative;
	width: 95px;
	height: 22px;
}
.leftfloat
{
    float:left;
    text-align:center;
    vertical-align:middle;
}
.rightfloat
{
    float:right;
    text-align:center;
    vertical-align:middle;
}
.leftblock
{
    padding: 10px;
    margin-bottom: 10px;
    position: relative;
    vertical-align: top;
	top: 5px;
	left: 15px;
}

 .rightblock
{
    border: 1px solid #256;
    padding: 15px;
    margin-bottom: 10px;
    background: rgb(255,255,255) url(../images/background_columnright.gif) repeat-y;
    position: relative;
    width:290px;
	top: 0px;
	left: 4px;
	right: -4px;
	height: 75px;
}

.clear2column
{
    margin:0;
    padding:0;
    line-height:0;
    font-size:0px;
    height:0px;
    clear: both;
}
.panelheader
{
	margin-left:3px;
	font-size: small;
	font-weight: Bold;
	color:#006600;
	font-family: Verdana;
}    

.verticalLine 
{
    border-left-width: 2px;
    border-left-color:Black;
    border-left-style:solid;
}
.verticalLineLabel 
{
   border: solid 2px Black
}


/* A full width block on the page */

.fullwidth, #loginbanner
{
    padding: 10px 15px;
	border: 1px solid #256;
	width: auto;
    	margin-right: auto;
    	margin-left: auto;
    background: rgb(255,255,255) url(../images/background_fullwidth.jpg') repeat-y;
    	margin-bottom: 10px;
    	text-align: left;
}

/* for the login block
    picks up most of its properties from .fullwidth */

#loginbanner
{
  padding-bottom: 0px;
}
/* Goes around panel that need to be presented as a block of functionality  */
.panelblock
{
	padding: 5px;
	margin:  5px 5px 5px 5px;
	border-style:double;
	background-color: #FFFFD5;
    vertical-align: top;
    font-family:Verdana;
	font-size: 0.9em;
    height: auto;
}
.watermarkWhite {
    background-color: White;
    font-style: italic;
    color: Silver;
}
.watermarklabel {
    font-style: italic;
    color: Silver;
}
.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.doubleborderblock
{
	border-style:double;
	background-color: #FFFFD5;
    vertical-align: top;
    height: auto;
}
/*  Standard AMG panel */
.AMGpanel
{
	padding:2px;
	border-style:groove;
	background-color:#EAF7CC;
    vertical-align:top;
    font-family:Verdana;
	font-size:11px;
    height:30px;
    width:100%;
}


.AMGHeaderPanelFont20 {
    background: #EAF7CC;
    border-style: outset;
    text-align: center;
    vertical-align: middle;
    font-family: Arial;
    font-weight: bold;
    color: #006600;
    font-size: 20px;
    height: 32px;
    width: 100%;
}

.AMGHeaderPanelFont14 {
    background: #EAF7CC;
    border-style: outset;
    padding-top: 4px;
    text-align: center;
    vertical-align: middle;
    font-family: Arial;
    font-weight: bold;
    color: #006600;
    font-size: 18px;
    height: 32px;
    width: 100%;
}

.AMGHeaderPanel
{
	background:#EAF7CC;
	border-style:outset;
	padding:2px;
	text-align:center; 
	vertical-align:middle;
	font-family:Arial;
	font-weight:bold;
	color:#006600;
	font-size:1.1em;
	height:18px;
	width:100%;
}
.AMGSimpleHeaderPanel
{
	background:#EAF7CC;
	border-style:Solid;
	border-color:#006600;
	border-width:thin;
	padding:2px;
	text-align:center; 
	vertical-align:middle;
	font-family:Arial;
	font-weight:bold;
	color:#006600;
	font-size:1.1em;
	height:15px;
	width:100%;
}

.AMGWorkPanel
{
	background:#EAF7CC;
	border-style:Solid;
	border-color:Black;
	border-width:thin;
	padding:2px;
	text-align:Left; 
	vertical-align:middle;
	font-family:Segoe UI;
	font-weight:normal;
	color:#006600;
	font-size:1em;
	width:100%;
}
.AMGSimpleHeaderPanelNoFontCenter
{
	background:#EAF7CC;
	border-style:Solid;
	border-color:#006600;
	border-width:thin;
	padding:2px;
	text-align:center; 
	vertical-align:middle;
	font-weight:bold;
	width:100%;
}
.AMGHeaderPanelNoBottomBorderGreen
{
	background:#EAF7CC;
	border-style:solid;
	margin-top:6px;
	padding:2px;
	text-align:center; 
	vertical-align:middle;
	font-family:Segoe UI;
	font-weight:bold;
	color:#006600;
	font-size:1.1em;
	height:18px;
	border-bottom:none;
	border-left:solid 4px #006600;
	border-right:solid 4px #006600;
	border-top:solid 4px #006600;
}
.AMGFooterPanelNoTopBorderGreen
{
	background:IndianRed;
	border-style:solid;
	padding:2px;
	text-align:center; 
	vertical-align:middle;
	font-family:Segoe UI;
	font-weight:bold;
	color:#006600;
	font-size:1.1em;
	height:6px;
	border-top:none;
	border-left:solid 4px #006600;
	border-right:solid 4px #006600;
	border-bottom:solid 4px #006600;
}
.AMGInputEditPanelTemplate
{
	background:#EAF7CC;
	border-style: Solid;
	border-color:#006600;
	border-width:thin;
	padding:5px 0 1px 4px;
	text-align:left; 
	vertical-align:baseline;
	font-family: Verdana, Tahoma, Trebuchet MS, Arial, sans-serif;
	font-weight:Normal;
	color:#006600;
	font-size:1.0em;
	height:22px;
	width:98%;
}
.AMGInputEditPanelLabel
{
	background:#EAF7CC;
	border-style: Solid;
	border-color:#006600;
	border-width:thin;
	padding:5px 0 0px 4px;
	text-align:left; 
	vertical-align:baseline;
	font-family: Verdana, Tahoma, Trebuchet MS, Arial, sans-serif;
	font-weight:Bold;
	color:#006600;
	font-size:0.9em;
	height:20px;
	width:100%;
}
.AMGInputEditPanelText
{
	background:#EAF7CC;
	border-style: Solid;
	border-color:#006600;
	border-width:thin;
	padding:2px 0 0 4px;
	text-align:left; 
	vertical-align:top;
	font-family: Verdana, Tahoma, Trebuchet MS, Arial, sans-serif;
	font-weight:Normal;
	color:#006600;
	font-size:0.9em;
	height:23px;
	width:100%;
}
.AMGLaborPanel
{
	border-style: Solid;
	border-color:#006600;
	border-width:2px;
	padding:2px;
	background-color:#EAF7CC;
	color:#006600;
    vertical-align:middle;
    font-family:Arial Narrow;
	font-size:1.4em;
	font-weight:bold;
    height:25px;
    width:100%;
}
.AMGPlainPanelTopMarginVerticalTextCenter
{
	padding-top:4px;
	vertical-align:middle;
	text-align:center; 
	vertical-align:middle;
	font-family:Segoe UI;
}
.AMGLabelTitle
{
	color:#006600;
    font-family:Verdana;
	font-size:12px;
	font-weight:bold;
}
.AMGMiddleDivRow
{
	width:100%; 
	border:solid thin Black; 
	border-left-style:double; 
	border-left-width:2px;
	border-right-style:double; 
	border-right-width:2px;	 
	border-top-style:double;	
	border-top-width:2px;	
	border-bottom-style:solid; 
	border-bottom-width:thin; 
}
.MARCTable
{
    Background-color:White;
    font-family:Arial;
    font-size:1.0em;
    color:Black;
    text-align:left;
    padding:2px;
    border:solid thin Black; 
}
.marc_tablecell_border_rb
{
    Background-color:White;
    font-family:Arial;
    font-size:1.0em;
    border-color:Black;
    border-top:none; 
    border-left:none; 
    border-right:solid 1px Black;
    border-bottom:solid 1px Black;
    text-align:left; 
    padding:2px;
}
.AMGTableNoBorder
{
    Background-color:#EAF7CC;
    font-family:Segoe UI;
    font-size:1.0em;
    color:Black;
    text-align:left;
    padding:2px;
}
.AMGTable
{
    Background-color:#EAF7CC;
    font-family:Segoe UI;
    font-size:1.0em;
    color:Black;
    text-align:left;
    padding:2px;
    border:solid thin Black; 
}
.AMGTableLarger
{
    Background-color:#EAF7CC;
    font-family:Segoe UI;
    font-size:1.1em;
    color:Black;
    text-align:left;
    padding:2px;
    border:solid thin Black; 
}


.AMGTableHeader
{
    font-weight:bold; 
    font-size:1.1em;
    border-top:none; 
    border-left:none; 
    border-right:solid 1px Black;
    border-bottom:solid 1px Black;
    text-align:left; 
    padding-left:2px;
}
.AMGTableCell
{
	border-top:none; 
    border-left:none; 
    border-right:none;
    border-bottom:solid 1px Black;
	font-weight:normal;
    text-align:left;
    padding-left:2px;  
    padding-bottom:2px; 
}
.AMGTableCellBordersLRB
{
	border-top:none; 
    border-left:solid 1px Black; 
    border-right:solid 1px Black;
    border-bottom:solid 1px Black; 
    background-color:Transparent;
}
.AMGTableCellBorders2LR
{
	border-top:none; 
    border-left:solid 2px Black; 
    border-right:solid 2px Black;
    border-bottom:none;
    padding-left:2px;  
    padding-bottom:2px; 
    Background-color:#EAF7CC;
}
.AMGTableCellBorders2LRB
{
	border-top:none; 
  border-left:solid 2px Black; 
    border-right:solid 2px Black;   
     border-bottom:solid 2px Black; 
    padding-left:2px;  
    padding-bottom:2px; 
    Background-color:#EAF7CC;
}
.AMGTableLabelCellBorderNone
{
	font-size:1.1em;
	font-weight:Bold;
	border-top:none; 
    border-left:none; 
    border-right:none;
    border-bottom:none;
    text-align:left;
    padding-left:2px;  
    padding-bottom:2px; 
}
.AMGTableCellBorderNoneCenter
{
	border-top:none; 
    border-left:none; 
    border-right:none; 
    border-bottom:none; 
    text-align:center;
}
.AMGTableCellBorderNone
{
	border-top:none; 
    border-left:none; 
    border-right:none;
    border-bottom:none;
	font-weight:normal;
    text-align:left;
    padding-left:2px;  
    padding-bottom:2px; 
}
.AMGTableLabelCell
{
	font-size:1.1em;
	font-weight:Bold;
	border-top:none; 
    border-left:none; 
    border-right:none;
    border-bottom:solid 1px Black;
    text-align:left;
    padding-left:2px;  
    padding-bottom:2px; 
}

.AMGTableCellHorizontalRight {  
    text-align: right;
}

.AMGTableCellHorizontalLeft {
    text-align: left;
}

.AMGTableButtons
{
	border-top:none; 
    border-left:none; 
    border-right:none;
    border-bottom:none;
	font-weight:normal;
    text-align:center;
    padding-left:2px;  
    padding-bottom:2px; 
}
.AMGTableButtons
{
	border-top:none; 
    border-left:none; 
    border-right:none;
    border-bottom:none;
	font-weight:normal;
    text-align:center;
    padding-left:2px;  
    padding-bottom:2px; 
}

.collapsePanel
{
	width: 640px;
	height:0px;
	background-color:white;
	overflow:hidden;
}
.collapsePanelHeader
{	
	width:640px;		
	height:100px;
	color: Blue;
	background-color: wHITE;
	font-weight:bold;
	float:left;
	padding:5px; 
	cursor: pointer; 
	vertical-align: middle;
}
/* Accordion */
.accordionHeader
{
    border:1px solid Black;
    color:white;
    background-color:#006600;
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
    padding:5px;
    margin-top:5px;
    cursor:pointer;
}
.accordionContent
{
    background-color:#CCFFCC;
    border:1px dashed Black;
    font-family:Verdana;
	font-size:12px;
	font-weight:bold;
    border-top:none;
    padding:5px;
    padding-top:10px;
}
.accordionHeaderSelected
{
    background-color:Red;
    color:Black;
    font-family:Verdana;
	font-size:16px;
	font-weight:bold;
    border:1px dashed Black;
    border-top:none;
    padding:5px;
    padding-top:10px;
}
.accordionHeaderAMGNormalLtGrnCenter
{
    border:2px solid Black;
    background-color:#006600; 
    text-align:center; 
    color:White;
	font-family:Verdana;
	font-size:1.1em;
	font-weight:bold;
    padding:5px;
    margin-top:5px;
    cursor:pointer;
}
.accordionContentAMG
{
    background-color:#EAF7CC;
    border:double 5px Black;
    font-family:Verdana;
	font-size:1.0em;
	font-weight:bold;
    padding:5px;
    padding-top:10px;
}
.accordionHeaderSelectedAMG
{
    border:1px groove Black;
    background-color:Yellow;
    color:Black;
    font-family:Verdana;
	font-size:1.1em;
	font-weight:bold;
	text-align:center; 
    padding:5px;
    margin-top:5px;
    cursor:pointer;
}
.accordionLink
{
 background-color:#D3DEEF;
    color:White;
}


.FormatRadioList
{ 
    text-align:center;
	vertical-align:top;
	width:100%;
	height:25px;
}

.FormatRadioList10 label
{
  margin-right: 10px;
}

.FormatRadioList15 label
{
  margin-right: 15px;
}

.FormatRadioList25 label
{
  margin-right: 25px;
}

.nextlink
{
    position:absolute;
    right:0;
    padding-right:15px;    
}

/************************************************************************
* 
/* ajax__tab_ theme  */

/************************************************************************/


.ajax__tab_ie-theme .ajax__tab_header 
{
    padding-left:5px;
}
.ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab
{
    margin-right:0px;
 background:url('../images/TabGreen1.gif');
    width:150px;
    padding:2px 0px 2px 0px;
    text-align:center;    
    color:Black;
    font-family:Segoe UI;
    font-size:13px;
    display:block;
}
.ajax__tab_ie-theme .ajax__tab_active .ajax__tab_tab 
{
    padding:2px 0px 2px 0px;
    background:url('../images/TabGold1.gif');   
}
.ajax__tab_ie-theme .ajax__tab_body 
{
    background:url('../images/AMGTabBackGreen.gif');
    font-size:13px;
       font-family:Segoe UI;
    height:400px;
    width:100%;
}
.ajax__tab_ie-theme .ajax__tab_body div
{
     padding:8px;
}



/************************************************************************
* 
* Global formatting
*
************************************************************************/

/* all the legend tags use this same style */

legend
{
    font-weight: bold;
    color: #666666;
    font-size: 1em;
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 7px;
}

/* apply zero margin to all forms and hide fieldset borders. Keep fieldset borders in the markup for better accessibility */

form
{
    margin: 0px;
}

fieldset
{
    margin: 0px;
    padding: 0px;
    border: none;
}

/* sometimes we hide elements from display in visual browsers (but leave them in the source for non visual browsers and for accessibility) */

.hidden
{
    visibility: hidden;
}
.none
{
    display: none;
}

/************************************************************************
* 
* List type pages
*
************************************************************************/

/* represents each item in a vertical list */
.listitem
{
    margin:0px 0px 0px 0px;
    width:444px;
}

/* surrounds the buttons for list items */
.editbuttons
{
    padding-top: 6px;
}

/* floats the thumbnail off to the right */
.thumbnail
{
    float: right;
    margin: 0 0 0 5px;
}

/*used to clear the float for the thumbnail */
.clearlist
{
    clear:right;
    margin:0;
    padding:0;
    height: 0px;
    font-size:0px;
    line-height:0px;
}

/* Used by the page number control */
.PageNumbers
{
    display:inline;
}

.PageNumbers span
{
    padding-left: 3px;
}

.newscrumbs a
{
    font-weight: bold;
    padding-right: 2px;
}

/* Used in the two column lists */

.membercard
{
    background-color: rgb(215,215,215);
    border: 1px solid #E8DCA3;
    padding: 10px;
    margin-bottom: 10px;
    width: 198px;
}

.clearcard
{
    clear:left;
    height:0;
    margin:0;
    padding:0;
}

#membercardcolumnleft
{
    float: left;
    position: relative;
}
#membercardcolumnright
{
    margin-left: 226px;
}
.membercard p
{
    margin: 5px;
}


/************************************************************************
* 
* Rollover buttons
*
************************************************************************/

.buttonsmall, .buttonsmall-ovr
{
    border-style: none;
	border-color: inherit;
	border-width: medium;
	background-color:#f9d79f;
/*	background: url('../images/background_button_small.gif') repeat-x;*/
	color: Black;
    	font-weight: normal;
    	font-size: 9px;
    	padding-bottom: 9px;
    	padding-left: 3px;
    	padding-right: 3px;
    	cursor: pointer;
    	font-family: Arial Narrow;
}
.buttonsmall-ovr
{ 
	background-color:#f9d79f;
    text-decoration: underline;
    color: Black;
/*    background: url('../images/background_button_small-ovr.gif') repeat-x;*/
}
.rollbuttonsmall-ovr
{
	 color: black;
    	font-weight: bold;
    	font-size: 10pt;
    	padding-bottom:1px;
    	padding-left: 2px;
    	padding-right: 2px;
    	cursor: pointer;
    	font-family: Arial Narrow;

  background-color:#f9d79f;
}

/************************************************************************
* 
* Page specific 
*
************************************************************************/

/* even dowload button */
.downloadevent img
{
    margin-right: 5px;
    vertical-align: middle;
    border: none;
}

/* Header on view details type pages */
.itemdetails
{
    font-size: 1.3em;
}

.ImageBar
{
	z-index:1000;    
    background-image: url('../images/LongGreenLine.gif'); 
    text-align:left; 
    width:100%  
}

/************************************************************************
* 
* Forms
*
************************************************************************/

/* label column */
.formlabel
{
    width:120px; 
    vertical-align: top;
}

/* value column */
.formvalue
{
    vertical-align: top;
}

.txtfield
{
    width:300px;
}

.txtblock
{
    width:300px;
}

.watermarkPurple {
	background:#FFAAFF;
}

.txtboxflat
{ 
    border:0 !important;
    background:none transparent !important;
    text-align:Center;
    text-decoration: none;
    font-family:Segoue UI;
    font-size:1.0em;
    margin-left:1px;    
}
.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}


.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}


.MARCImage
{
    background: url('../images/MARCForm1.gif')  no-repeat;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    height: 500px;
    margin-top: 0px;
}





.MARCTopDivRow
{
	width:100%; 
	border-bottom-style:solid;	
	border-bottom-width:thin;	
	border-left-style:double; 
	border-left-width:thick;
	border-right-style:double; 
	border-right-width:thick;
	border-top-style:double;	
	border-top-width:thick;
}
.MARCMiddleRow
{
	width:100%; 
	border-color:black;
	border-bottom-style:solid;	
	border-bottom-width:thin;	
}
.MARCMiddleBlankRow
{
	width:100%; 
}
.MARCLeftFloater
{
	float:left;
	text-align:left;
	border-color:black;
	border-right-style:solid; 
	border-right-width:thin;
	background:white;
	padding-left:2px;
}
.MARCCenterFloater
{
	float:left;
	text-align:center;
	border-color:black;
	border-right-style:solid; 
	border-right-width:thin;
	background:white;
}
.MARCRightFloater
{
	float:right;
	text-align:left; 
	background:white;
	border-color:black;
	border-right-style:solid; 
	border-right-width:thin;
}
.MARCBlankLeftFloater
{
	float:left;
	vertical-align:top;
	text-align:left;	
	background:white;
	padding-left:2px;
}
.MARCLeftFloaterNoPad
{
	float:left;
	vertical-align:sub;
	text-align:left;	
	background:white;
	border-color:black;
	border-right-style:solid; 
	border-right-width:thin;
	vertical-align:sub;
}
.MARCBlankLeftFloaterNoPad
{
	float:left;
	text-align:left;	
	background:white;
}
.MARCBlankCenterFloater
{
	float:left;
	text-align:center;	
	background:white;
}
.MARCBlankRightFloater
{
	float:right;
	text-align:left;
	padding-left:2px;

}
.UpperCaseAll 
{
	text-transform:uppercase;

}

.ValidTextMessageRed {
	Color:Red;
	font-weight:bold;
	font-family:Verdana;
	font-size:9pt;
}

.ValidTextMessageRedSmall {
	color:Red;
	font-weight:bold;
	font-family:Verdana;
	font-size:0.8em;
}
.ValidTextMessageWhite {
	color:White;
	font-weight:bold;
	font-family:Verdana;
	font-size:1.1em;
}
.ValidTextMessageYellow {
	color:Yellow;
	font-weight:bold;
	font-family:Verdana;
	font-size:9pt;
}

.ValidTextMessageYellowSmall {
	color:Yellow;
	font-weight:bold;
	font-family:Verdana;
	font-size:0.8em;
}

.ValidSummaryRed {
	color:Red;
	font-weight:bold;
	font-family:Verdana;
	font-size:9pt;
}

.ValidSummaryRedSmall {
	color:Red;
	font-weight:bold;
	font-family:Verdana;
	font-size:0.8em;
}

.ValidSummaryYellow {
	color:Yellow;
	font-weight:bold;
	font-family:Verdana;
	font-size:9pt;	
}

.ValidSummaryYellowSmall {
	color:Yellow;
	font-weight:bold;
	font-family:Verdana;
	font-size:0.8em;
}	

.ValidationSmall {
	color:Yellow;
	font-weight:bold;
	font-family:Verdana;
	font-size:0.8em;
}

.ValidationMedium {
	color:Yellow;
	font-weight:bold;
	font-family:Verdana;
	font-size:9pt;	
}

.ValidationLarge {
	color:Yellow;
	font-weight:bold;
	font-family:Verdana;
	font-size:11pt;	
}
.ValidatorExtender {
	color:Black;
	font-weight:bold;
	font-family:Verdana;
	font-size:11pt;	
}

.AutoCompleter {	
	visibility : hidden; 
   	cursor : pointer; 
    text-align : left; 
    list-style-type:none;
    font-family : Verdana; 
    font-size: 12px;    
    height: 300px;
    width:150PX;
	border:solid 2px Blue;
    margin:0px;
    padding:1px;
    overflow:auto;
    background-color:#FAF0E6;     
}










 .customCalloutStyle div, .customCalloutStyle td
        {
            border: solid 2px Red;
            background-color:#EAF7CC;
        }
        .customCalloutStyle .ajax__validatorcallout_popup_table
        {
            display: none;
            border: none;
            background-color: transparent;
            padding: 0px;
        }
        .customCalloutStyle .ajax__validatorcallout_popup_table_row
        {
            vertical-align: top;
            height: 100%;
            background-color: transparent;
            padding: 0px;
        }
        .customCalloutStyle .ajax__validatorcallout_callout_cell
        {
            width: 20px;
            height: 100%;
            text-align: right;
            vertical-align: top;
            border: none;
            background-color: transparent;
            padding: 0px;
        }
        .customCalloutStyle .ajax__validatorcallout_callout_table
        {
            height: 100%;
            border: none;
            background-color: transparent;
            padding: 0px;
        }
        .customCalloutStyle .ajax__validatorcallout_callout_table_row
        {
            background-color: transparent;
            padding: 0px;
        }
        .customCalloutStyle .ajax__validatorcallout_callout_arrow_cell
        {
            padding: 8px 0px 0px 0px;
            text-align: right;
            vertical-align: top;
            font-size: 1px;
            border: none;
            background-color: transparent;
        }
        .customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv
        {
            font-size: 1px;
            position: relative;
            left: 1px;
            border-bottom: none;
            border-right: none;
            border-left: none;
            width: 15px;
            background-color: transparent;
            padding: 0px;
        }
        .customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div
        {
            height: 1px;
            overflow: hidden;
            border-top: none;
            border-bottom: none;
            border-right: none;
            padding: 0px;
            margin-left: auto;
        }
        .customCalloutStyle .ajax__validatorcallout_error_message_cell
        {
            font-family: Verdana;
            font-size: 10px;
            padding: 5px;
            border-right: none;
            border-left: none; 
            color:Black;
            width: 100%;
        }
        .customCalloutStyle .ajax__validatorcallout_icon_cell
        {
            width: 20px;
            padding: 5px;
            border-right: none;
        }
        .customCalloutStyle .ajax__validatorcallout_close_button_cell
        {
            vertical-align: top;
            padding: 0px;
            text-align: right;
            border-left: none;
        }
        .customCalloutStyle .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv
        {
            border: none;
            text-align: center;
            width: 10px;
            padding: 2px;
            cursor: pointer;
        }



/* THIS STUFF IS NOT USED 




body, div, p, h1, h2, h3, h4, ul, li, table
{
	margin:0;
	padding:0;
	border:none;
}

h3
{
	font-size:small;
}

body
{
	background: #B4B4B4 url(images/body_bg.gif) repeat left top;
	font-family: Tahoma, Arial, sans-serif;
	font-size:75%;
}

/* Master Page Layout *//*
#master_header
{
	margin: -1px auto 0 auto;
	width: 800px;
}

#master_headertop
{
	background: url(images/headertop_img.jpg) no-repeat left top;
}

#master_headerbottom
{
	background: url(images/headerbottom_img.png) no-repeat left top;
}

#master_page
{
	margin: 5px auto 20px auto;
	width: 800px;
}

#master_menu
{
	float: left;
	width: 240px;
	padding-right: 10px;
}

.sidebar
{
	width: 100%;
	margin-bottom: 10px;
}

.sidebarheader
{
	height: 24px;
	padding: 10px 0 0 35px;
	background: url(images/sidebar_header.png) no-repeat left top;
	color: #FFF;
	font-family: Arial, Sans-Serif;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
}

.sidebarcontent
{	
	border: 1px solid #0F2543;
	padding: 20px 20px 20px 30px;
	line-height: 1.5em;
	font-weight: bold;
}

#master_sidebarSamples
{	
	padding-top: 72px;
	background: #FFF url(images/samples_bg.gif) no-repeat left top;
}

#master_sidebarWalkthroughs
{
	padding-top: 72px;
	background: #FFF url(images/walkthrough_bg.gif) no-repeat left top;
}

.sidebarcontent a
{
	padding: 2px 5px;
	color: #5377A9;
	text-decoration: none;
}

.sidebarcontent a:hover
{
	background-color: #0F2543;
	color: #FFF;
}

.sidebarcontent a:visited
{
	font-weight: normal;
}

#master_content
{
	float: left;
	width: 550px;
	margin-right: -550px;
	color: #666666;
}

#master_content ul
{
	margin: 0 25px 0 30px;
}

#master_content ul li ul li
{
	list-style-type: disc;
}

#master_contentheader
{
	height: 19px;
	background: url(images/rightcoltop.gif) no-repeat right top;
}

#master_contentplaceholder
{
	padding: 30px 20px 40px 20px;
	border-left: 1px solid #0F2543;
	border-right: 1px solid #0F2543;
	border-bottom: 1px solid #0F2543;
	background-color: #EFEFEF;
	line-height: 1.5em;
}

#master_contentfooter
{
	clear: both;
	padding: 10px 0 5px 10px;
	color: #333;
	font-size: 0.8em;
	letter-spacing: 0.1em;
}

/* Content Page Layout */
/*
.demoarea {
	padding:20px;
	background:#FFF url(images/demotop.png) no-repeat left top;
}

.demoarea p 
{
	padding:5px;
}

.demoheading {
	padding-bottom:20px;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.5em;
}

.demobottom {
	height:8px;
	background:#FFF url(images/demobottom.png) no-repeat left bottom;
}


.heading {
	padding: 1em 0 1em 0;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.2em;
}

.subheading{
	padding:.8em 0 0.5em 0;
	color:#0F2543;
	font-weight:bold;
	font-family:Arial, Sans-Serif;
	font-size:1.1em;
}

p {}

em {font-style:italic}

i {font-style: italic;}

strong {font-weight:bold;}

.codeReference
{
	font-family: 'Courier New', Monospace;
	font-style: normal;
	font-weight: bold;
}

pre, code {
	display:block;
	margin:15px 15px 15px 0;
	padding:10px;
	border:1px dashed #CCC;
	background-color:#FFF;
	color:#000;
	font-family:'Courier New', Monospace;
	font-size:0.9em;
	font-style:normal;
}

.releaseList {
	list-style-type:disc;
}


/* Styles for the Animation Reference */
.animationReferenceTable
{
}

.animationReferenceRow
{
}

.animationReferenceField
{
	text-align: right;
	vertical-align: top;
	padding-top: 5px;
}

.animationReferenceCode
{
	margin-top: 5px;
	vertical-align: top;
	font-family: 'Courier New', Monospace;
	font-style: normal;
	font-weight: bold;
	
	display:block;
	background-color:#FFF;
	color:#000;
	font-family:'Courier New', Monospace;
	font-size:0.9em;
	font-style:normal;
	font-weight: bold;
	margin-bottom: 5px;
}

.animationReferenceItems
{
	vertical-align: top;
}

.animationReferenceItemTable
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.animationReferenceItemRow
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.animationReferenceItem
{
	width: 100%;
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
}

.animationReferenceItemCode
{
	display:block;
	background-color:#FFF;
	color:#000;
	font-family:'Courier New', Monospace;
	font-size:0.9em;
	font-style:normal;
	font-weight: bold;
}

/******************************/
/**Styling information specific to individual content pages**/

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

/*Cascading DropDown*/

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	background-image: url(images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

#master_content .collapsePanelHeader a {color:#FFF;}
#master_content .collapsePanelHeader a:hover {text-decoration:none;background:none;}

/*Confirm Button*/

/* DropShadow */

#master_content .dropShadowPanel span {color:white;text-decoration:underline;}
#master_content .dropShadowPanel span:hover {text-decoration:none;}


.dropShadowPanel 
{
	width:300px;
	background-color:#5377A9;
	color:white;
	font-weight:bold;
}

/*Drag Panel*/
.dragMe {
	width:100%;
	height:21px;
	background-color:#FFF;
	background-image:url(images/header-opened.png);
	text-align:center;
	cursor:move;
	font-weight:bold;
}

.overflowHidden {overflow:hidden;}

.overflowScroll {overflow:hidden;}

/*Hover Menu*/
.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F8;
	opacity:.9;
	filter: alpha(opacity=90);
}

.popupHover {
	background-image:url(images/header-opened.png);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#F5F7F8;
}

/* PagingBulletedList */
.selectIndex {
    font-weight: bold;
    text-decoration:none;
}
.unselectIndex {
    font-weight:normal;
    text-decoration:underline;
}


/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.modalPopup p {
    padding: 5px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}

/*Reorder List*/
.dragHandle {
	width:10px;
	height:15px;
	background-color:Blue;
	background-image:url(images/bg-menu-main.png);
	cursor:move;
	border:outset thin white;
}

.callbackStyle {
	border:thin blue inset;		
}

.callbackStyle table {
	background-color:#5377A9;	
	color:Black;
}


.reorderListDemo li {
	list-style:none;
	margin:2px;
	background-image:url(images/bg_nav.gif);
	background-repeat:repeat-x;
	color:#FFF;
}

.dragVisualContainer li  {
    list-style:none;
	background-image:url(images/bg_nav.gif);
	background-repeat:repeat-x;
	color:#FFF;
}

.reorderListDemo li a {color:#FFF !important; font-weight:bold;}

.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}

.itemArea {
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;
}


/* Rounded Corners*/

.roundedPanel
{	
	width:300px;
	background-color:#5377A9;
	color:white;
	font-weight:bold;
}

/* ResizableControl */

.frameImage
{
	width:130px;
	height:65px;
	overflow:hidden;
	float:left;
	padding:3px;
}

.frameText
{
	width:100px;
	height:100px;
	overflow:auto;
	float:left;
	background-color:#ffffff;
	border-style:solid;
	border-width:2px;
	border-color:Gray;
	font-family:Helvetica;
	line-height:normal;
}

.handleImage
{
	width:15px;
	height:16px;
	background-image:url(images/HandleHand.png);
	overflow:hidden;
	cursor:se-resize;
}

.handleText
{
	width:16px;
	height:16px;
	background-image:url(images/HandleGrip.png);
	overflow:hidden;
	cursor:se-resize;
}

.resizingImage
{
	padding:0px;
	border-style:solid;
	border-width:3px;
	border-color:#B4D35D;
}

.resizingText
{
	padding:0px;
	border-style:solid;
	border-width:2px;
	border-color:#7391BA;
}

/*Textbox Watermark*/

.unwatermarked {
	height:18px;
	width:148px;
}

.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}


/*Toggle Button*/

/*Setup*/
.walkthrough li {padding-bottom:5px;}

/*Using a sample extender*/

/*Creating a new extender*/
.walkthroughNote {
	padding-left:25px;
	font-style:italic;
}

/*Other neat stuff*/





/************ PasswordStrength Related Styles ***********************/
.TextIndicator_TextBox1
{
     background-color:Gray;
     color:White;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
}

.BarIndicator_TextBox2_weak
{
    color:Red;
    background-color:Red;
}
.BarIndicator_TextBox2_average
{
    color:Blue;
    background-color:Blue;
}
.BarIndicator_TextBox2_good
{
    color:Green;
    background-color:Green;
}

.BarBorder_TextBox2
{
    border-style:solid;
    border-width:1px;
    padding:2px 2px 2px 2px;
    width:200px;
    vertical-align:middle;
}

.TextIndicator_TextBox3
{
     background-color:Blue;
     color:Yellow;
     font-size:small;
     font-variant:small-caps;
     padding: 2px 3px 2px 3px;
}

.TextIndicator_TextBox3_Handle
{
	width:16px;
	height:14px;
	background-image:url(images/Question.png);
	overflow:hidden;
	cursor:help;
}

.TextIndicator_TextBox1_Strength1
{
     background-color:Gray;
     color:White;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength2
{
     background-color:Gray;
     color:Yellow;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength3
{
     background-color:Gray;
     color: #FFCAAF;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength4
{
     background-color:Gray;
     color:Aqua;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength5
{
     background-color:Gray;
     color: #93FF9E;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}



.dynamicPopulate_Normal
{
	border:silver 1px inset;
	padding:2px;
	text-align:center;
	height:2em;
	margin:5px;
	width:200px;
}

.dynamicPopulate_Updating 
{
	background-image:url(images/loading.gif);
	background-repeat:no-repeat;
	border:silver 1px inset;
	text-align:center;
	padding:2px;
	height:2em;
	margin:5px;
	width:200px;
}
/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #ff0000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color:#FFFACD;
    color: red;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

/* SlideShow styles */

.slideTitle
{
	font-weight:bold;
	font-size:small;
	font-style:italic;
}

.slideDescription
{
	font-size:small;
	font-weight:bold;
}

.validatorCalloutHighlight
{
    background-color: #FFFACD;
}

.ListSearchExtenderPrompt
{
	font-style:italic;
	color:Gray;
	background-color:white;
}

.ajax__multi_slider_custom .outer_rail_horizontal
{
    position:absolute;
    background:url('Images/rail_dark.gif') no-repeat;
    width:321px;
    height:25px;
    z-index:100;
}

.ajax__multi_slider_custom .inner_rail_horizontal
{
    position:absolute;
    background: url('Images/rail_light.gif') no-repeat;
    width:321px;
    height:25px;
    z-index:100;
}

.ajax__multi_slider_custom .handle_horizontal_left
{
    position:absolute;
    background:url('Images/handle_left.gif') no-repeat;
    width:13px;
    height:25px;
    z-index:200;
    cursor:w-resize;
}

.ajax__multi_slider_custom .handle_horizontal_right
{
    position:absolute;
    background:url('Images/handle_right.gif') no-repeat;
    width:13px;
    height:25px;
    z-index:200;
    cursor:w-resize;
}

/* ComboBox styles */

#master_content .ajax__combobox_itemlist
{
    margin: 0px;
}

.AjaxToolkitStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{
    background-image: url(ComboBox/images/toolkit-bg.gif);
    background-position: top left;
    border: 0px none;
    color: #FFFFFF;
    padding: 4px 0px 3px 5px;
    font-size: 13px;
    height: 16px;
    width: 240px;
}
.AjaxToolkitStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
{
    background-image: url(ComboBox/images/toolkit-arrow.gif);
    background-position: top left;
    border: 0px none;
    height: 23px;
    width: 23px;
}
.AjaxToolkitStyle .ajax__combobox_itemlist
{
    border-color: #0F2543;
    background-color: #EFEFEF;
}

.AquaStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{
    margin: 0;
    background-image: url(ComboBox/images/aqua-bg.gif);
    background-position: top left;
    border: 0px none;
    padding: 2px 0px 0px 8px;
    font-size: 11px;
    height: 17px;
    width: 150px;
}
.AquaStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
{
    background-image: url(ComboBox/images/aqua-arrow.gif);
    background-position: top left;
    border: 0px none;
    height: 19px;
    width: 19px;
}
.AquaStyle .ajax__combobox_itemlist
{
    border-color: #000000;
    background-color: #FFFFFF;
}
.WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{
    margin: 0;
    border: solid 1px #7F9DB9;
    border-right: 0px none;
    padding: 1px 0px 0px 5px;
    font-size: 13px;
    height: 18px;
}
.WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
{
    margin: 0;
    padding: 0;
    background-image: url(ComboBox/images/windows-arrow.gif);
    background-position: top left;
    border: 0px none;
    height: 21px;
    width: 21px;
}
.WindowsStyle .ajax__combobox_itemlist
{
    border-color: #7F9DB9;
}

.radiobutton_color_red
{
    color: Red;
}

.radiobutton_color_green
{
    color: #006600;
}

.radiobutton_color_black
{
   color: Black;
}

.radiobutton_color_blue
{
    color: Blue;
}

.radiobutton_color_pink
{
    color: #FF1493;
}

.fgcgrid input[type=checkbox] {
    height: 25px;
    width: 25px;
}


.BlockCentered {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.space5 {
    padding-right: 5px;
}

.space10 {
    padding-right: 10px;
}

.space15 {
    padding-right: 15px;
}

.space20 {
    padding-right: 20px;
}

.space30 {
    padding-right: 30px;
}

.space40 {
    padding-right: 40px;
}

.space50 {
    padding-right: 50px;
}

.space60 {
    padding-right: 60px;
}

.space70 {
    padding-right: 70px;
}

.space80 {
    padding-right: 80px;
}

.space90 {
    padding-right: 90px;
}

.space100 {
    padding-right: 100px;
}

.space110 {
    padding-right: 110px;
}

.space120 {
    padding-right: 120px;
}

.CapClassGreen {
    font-family: Arial;
    font-size: 1.4em;
    font-weight: bold;
    color: Black;
    background-color: mediumaquamarine;
    height: 30px;
    align-content: center;  
}

.CapClassLightGreen {
    font-family: Arial;
    font-size: 1.4em;
    font-weight: bold;
    color: Black;
    background-color: palegreen;
    height: 30px;
    align-content:center;
}

.CapClassRed {
    font-family: Arial;
    font-size: 1.4em;
    font-weight: bold;
    color: white;
    background-color: red;
    height: 30px;
    align-content: center;
}

.CapClassCyan {
    font-family: Arial;
    font-size: 1.4em;
    font-weight: bold;
    color: Black;
    background-color: cyan;
    height: 30px;
    align-content: center;
}

.CapClassYellow {
    font-family: Arial;
    font-size: 1.4em;
    font-weight: bold;
    color: Black;
    background-color: yellow;
    height: 30px;
    align-content: center;
}
