/* MIRO SCREEN STYLE SHEET */

/* FONT EMBEDDING */

@font-face {
    font-family: 'MuseoSans500';
    src: url('../fonts/museosans-webfont.eot');
    src: url('../fonts/museosans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans-webfont.woff') format('woff'),
         url('../fonts/museosans-webfont.ttf') format('truetype'),
         url('../fonts/museosans-webfont.svg#MuseoSans500') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MuseoSans700';
    src: url('../fonts/museosans_700-webfont.eot');
    src: url('../fonts/museosans_700-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans_700-webfont.woff') format('woff'),
         url('../fonts/museosans_700-webfont.ttf') format('truetype'),
         url('../fonts/museosans_700-webfont.svg#MuseoSans700') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* GENERAL HMTL STYLES */
body
{
    background: #fff url(../../images/bg-body.jpg) top center repeat-x;
    margin: 0;
    padding: 0;
    color: #444;
}
.Wrapper 
{
    width: 960px;
    margin: 0 auto;
    overflow hidden;
    position: relative;
}

img
{
    border: none;
}

form
{
    margin: 0;
    padding: 0;
}
.login_box 
{
    width: 600px;
    height: 350px;
}

.Clear {clear: both;}

a, td a:hover
{
    color: #C92D43;
}
a:hover, td a 
{
    color: #000;
}


/* HEADER STYLES */
.Logo
{
	width: 225px;
	height: 185px;
	position: absolute;
    
    margin:  0   0 0 0;
    padding: 0 0 15px 0;
	left: 0px;
	background-image: url(../../images/logo.jpg);
    background-size: contain;
}

hr 
{
    display: block;
    background: none;
    height: 1px;
    border: none;
    clear: both;
    border-bottom: solid 1px #cecece;
    padding-top: 10px;
    /*margin-bottom: 30px;*/
}

/* HEADER STYLES */
#Header
{
    height: 150px;
	padding-top: 30px;
    font-family: arial, arial, sans-serif;
    font-size: 10px;
    width: 100%;
    color: #fff;
	float: left;
	min-width: 960px;
	/*padding-left: 225px;*/
}
#Header .Wrapper 
{
    max-width: 1405px;  
    width: auto;
    margin: 0;
    padding-left: 245px; 
    margin: 0 20px 0 15px;
    min-width: 960px;
}
.HeaderLeft 
{
	
}
.SiteTitle, .SignedInAs
{
	font: 15px/21px MuseoSans500, arial, arial, sans-serif;
	text-transform: uppercase;
	color: #4c4b47;
	letter-spacing: 1px;
	height: 60px;
	margin-bottom: 18px;
}

.SiteTitle {
	display:block;
	width: 285px;
	padding-right: 10px;
	text-align: right;
	background: url(../../images/bg-divider-header.png) right repeat-y;
	float:left;
	margin-right: 3px;
	}
	.SiteTitle img {padding-top: 5px;}
	
.SignedInAs
{
	display: block;
	float:left;	
	padding-left: 10px;
	background: url(../../images/bg-divider-header.png) left repeat-y;
}

.SignedInAs span {
	font: 12px/16px	arial, arial, sans-serif;
	text-transform: none;
	letter-spacing:normal;
	padding-top: 5px;
}
	
/*Buttons*/

#Header .Buttons
{
    float: right;
    height: 55px;
    margin: 0px;
    padding-top: 3px;
}

#Header .Buttons .Button 
{
    height: 45px;
    padding: 5px 5px;
	display:block;
	float:left;
    width: 55px;
	background: url(../../images/bg-divider-header.png) top right repeat-y;
}

#Header .Buttons .ButtonLast
{
	background: none;	
}

#Div_DashButton_SignOut2 
{
    height: 45px;
    padding: 5px 5px;
	display:none;
	float:left;
    width: 55px;
}

#Header .Buttons .Button  a, #Div_DashButton_SignOut2 a
{
	display: block;
	height: 45px;
	width: 55px;
}

#Div_DashButton_Start a {background: url(../../images/top-nav-home2.png) bottom no-repeat;}
	#Div_DashButton_Start a:hover {background-position:top}
#Div_DashButton_Help a {background: url(../../images/top-nav-help2.png) bottom no-repeat;}
	#Div_DashButton_Help a:hover {background-position:top}
#Div_DashButton_AccountSettings a {background: url(../../images/top-nav-account2.png) bottom no-repeat;}
	#Div_DashButton_AccountSettings a:hover {background-position:top}
#Div_DashButton_SignOut a {background: url(../../images/top-nav-signout2.png) bottom no-repeat;}
	#Div_DashButton_SignOut a:hover {background-position:top}
#Div_DashButton_SignOut2 a {background: url(../../images/top-nav-signout2.png) top no-repeat;}
	#Div_DashButton_SignOut2 a:hover {background-position:bottom}


/*.SmallDash {
	height: 24px;
	margin-top: 18px;
	background:url(../../images/bg-small-dash.png)repeat-x;
}
.SmallDashWrapper {
	height: 24px;
	margin-left: 225px;
	background: url(../../images/small-dash-cap.png)left top no-repeat;	
	}*/

.SmallDash {
	height: 68px;
	background: url(../../images/bg-dash.png) top repeat-x;
}
.SmallDashWrapper {
	height: 68px;
	margin-left: 225px;
	background:url(../../images/dash-cap.png) top left no-repeat;	
	}
.TextButton 
{
    background: none;
    border: none;
    text-decoration: underline;
    color: #C92D43;  
    cursor: pointer;
}
.TextButton:hover 
{
    color: Black;   
}

/* COMPONENTS DASHBOARD STYLES */
#ComponentsDashboard
{
    height: 58px;
	background: url(../../images/bg-dash.png) top repeat-x;
	margin-top: -68px;
	/*margin-top: -24px; For Small Dash */
    margin-left: auto;
    margin-right: auto;
    font-family: arial, arial, sans-serif;
    font-size: 10px;
}
.DashWrapper 
{
	height: 58px;
	/*margin-left: 255px;*/
	background:url(../../images/dash-cap.png) top left no-repeat;	
}
.DashTitle 
{
	height: 48px;
	padding-top: 21px;
	width: 155px;
	font: 13.5px/17px MuseoSans500, arial, arial, sans-serif;
	text-transform: uppercase;
	color: white;
	letter-spacing: 1px;
	float: left;
	margin-right: 5px;
	padding-left: 65px;
	background: url(../../images/dash-blue.png) no-repeat;
}

#ComponentsDashboard .Button
{
    text-decoration: none;
    color: black;
    border: none;
    float: left;
    /*padding: 5px;
	padding-top: 2px;
    margin-right: 2px;*/
    cursor: pointer;
    cursor: hand;
    display: block;
}

#ComponentsDashboard .Button:Hover
{
    margin-top: -1px;
}

#ComponentsDashboard .Button .Image
{
    text-align: center;
    height: 50px;
	width: 55px;
	padding: 0 10px;
	overflow: hidden;
	margin-top: 4px;
	background: url(../../images/bg-divider-dash.png) top right repeat-y;
}
#ComponentsDashboard .Button .Image img 
{
	margin-top: -50px;
}

#ComponentsDashboard .Button .Image img:hover {
	margin-top: 0;
	}

#ComponentsDashboard .Button .Label
{
    font-family: arial, arial, sans-serif;
    font-size: 10px;
    text-align: center;
	color: #4c4b47;
}

#CustomHeader
{
    display: none;
}


/* LAYOUT STYLES */
.MainTable
{
   /* width: 990px;  */
    width: 100%;
}
.MainTableFS
{
    width: 100%;
}
#MainTable
{

    border-collapse: separate;
}

#MainTable .LeftCell, #MainTable #tdLeft
{
    background-color: white;
    border: medium none;
    padding: 0 10px;
    text-align: center;
    width: 190px;
}

#MainTable .RightCell, #MainTable #tdRight
{
    background-color: #FFFFFF;
    /*width: 779px; */
    width: 100%;
    text-align: center;
    padding: 0px;
}




/* MAIN MENU STYLES */
#MainMenu
{
	padding-top: 13px
}

#MainMenu .MainTitle
{
    background: url("../../images/gradient-red.png") repeat-x scroll center top #CF1942;
    color: #FFFFFF;
    font: 13.5px/17px MuseoSans500,arial,arial,sans-serif;
    text-transform:uppercase;
    letter-spacing: 1px;
    height: 30px;
    margin: 0;
    padding-left: 0;
    padding-top: 12px;
    text-align: center;
    width: 210px;
    margin-left: 1px;
	border-top: solid 1px #ee4d67;
	outline: solid 1px #c92d43;
	border-bottom: solid 1px #c92d43;
}

#MainMenu .Section
{
   	margin: 0;
    width: 210px;
    border-right: solid 1px #E9E7E1;
    border-left: solid 1px #E9E7E1;
}

#MainMenu .Section .Title
{
    background: #e9e7e1;
	border-top: none;
    background-repeat: no-repeat;
    font-weight: bold;
    width: 175px;
    height: 18px;
    padding: 5px 0 5px 35px;
    margin: 0;
    text-align: left;
    font-family: arial, arial, sans-serif;
    font-size: 12px;
    color: #383734;
    border-bottom: solid 1px #deddd8;
}
#MainMenu .Section .Title.ManageTitle {background: #e9e7e1 url(../../images/nav-icon-members.png) 8px 0 no-repeat;}
#MainMenu .Section .Title.AdminTitle {background: #e9e7e1 url(../../images/nav-icon-admin.png) 8px -2px no-repeat;}
#MainMenu .Section .Title.ReportsTitle {background: #e9e7e1 url(../../images/nav-icon-reports.png) 8px -2px no-repeat;}
#MainMenu .Section .Title.SettingsTitle {background: #e9e7e1 url(../../images/nav-icon-settings.png) 8px -2px no-repeat;}
#MainMenu .Section .Title.UsersTitle {background: #e9e7e1 url(../../images/nav-icon-users.png) 8px -2px no-repeat;}

#MainMenu .Section .ActiveMember
{
    background: #e9e7e1 url(../../images/nav-icon-members.png) 8px 0 no-repeat;
	border-top: solid 5px #d61c51;
    background-repeat: no-repeat;
    font-weight: bold;
    width: 175px;
    display: block;
    min-height: 18px;
    padding: 5px 0 5px 35px;
    margin: 0;
    text-align: left;
    font-family: arial, arial, sans-serif;
    font-size: 12px;
    color: #383734;
    border-bottom: solid 1px #deddd8;
    position: relative;
    cursor: pointer;
}
#MainMenu .Section .ActiveMember span 
{
    display: block;
    background: url(../../images/nav-plus.png) 96% 50% no-repeat;   
    padding-right: 25px;
}

#MainMenu .Section .Contents,#MainMenu .Section .ContentsFS
{
    width: 210px;
    padding-top: 8px;
    padding-bottom: 12px;
    background-color: #FFFFFF;
    text-align: left;
    font-family: arial, arial, sans-serif;
    font-size: 10pt;
    color: #000000;
}

#MainMenu .Section .Contents .Selected,#MainMenu .Section .ContentsFS .Selected

{
    color: White;
    background: #307ca1 url(../../Images/gradient-blue-short.png) top repeat-x;
}

#MainMenu .Section .Contents a, #MainMenu .Section .ContentsFS a, .admin_default a

{
    text-decoration: none;
    color: #2b789e;
    width: 195px;
    border-bottom: solid 1px #EFF0F1;
    background-color: #FFFFFF;
    display: block;
	padding: 1px 0 3px 15px;
	background: url(../../images/rsaquo.png) 4px 7px no-repeat;
}

#MainMenu .Section .Contents a:hover, #MainMenu .Section .ContentsFS a:hover, .admin_default a:hover

{
    background-color: #eee;
    /*border: solid 1px #3F475E;*/
    cursor: pointer;
    cursor: hand;
}

#MainMenu .Section .Contents .Icon, #MainMenu .Section .ContentsFS .Icon
{
    vertical-align: middle;
	display:none;
}

#MainMenu .Section .Contents .Text, #MainMenu .Section .ContentsFS .Text
{
    vertical-align: middle;
}

#MainMenu .Section .MenuContentsBottom
{
	height: 5px;
	background: url(../../images/gradient-red.png) top center repeat-x;
}



/* SYSTEM DASHBOARD STYLES */
#SystemDashboard
{
   /* background-image: url(../../Images/SystemDashboard_Background.jpg);
    background-repeat: repeat-x;
    height: 50px;
    border-top: 1px solid #3A546F;
    border-left: 1px solid #3A546F;
    border-right: 1px solid #3A546F;
    border-bottom: 1px solid #aaa;*/
}

#SystemDashboard .Background
{
    background-image: url(../../Images/SystemDashboard_TitleBackground.jpg);
    background-repeat: no-repeat;
    float: left;
    text-align: left;
    width: 460px;
    height: 49px;
}

#SystemDashboard .SiteName
{
    font-family: arial, arial, sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
    padding-left: 18px;
    padding-top: 5px;
}

#SystemDashboard .SubTitle
{
    font-family: arial, arial, sans-serif;
    font-size: 11px;
    color: #000000;
    padding-left: 20px;
    padding-top: 8px;
}


.ComponentsDashboard
{
    /*width: 750px; */
    width: 100%;
}

.ComponentsDashboardFS
{
    width: 100%;
}


/* WORK PANEL STYLES */
.WorkPanel
{
    /*width: 750px; */
    width: 100%;
}
.WorkpanelFS
{
    width: 100%;
}
#WorkPanel
{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding: 0;
}



#WorkPanel #WorkArea
{
    background-color: #FFFFFF;
    margin: 0 20px 0 15px;
    overflow: hidden;  
    padding: 0;
    text-align: left;
    max-width: 1405px;
    min-width: 960px;
    position: relative;
}

#WorkPanel #WorkArea .Title
{
    font-family: MuseoSans500, arial, arial, sans-serif;
    font-size: 28px;
	color: #333333;
    padding-bottom: 5px;
    /*
    margin-bottom: 20px;
	padding-top: 17px;
*/
}
#WorkPanel #WorkArea .Title img
{
	vertical-align: -20%;	
	padding-right: 4px;
}

#WorkPanel #WorkArea .Contents, #WorkPanel #WorkArea .ContentsFS

{
    font-family: arial, arial, sans-serif;
    font-size: 12px; /*line-height:14px;*/
    background-color: #FFF;
}

/*
				#WorkPanel #WorkArea .Contents p { line-height: 18px; }
				#WorkPanel #WorkArea .Contents a { font-weight: bold; }
				#WorkPanel #WorkArea .Contents a:link { color: #1C4876; text-decoration: underline; }
				#WorkPanel #WorkArea .Contents a:visited { color: #1C4876;; }
				#WorkPanel #WorkArea .Contents a:hover { color: #444; }
				#WorkPanel #WorkArea .Contents a:active { color: #444; }
				#WorkPanel #WorkArea .Contents ul { list-style:url(../../Images/WorkArea_ListBullet.gif); }
				#WorkPanel #WorkArea .Contents li { padding: 5px 0; }

			*/
#WorkPanel #WorkArea .Contents h2, #WorkPanel #WorkArea .ContentsFS h2

{
    margin-bottom: 8px;
    font-size: 11pt;
}




/* FOOTER STYLES */
#Footer
{
    
	width: auto;
    margin-left: 15px;
    margin-right: 20px;
    border-top: solid 1px #deddd8;
    height: 16px;
    padding-top: 5px;
    font-family: arial, arial, sans-serif;
    font-size: 10px;
    margin-top: 60px;
    max-width: 1405px;
}

#Footer a:link
{
    color: #333333;
    text-decoration: underline;
    font-weight: bold;
}

#Footer a:visited
{
    color: #333333;
    text-decoration: none;
    font-weight: bold;
}

#Footer a:hover
{
    color: #265588;
    text-decoration: none;
}

#Footer .TextLeft
{
    float: left;
    padding-left: 5px;
}

#Footer .TextRight
{
    float: right;
    padding-right: 5px;
}

#CustomFooter
{
    display: none;
}



/* DATA GRID STYLES */
/*.DataGrid
{
    font-size: 11px;
    font-family: arial, arial, sans-serif;
}

.DataGrid .DataGridHeader td
{
    font-size: 8.5pt;
    font-weight: normal;
    color: White;
    background: url(../../Images/DataGrid_Header.gif) repeat-x;
    background-color: #1C4875;
    padding: 2px;
    padding-left: 3px;
    padding-right: 2px;
}
.DataGrid .DataGridHeader th
{
    font-size: 8.5pt;
    font-weight: normal;
    color: White;
    background: url(../../Images/DataGrid_Header.gif) repeat-x;
    background-color: #1C4875;
    padding: 2px;
    padding-left: 3px;
    padding-right: 2px;
}

.DataGrid .DataGridHeader a
{
    color: #fff;
    text-decoration: underline;
}

.DataGrid .DataGridHeader a:hover
{
    color: Black;
}

.DataGrid .DataGridItem td
{
    padding: 1px;
    padding-left: 2px;
    padding-right: 2px;
    background-color: #E8E8E8;
}

.DataGrid .DataGridItem td a
{
    color: navy;
    text-decoration: none;
}

.DataGrid .DataGridItem td a:hover
{
    color: red;
    text-decoration: underline;
}

.DataGrid .DataGridAlternatingItem td
{
    padding: 1px;
    padding-left: 2px;
    padding-right: 2px;
    background-color: #ffffff;
}

.DataGrid .DataGridAlternatingItem td a
{
    color: navy;
    text-decoration: none;
}

.DataGrid .DataGridAlternatingItem td a:hover
{
    color: red;
    text-decoration: underline;
}

.DataGrid .DataGridSelectedItem td
{
    padding: 1px;
    padding-left: 2px;
    padding-right: 2px;
    background-color: #F4FA8E;
}

.DataGrid .DataGridPager
{
    font-size: 12px;
    font-family: arial, arial, sans-serif;
}

.DataGrid .DataGridPager td
{
    font-size: 18px;
    color: Navy;
    font-weight: bold;
    height: 20px;
}

.DataGrid .DataGridPager td a
{
    font-size: 12px;
    font-weight: normal;
    color: #1C4875;
    text-decoration: none;
}

.DataGrid .DataGridPager td a:hover
{
    font-weight: normal;
    color: red;
    text-decoration: underline;
}*/



/* DATA GRID STYLES */
.DataTable
{
    width: 100%;
    border-collapse: collapse;
}

.DataTable TH
{
    border: solid 1px #ccc;
    background-color: #eee;
    font-size: 8pt;
    font-weight: bold;
    vertical-align: top;
    padding: 3px;
    padding-bottom: 5px;
    padding-left: 5px;
}

.DataTable TD
{
    border: solid 1px #ccc;
    padding: 5px;
    padding-left: 5px;
    font-size: 8pt;
    background-color: inherit;
    vertical-align: top;
}

.DataTable TD input
{
    vertical-align: middle;
    margin-top: 0px;
    margin-bottom: 0px;
}

.DataTable .SubHeading
{
    font-size: 10pt;
    font-weight: bold;
    border-width: 0px;
    padding-top: 20px;
    padding-bottom: 5px;
}


/* EDIT PANEL STYLES */
#WorkPanel #WorkArea .EditPanel
{
    margin-top: 0px;
    background: url("../../images/bg-body.jpg") repeat-x scroll center top #FFFFFF;
    margin-bottom: 30px;
}

#WorkPanel #WorkArea .EditPanel .Title
{
    font-size: 16px;
    font-family: MuseoSans500, arial, sans-serif;
    vertical-align: middle;
    padding: 10px 20px 10px 35px;
    color: #383734;
    margin-bottom: 0;
    background: url(../../images/arrow-down.png) 8px 15px no-repeat;
}

#WorkPanel #WorkArea .EditPanel .Body
{
    padding: 8px;
    padding-top: 10px;
    padding-bottom: 15px;
    background: url(../../images/divider-horiz.png) top center repeat-x;
}



/* EDIT TABLE STYLES */
.EditTable
{
    font-size: 11px;
    font-family: arial, arial, sans-serif;
}

#WorkPanel #WorkArea .EditTable td
{
    padding: 2px;
    vertical-align: top;
    border: none;
}

.EditTable .Label
{
    text-align: right;
    padding-right: 5px;
    width: 100px;
}

.InputControl
{
    padding-left: 1px;
    border: solid 1px #ccc;
    background-color: #FAFAFA;
    background-color: #FFF;
    font-size: 10pt;
}

.SingleWidth
{
    width: 240px;
}
.DoubleWidth
{
    width: 595px;
}



/* NOTICE AREA STYLES */
.SummaryArea
{
    font-family: arial, arial, sans-serif;
    font-size: 12px;
    margin-bottom: 30px;
}

.SummaryArea h2
{
    margin-top: 0px;
}

.ErrorPanel
{
    font-family: arial, arial, sans-serif;
    font-size: 12px;
    padding: 8px;
    padding-left: 40px;
    margin: 10px;
    margin-bottom: 15px;
    background: url(../../Images/Icons/Panels_Error.gif) no-repeat;
    background-position: 5px 8px;
    border: dotted 1px red;
}

.ErrorPanel h2
{
    font-size: 18px;
    color: #A40000;
    margin-top: 0px;
}

.WarningPanel
{
    font-family: arial, arial, sans-serif;
    font-size: 12px;
    padding: 8px;
    padding: 15px 30px 15px 50px;
    border: solid 1px #cecece;
    margin: 0 0 30px 0;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    /*background: url(../../Images/Icons/Panels_Warning.gif) no-repeat;
    background-position: 5px 8px;*/
    /*background-color: ivory;*/
    /*background: url(../../images/gradient-yellow.png) top center repeat-x;*/
    background: url("../../Images/Icons/Panels_Error.gif") no-repeat scroll 10px 14px transparent;
    color: Black;
}

#WorkPanel #WorkArea .WarningPanel h2
{
    font-size: 24px;
    color: #C92D43;
    margin-top: 0px;
}

.InfoPanel
{
    font-family: arial, arial, sans-serif;
    font-size: 12px;
    padding: 8px;
    padding-left: 40px;
    margin: 10px;
    margin-bottom: 15px;
    font-size: 8pt;
    background-position: 5px 8px;
    background-image: url(../../Images/Icons/Panels_Info.gif);
    background-repeat: no-repeat;
    border: dotted 1px gray;
    background-color: #fff;
}

.InfoPanel p
{
    font-size: 12px;
}
.InfoPanel p strong
{
    color: #4E6D92;
}
.InfoPanel h2
{
    margin-top: 0px;
}

.NoContentPanel
{
    font-family: arial, arial, sans-serif;
    font-size: 12px;
    margin: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 8pt;
    text-align: center;
    border: dotted 1px gray;
    padding: 20px;
    background-color: #E8E8E8;
}



/* EDIT BUTTONS STYLES */
.EditButtons
{
    text-align: right;
    margin: 20px 0px;
}

.EditButtons Input, .ButtonStyle
{
    
    min-width: 175px;
	border:none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
	background: #4c4b48 url(../../images/gradient-brown.png) top center repeat-x;
	padding: 7px 10px;
	color: white;
	cursor:pointer;
	font-size: 14px;
	font-family: Museosans500, Arial, Helvetica, Sans-Serif;   
}

.EditButtons Input:hover, .ButtonStyle:hover
{
    background: #71706a;
  
}

.SmallButton 
{
    min-width: 100px;
    padding: 3px 6px;
    font-size: 13px;    
}

.StdError
{
    font-size:11px;
    color:Red;
}

.StdInfo
{
    font-size:11px;
    color:Green;
}

STDButton
{
    border: solid 1px #ccc;
    background-color: #EFF0F1;
    color: #1C4876;
    cursor: pointer;
    cursor: hand;
}

.STDButton:Hover
{
    background-color: #A2AEBA;
    color: #FFF;
}


/* STYLES FOR SIGN IN PAGE */
.SignIn
{
    background: #fff;
    font-family: MuseoSans500, arial, sans-serif;
}

.SignIn form
{
    margin: 0;
    padding: 0;
}

.SignIn .BoxTop
{
    text-align: center;
    margin: 0 auto;
    z-index: 2;
}

.SignIn .BoxMiddle
{
    /*width: 499px;*/
    margin: 0 auto;
    z-index: 2;
}

.SignIn .SignInLabel 
{
    clear: both;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    font-family: Arial, Helvetica, Sans-Serif;
    margin-right: 10px;
    width: 75px;
    padding-top: 7px;
}
.SignIn .LogoSignIn 
{
   width: 200px;
   float: left;
   margin-right: 40px;  
}

.SignIn .BoxMiddle table
{

}


.SignIn .Title
{
    font-size: 24px;
    color: #d31f45;
    text-align: left;
    padding-top: 13px;
    padding-bottom: 5px;
}

.SignIn .Caption
{
    font-size: 11px;
    color: #333;
    text-align: left;
    padding-bottom: 25px;
}

.SignIn #SignInArea
{
}
.SignIn #SignInArea td
{
    color: #22749C;
    font-size: 12px;
    font-weight: bold;
}

.SignIn #SignInArea .Password
{
    margin-top: 5px;
}

.SignIn #SignInArea .Password input
{
    background: url("../../images/bg-input.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #333333;
    display: block;
    float: right;
    font: 14px/18px Arial,Helvetica,sans-serif;
    height: 31px;
    outline: medium none;
    padding: 3px 10px;
    width: 251px;
}



.SignIn #SignInArea .Username
{
}

.SignIn #SignInArea .Username input
{
    background: url("../../images/bg-input.png") no-repeat scroll left top transparent;
    color: #333333;
    border: none;
    display: block;
    float: right;
    font: 14px/18px Arial,Helvetica,sans-serif;
    height: 31px;
    outline: medium none;
    padding: 3px 10px;
    width: 251px;

}

.SignIn #SignInArea .GoButton
{
    width: 73px;
    height: 19px;
    float:right;
    margin-top: 10px;
}

.SignIn #SignInArea .GoButton:hover
{
    background: url(../../images/sign-in-button.png) bottom no-repeat;
}
.SignIn #SignInArea .ErrorMessage
{
    color: Red;
    font-size: 14px;
    font-weight: normal;
    clear: both;
    padding-top: 10px;
}

.SignIn #Header
{
    display: none;
}

.SignIn #Footer
{
    display: block;
    height: 53px;
    width: 226px;
    border-width: 0px;
    background: url(../../Images/SignIn/SignInPage_09.jpg) no-repeat center;
}



/* TAB STYLES */
.Tabs
{
    padding: 0px;
    margin: 0px;
    border: solid 1px white;
    border-bottom: solid 3px #1C4875;
    font-size: 11px;
}

.Tabs .TabRow
{
}

.Tabs .Tab
{
    float: left;
}

.Tabs .Tab a
{
    display: block;
    text-decoration: none;
    background-color: #A2AEBA;
    border: solid 1px #aaa;
    border-bottom-width: 0px;
    color: #FFF;
    margin-right: 3px;
    padding-top: 2px;
    padding-right: 18px;
    padding-bottom: 6px;
    padding-left: 5px;
}

.Tabs .Tab a:hover
{
    background-color: #EFF0F1;
    border: solid 1px #ccc;
    border-bottom-width: 0px;
    color: #1C4876;
    cursor: pointer;
    cursor: hand;
}

.Tabs .Tab .Selected
{
    color: White;
    background-color: #1C4875;
    border: solid 1px #1C4875;
    border-bottom-width: 0px;
}

.Tabs .Tab .Inactive
{
}


/* Instructions */
.Instructions
{
    color:Green;
    background-color:#fedfdd;
    font-size:11px; 
    margin: 5px 35% 5px 10%;
}


/*--------------------------------------------------------------------------------------------
************************************* GayLea Styles *****************************************/

h1, h2, h3, h4
{
	font-family: MuseoSans500, arial, Geneva, sans-serif;	
	font-weight: normal;
}

h3
{
    color: #22749C;
    font-size: 16px;
    padding-bottom: 5px;	
}

.PrintHeader {display: none;}

.Title {position: relative;}

.DashWrapper .quick_search_block
{
    color: #2B789E;
    font-size: 12px;
    padding-bottom: 5px;
    font-family: 'MuseoSans500';
    float: right;
    margin: 17px 10px;
}

.quick_search_block input[type=submit]
{
	border: none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
	background: #4c4b48 url(../../images/gradient-brown.png) top center repeat-x;
	padding: 4px 7px;
	color: white;
	cursor:pointer;
	font-size: 12px;
	font-family: Museosans500, Arial, Helvetica, Sans-Serif;
}
.quick_search_block input[type=submit]:hover
{
	background: #71706a;
}
.quick_search_block input[type=text]
{
	border: none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
	padding: 5px 10px;
	color: #666;
	font-size: 0.9em;
	border: solid 1px #cecece;
}
.Title .wall_date 
{
    position: absolute;
    right: 0;
    top: -1px;
    color:#2B789E;
    font-size: 12px;
}
.Title .tan_block 
{
    margin-bottom: 0;    
}
.Title .rep_header_icon 
{
    float: left;
    margin-top: 1px;
}
.rep_header_on 
{
    background-image: url(../../images/rep_yes.png);
    width: 32px;
    height: 32px;
}
.rep_header_off
{
    background-image: url(../../images/rep_no.png);
    width: 32px;
    height: 32px;
}
.padding20 {padding: 20px 0;}

.title_info 
{
    font-size: 12px;
    font-weight: normal;
}
.clear_both 
{
    clear: both;
}
.width_960 
{
    width: 960px;    
}

.tan_block
{
	background: none repeat scroll 0 0 #E9E7E1;
    border-bottom: 1px solid #DEDDD8;
    padding: 15px 10px;	
	margin-bottom: 30px;
}
.tan_block.quick_search_block {border-bottom: none;}

.memberinfo_rad_buttons 
{
    position: absolute;
    top: 58px;
    left: 250px;    
}

.memberinfo_member_number 
{
    float: right;
	padding-bottom: 20px;
	padding: 20px;
	border: solid 1px #2580ad;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
}
.memberinfo_member_number label 
{
    display:block;
    width: 175px;
    font-weight: bold;  
    float: left;
    clear: both;
    margin-bottom: 5px;
}
.memberinfo_member_number span 
{
    display:block;
    margin-bottom: 5px;    
    float: right;
}
.personal_info 
{
    float: left;   
    }
.member_section 
{
	/*margin-bottom: 40px;	*/
}

.member_section_title 
{
 
	background: none repeat scroll 0 0 transparent;
    border-bottom: medium none;
    border-left: medium none;
    color: #22749C;
    font-family: MuseoSans500, arial, arial, sans-serif
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 10px;
    outline: medium none;
    padding: 10px 0;
    width: 100%;
}
.member_form_span_small 
{
    font-size: 10px;
}
.member_form_item, 
.member_form_item_150,
.member_form_item_200,
.member_form_item_250
{
    margin-top: 10px;
    line-height: 21px;
}
.member_form_item select 
{
    width: 200px;
}
.member_form_item > label, 
.member_form_item_150 > label,
.member_form_item_200 > label, 
.member_form_item_250 > label
{
    float: left;
    font-weight: bold;
    line-height: 18px;
    display: inline-block;
    width: 90px;
}
.member_form_item > span > label, 
.member_form_item_150 > span > label,
.member_form_item_200 > span > label, 
.member_form_item_250 > span > label
{
    float: left;
    font-weight: bold;
    line-height: 18px;
    display: inline-block;
    width: 90px;
}

.member_form_item_150 > label, .member_form_item_150 > span > label 
{
    width: 150px;
}

.member_form_item_200 > label, .member_form_item_200 > span > label
{
    width: 200px;
}

.member_form_item_250 > label, .member_form_item_250 > span > label 
{
    width: 250px;
}

.member_info_personal_group 
{
    float: left;
    margin-right: 20px;
}
.member_info_business_group 
{
    float: left;
    margin-right: 20px;
}
.member_info_contact_group_1 
{
    float: left;
    margin-right: 20px;
    width: 250px;
}

.member_info_contact_group_2
{
    float: right;
    margin-right: 20px;
    width: 300px;
}
.member_info_membership_group_1, .member_info_membership_group_2, .member_info_membership_group_3
{
    float: left;
    margin-right: 20px;
    
}
.member_info_membership_group_3 {
    width: 33%;
    float: left;
    margin-right: 20px;
}
.member_info_personal_group .member_form_item > label 
{
}
.member_info_business_group .member_form_item > label 
{
    width: 120px;
}
.member_info_contact_group_1 .member_form_item > label 
{
}
.member_info_contact_group_2 .member_form_item > label 
{
}
.member_info_membership_group_1 .member_form_item > label 
{
    width: 160px;
}
.member_info_membership_group_2 .member_form_item > label 
{
    width: 160px;
}
.member_info_membership_group_3 .member_form_item > label 
{
    width: 100px;
}
.member_search_name 
{
    /* width set dynamically*/
    height: 22px;
    overflow: hidden;
    white-space: nowrap;
	text-overflow: ellipsis;
}

.grid_phone 
{
   white-space: nowrap;
   width: 80px; 
}
.grid_postal 
{
    white-space: nowrap;
    width: 80px;
}

.share_percent 
{
    width: 50px;
    text-align: right;
}
.money 
{
    width: 75px;
    text-align: right;
}

.member_shares_control .member_section .member_form_item > input[type=text]
{
    width: 50px;
}

.member_admin_global_group 
{
    float: left;
    width: 400px;
    margin-right: 20px;
}
.member_admin_global_group .member_form_item > label 
{
    width: 325px;
    font-weight: normal;
}
.member_admin_global_group .member_form_item > input 
{
    width: 50px;
    text-align: right;
}
.member_admin_debenture_group 
{
    float: left;
    width: 400px;
}

.member_admin_debenture_group .member_form_item > label
{
    width: 150px;
    font-weight: normal;
}
.member_admin_debenture_group .member_form_item > input
{
    width: 50px;
    text-align: right;
}

.member_admin_period_group th
{
    text-align: left;
    padding: 2px;
    width: 120px;
}
.member_admin_period_group th.month 
{
    text-align: left;
    padding: 2px;
    width: 70px;
}

.member_admin_step 
{
    padding: 30px 0;
}
.member_admin_step_title 
{
    background-color: white;
    border-bottom: 1px solid #CECECE;
    color: #22749C;
    font-family: MuseoSans500;
    font-size: 16px;
    padding-bottom: 5px;
    margin-bottom: 30px;
}

.member_admin_retains_item 
{
    margin-top: 10px;
    padding-left: 0;
    line-height: 21px;
}

/*
.member_admin_deb_button input
{
    border: solid 1px #ccc;
    background-color: #EFF0F1;
    color: #1C4876;
    width: 250px;
    height: 60px;
    cursor: pointer;
    
}

.member_admin_deb_button input:hover
{
    background-color: #A2AEBA;
    color: #FFF;
}
*/
.member_admin_retains_link 
{
    float: left;
}

.admin_debenture_group 
{
    float: left;
    width: 330px;
}

.admin_debenture_group .member_form_item .EditButtons 
{
    text-align: center;
}



.middleinitial 
{
    width: 20px;
}
.areacode 
{
    width: 30px;
}
.phone
{
    width: 80px;
}
.sinnumber 
{
    width: 75px;
}
select.year_ddl
{
    width: 75px;
}
select.month_ddl
{
    width: 100px;
}

.has_notes span
{
    color: #ff0000;
}
#WorkPanel #WorkArea input[type=text], #WorkPanel #WorkArea select
{
	border: none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
	padding: 5px 10px;
	color: #666;
	font-size: 0.9em;
	border: solid 1px #cecece;
}
#WorkPanel #WorkArea select.phonelabel
{
    width: 105px;
    padding: 0px;
    color: #000;
}
#WorkPanel #WorkArea input[type=submit], input[type=submit]
{
	border: none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
	background: #4c4b48 url(../../images/gradient-brown.png) top center repeat-x;
	padding: 7px 10px;
	color: white;
	cursor:pointer;
	font-size: 14px;
	font-family: Museosans500, Arial, Helvetica, Sans-Serif;
	text-align: center;
}
#WorkPanel #WorkArea input[type=submit]:hover, input[type=submit]:hover
{
	background: #71706a;
}
#WorkPanel #WorkArea table input[type=submit], #WorkPanel #WorkArea input[type=submit].smallbutton, .smallbutton, input[type=submit].smallbutton
{
	font-size: 11px;
	padding: 3px 6px;
}
#WorkPanel #WorkArea .pager input[type=submit], .pager input[type=submit]
{
    font-size: 11px;
	padding: 5px 10px;    
}
#WorkPanel #WorkArea .tan_block input[type=submit]
{
	padding: 5px 10px;
	font-size: 11px;
}

#WorkPanel #WorkArea input[type=submit][disabled], #WorkPanel #WorkArea input[type=button][disabled]
{
    border: none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
	background: #a5a5a3 url(../../images/gradient-disabled.png) top center repeat-x;
	padding: 7px 10px;
	color: white;
	cursor:pointer;
	font-size: 14px;
	font-family: Museosans500, Arial, Helvetica, Sans-Serif;
	cursor: inherit;
}
#WorkPanel #WorkArea .tan_block input[type=submit][disabled], #WorkPanel #WorkArea .tan_block input[type=button][disabled]
{
	padding: 5px 10px;
}
#WorkPanel #WorkArea table input[type=submit][disabled], #WorkPanel #WorkArea table input[type=button][disabled]
{
    font-size: 11px;
	padding: 3px 6px;   
}
#WorkPanel #WorkArea .pager input[type=submit][disabled], #WorkPanel #WorkArea .pager input[type=button][disabled]   
{
    font-size: 11px;
	padding: 5px 10px;    
}
.longLabel 
{
    font-weight: bold;
    display: block;
    float: left;
    clear: both;
    width: 200px;
    margin-right: 10px;  
    font-size: 0.9em; 
    line-height: 13px;
}
.shortLabel 
{
    font-weight: bold;
    display: block;
    float: left;
    clear: both;
    width: 150px;
    margin-right: 10px;  
    font-size: 0.9em;
}

.LicenseTab 
{
    background: #e6e6e6;
    border: solid 1px #d0d0d0;  
    padding: 5px; 
    box-shadow: inset 0 -4px 5px -5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 -4px 5px -5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 -4px 5px -5px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 -4px 5px -5px rgba(0, 0, 0, 0.3);
    position: relative;
    top: 10px;
}
.LicenseTab .shortLabel 
{
    width: 100px;    
}

/*------------------------------------------TABLE STYLES--------------------------------------*/

#WorkPanel #WorkArea table, .ui-widget-content table
{
	border: none;	
	border-collapse: collapse;
}

#WorkPanel #WorkArea td, #WorkPanel #WorkArea th, #WorkPanel #WorkArea .DataGrid td, .ui-widget-content td, .ui-widget-content th
{
	padding: 5px;
	font-size: 10.8px;	
	border: none;
	/*text-align: left;*/
}
/*
#WorkPanel #WorkArea .DataGrid td a, .ui-widget-content td a { color: #C92D43}
#WorkPanel #WorkArea .DataGrid td a:hover, .ui-widget-content td a:hover { color: #000}
*/
#WorkPanel #WorkArea .DataGrid td a, .ui-widget-content td a { color: #000}
#WorkPanel #WorkArea .DataGrid td a:hover, .ui-widget-content td a:hover { color: #C92D43}
#WorkPanel #WorkArea .DataGrid .DataGridHeader td a { color: #fff}
#WorkPanel #WorkArea .DataGrid .DataGridHeader td a:hover { color: #000}

#WorkPanel #WorkArea .DataGrid .DataGridItem td
{
    /*background: #edebe6;*/
    background: none;
}
#WorkPanel #WorkArea td, #WorkPanel #WorkArea .DataGrid td, .ui-widget-content td
{
	border-bottom: solid 1px #cecece;
}
#WorkPanel #WorkArea .last_row td 
{
    border-bottom: none;   
}
#WorkPanel #WorkArea th, .DataGrid .DataGridHeader td, .ui-widget-content th
{
	
	background: url("../../Images/gradient-blue-short.png") repeat-x scroll center top #307CA1;
    border-top : solid 1px #54ACD1;
	border-bottom: solid 1px #22729a;
    color: #FFFFFF;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 10px;
    line-height: 13px;
}

th a, .ui-widget-content th a 
{
    color: #fff;
}
th a:hover
{
    color: #000;
}

.license_row td
{
    /*color: #008000;*/
    color: #ff0000;
    /*border-color: #000;*/
    font-weight: bold;
}
.license_row td a 
{
    color: #ff0000;
    font-weight: bold;
}

.patdebonly_row td
{
    /*color: #008000;*/
    color: #990099;
    /*border-color: #000;*/
    font-weight: bold;
}
.patdebonly_row td a 
{
    color: #990099;
    font-weight: bold;
}

.nonmember_row td {
    /*color: #008000;*/
    color: #9E7702; /* Dark Orange/yellow */
    /*border-color: #000;*/
    font-weight: bold;
}

    .nonmember_row td a {
        color: #9E7702; /*  Dark Orange/yellow */
        font-weight: bold;
    }

.inactive_row td
{
    /*color: #fc7c14;*/
    color: #139C17;
}
.inactive_row td a 
{
    /*color: #fc7c14;*/
    color: #139C17;
}

#WorkPanel #WorkArea .footer_summary td
{
    /* border-top: 1px solid #000;  **I think the border bottom of the row above is interfering - making bold instead */
    border-bottom: none;
    font-weight: bold;
}

/**************** Users tab menu *******************/

#WorkPanel #WorkArea .UsersTabsTable td {border-bottom: 0;}


/**************** Gay Lea Reports Module *******************/
.gl_report_div 
{
    padding: 30px 0px 0px 0px;
    min-width: 900px;
    line-height: 25px;
}
.gl_report_title 
{
    background-color: white;
    border-bottom: 1px solid #CECECE;
    color: #22749C;
    font-family: MuseoSans500;
    font-size: 16px;
    line-height: 25px;
    
}
.gl_report_title a 
{
    font-size: 10px;
    text-decoration: none;
}
a.gl_report_title 
{
    text-decoration: none;
    border-bottom: none;
}

.gl_report 
{
    width: 200px;
    float: left;
    margin-top: 10px;
 }
 .gen_icon 
 {
    margin-right: 5px;    
 }
.gl_report_desc 
{
    width: 600px;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}
.gl_rep_icon 
{
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 75px;
}
.gl_pop_member 
{
    height: 150px;
    overflow: auto;
    margin: 10px 0px;
}
.gl_pop_member > div 
{
    float: left;
    width: 260px;
}

.wall_div 
{
    margin: -5px 0px 0px -10px;
    position: absolute;
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
    background-image: url(../../images/yield.png);
}
.icon_spinner 
{
    vertical-align: middle;
    line-height: 16px;
    margin-right: 10px;
}

.icon_err 
{
    vertical-align: top;
    line-height: 16px;
}

.member_profile_history 
{
    position: absolute;
    top: 29px;
    left: 0;
    /*background: url("../../images/gradient-brown.png") repeat-x scroll center top #4C4B48;*/
    background: #E9E7E1;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, 0.5);
    padding: 10px;
    width: 190px;
    z-index: 1;
}

#MainMenu .Section .Contents .member_profile_history a 
{
    color: #383734;
    background: none;  
    border-bottom: solid 1px #c4c1ba;
    width: 190px; 
    display: block;
    padding: 3px 0;
    font-size: 11px;
}
#MainMenu .Section .Contents .member_profile_history a:hover 
{
    color: #2B789E;
}

.multi_license_note 
{
    color: #ff0000;
}
/**************** jQuery UI style overrides *****************/
.ui-widget 
{
    font-family: arial, Arial, Sans-Serif;
    font-size: 12px;
}
.ui-widget-header 
{
    
}
.ajax_loading 
{
    text-align: center;
    margin-top: 100px;
    margin-bottom: 100px;
}

/* 140625BH Ticket 21786 */

.hide {
    visibility: hidden;
}


/* 140723BH Ticket 21788 */
#WorkPanel #WorkArea select.RKD_DateTextBoxCombo {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
/* 140723BH Ticket 21788 */
#WorkPanel #WorkArea .combodate {

}

/* 140723BH Ticket 21788 */
#WorkPanel #WorkArea .member_admin_period_month {
    width: 72px;
    padding: 5px 2px 5px 2px; 
}

/* 140723BH Ticket 21788 */
#WorkPanel #WorkArea .member_admin_period_date {
    width: 160px;    
    padding: 5px 2px 5px 2px; 
}

.highlighted {
    background-color:yellow;
}