/*------------------------------------*/
/*====================================*/
/* BuildASign Stylesheet              */
/*                                    */
/* c/o Ty Barho                       */
/* t.barho@gmail.com                  */
/*====================================*/
/*------------------------------------*/



/*Home Page*/






/* Body Styles */
/*-------------*/

p {font-family: tahoma; font-size: 11px; line-height: 1.4em; margin: 0;}



/* NOTE --> This is what sets the width of the page. --- */      /*  If you have a page on which you */
/*			If you change this value, it will alter  --- */      /*  would like a different width,   */
/*			the Home page in an undesirable manner.  --- */      /*  make a new class for that pages */
/*-------------------------------------------------------*/      /*  OuterTable                      */

.OuterTable { width: 768px;  background: #FFFFFF; align: center; padding: 0; margin: 0; }



/* Page Area Styles */
/*------------------*/
.OuterDiv { width: 100%; background: #FFFFFF; align: center; padding: 0; margin: 0; }
.MainBodyContentTD { padding: 10px; margin: 0; text-align: left; }



/*-----------------------*/
/*-----------------------*/
/* Header Control Styles */
/*-----------------------*/
/*-----------------------*/

.HeaderRow { padding:0; margin: 0; }
.HeaderTable { width: 100%; height: 100%; padding:0; margin:0 }
.LogoTD { width: 220px; }
.HeaderRightTD { vertical-align: bottom; }
.HeaderRightTable { width: 100%; padding:0; margin:0; }
.NavLinksTD { vertical-align: middle; text-align:right; padding: 9px 9px 9px 0; }
.MenuRow { height: 27px; background: url(/images/menu_bg.gif) repeat-x bottom left; padding: 0; margin: 0; }
.MenuRowRight { height: 27px; width: 100%; background: url(/images/menu_bg_r.gif) no-repeat bottom right; padding: 0; margin: 0; }
.MenuRowLeft { height: 27px; width: 100%; background: url(/images/menu_bg_l.gif) no-repeat bottom left; padding: 0; }

	/* --- Header NavLinks Text Styles --- */
	.NavLinksText, a.NavLinksText, a.NavLinksText:visited { font-family: Verdana; font-weight: normal; color: #000000; font-size: 10px; text-decoration: none; }
	/* ---.NavLinksText:hover, .NavLinksText:visitedhover { text-decoration: underline; }--- */
	
	/* --- Header Button Styles --- */
	.MBLeft { height: 27px; width: 33%; background: url(/images/menu_sep.gif) no-repeat bottom right; text-align: center; }
	.MBCenter { height: 27px; background: url(/images/menu_sep.gif) no-repeat bottom right; text-align: center; }
	.MBRight { height: 27px; width: 33%; text-align: center; }
	.MB1 { height: 27px; width: 25%; background: url(/images/menu_sep.gif) no-repeat bottom right; text-align: center; vertical-align: bottom; }
	.MB2 { height: 27px; width: 25%; background: url(/images/menu_sep.gif) no-repeat bottom right; text-align: center; vertical-align: bottom; }
	.MB3 { height: 27px; width: 25%; background: url(/images/menu_sep.gif) no-repeat bottom right; text-align: center; vertical-align: bottom; }
	.MB4 { height: 27px; width: 25%; text-align: center; vertical-align: bottom; }


/* SubMenu Area Styles - Styles for the overall framework of the SubMenu */
/*-----------------------------------------------------------------------*/
.SubMenuRow { height: 28px; padding:0; margin: 0; }
.SubMenuTable { width: 100%; height: 100%; padding:0; margin:0 }
.SMLogoSpacerTD { height: 28px; width: 220px; }
.SubMenuTD { height: 28px; background: url(/images/menu_shad_bg.gif) repeat-x top left; padding: 0; margin: 0; }
.SubMenuRight { height: 28px; width: 100%; background: url(/images/menu_shad_r.gif) no-repeat top right; padding: 0; margin: 0; }
.SubMenuLeftTable { height: 28px; width: 100%; background: url(/images/menu_shad_l.gif) no-repeat top left; padding: 0; }
.SubMenuLeft { padding: 0 10px 0 63px; }



/* SubMenu Item Styles - Styles for the SubMenu TD's (where there are images) */
.SubMenuItemsTable { width: 100%; height: 28px; padding:0; }
.SubMenuTextTD { height: 28px; text-align: center; vertical-align: top; padding: 6px 0 0 0; }

	/* --- Active Items --- */
	.SubMenuActive { width: 151px; height: 28px; background: url(/images/sm_active_bg.gif) repeat-x top left; padding:0; margin:0; }
	.SubMenuActiveRight { width: 151px; height: 28px; background: url(/images/sm_active_r.gif) no-repeat top right; padding:0; margin:0;  }
	.SubMenuActiveLeft { height: 28px; background: url(/images/sm_active_l.gif) no-repeat top left; padding: 0; margin: 0; }
	
		/* --- Active Text --- */
		.SubMenuActiveText, a.SubMenuActiveText,
		a.SubMenuActiveText:hover, a.SubMenuActiveText:visited { font-family: Verdana; font-weight: bold; font-size: 10px; color: #FFFFFF; text-decoration: none; }

	/* --- Idle Items --- */
	.SubMenuIdle { width: 151px; height: 28px; background: url(/images/sm_idle_bg.gif) repeat-x top left; padding:0; margin:0; }
	.SubMenuIdleRight { width: 151px; height: 28px; background: url(/images/sm_idle_r.gif) no-repeat top right; padding:0; margin:0;  }
	.SubMenuIdleLeft { height: 28px; background: url(/images/sm_idle_l.gif) no-repeat top left; padding: 0; margin: 0; }
	
		/* --- Idle Text --- */
		.SubMenuIdleText, a.SubMenuIdleText,
		a.SubMenuIdleText:hover, a.SubMenuIdleText:visited { font-family: Verdana; font-weight: bold; font-size: 10px; color: #6D6D6D; text-decoration: none; }


/* Skin Header Styles - BAS Section */
/*----------------------------------*/

.bas_StoreSkinTopBar { width: 100%; height: 43px; background: url(/images/skinpanel_bg.jpg) repeat-x top left; border: solid 1px #767676; padding: 0px; margin: 0; }
.bas_SkinNavLinksTD { width: 50%; text-align: right; vertical-align: middle; padding-right: 10px; }
.bas_SmallLogoTD { padding: 0 0 0 10px; margin: 0; background: url(/images/skinpanel_bg_rt.gif) no-repeat top left; }
.SkinNavLinksText, a.SkinNavLinksText, a.SkinNavLinksText:visited { font-family: Verdana; font-weight: normal; color: #FFFFFF; font-size: 10px; text-decoration: none; }

/* Skin Footer Styles - BAS Section */
/*----------------------------------*/

.SkinFooterMainTable { width: 100%; padding: 0; }
.SkinFooterMainTD {  height: 43px; background: url(/images/skinpanel_bg.jpg) repeat-x top left; border: solid 1px #767676; padding: 0px; margin: 0; }
.SkinFooterMySignsTD { height: 43px; background: url(/images/skinpanel_bg_rt.gif) no-repeat top left; padding: 0 0 0 15px; margin: 0; }
.SkinFooterCopyrightTD { text-align: right; padding: 0 15px 0 0; vertical-align: middle; }
.SkinCopyrightText { color: #FFFFFF; } 
 


/*---------------------------*/
/*---------------------------*/
/* End Header Control Styles */
/*---------------------------*/
/*---------------------------*/



/* Basic Content Area Styles */
/*---------------------------*/
.ContentTD { width: 100%; padding: 0 0 25px 11px; margin: 0; }
.ContentTable { width: 100%; height: 100%; padding: 0; }



/*-----------------------*/
/*-----------------------*/
/* Footer Control Styles */
/*-----------------------*/
/*-----------------------*/

.FooterRow { height: 34px; padding: 0; margin: 0; }
.FooterMainTable { height: 34px; width: 100%; padding: 0; }
.FooterMySignsTD { height: 34px; width: 220px; text-align: center; vertical-align: top; padding: 0; margin: 0;  }
.FooterCRTD { height: 34px; background: url(/images/footer_bg.gif) repeat-x top left; padding: 0; margin: 0; }
.FooterCRRight { height: 34px; width: 100%; background: url(/images/footer_bg_r.gif) no-repeat top right; padding: 0;  margin: 0; }
.FooterCRLeft { height: 34px; width: 100%; background: url(/images/footer_bg_l.gif) no-repeat top left; padding: 0; }
.CopyrightTD { height: 34px; text-align: right; vertical-align: top; padding: 6px 15px 0 0; margin: 0; }


	/* --- Copyright Text --- */
	.CopyrightText { color: #E7FFEC; }
	


/*---------------------------*/
/*---------------------------*/
/* End Footer Control Styles */
/*---------------------------*/
/*---------------------------*/


/*---------------------------*/
/*---------------------------*/
/* ContentBox Control Styles */
/*---------------------------*/
/*---------------------------*/

.ContentBoxContent { padding: 0 15px 0 15px; margin: 0; text-align: left; }




/* --- Blank Content Box --- */
.CBTopRowBlank { height: 13px; padding: 0; margin: 0; }
.CBTopRightBlank { height: 13px; width: 100%; padding: 0;  }
.CBTopLeftBlank { height: 13px; width: 100%; padding: 0; }

.CBMiddleRowBlank { padding: 0; margin: 0; }
.CBMiddleRightBlank { width: 100%; padding: 0;  }
.CBMiddleLeftBlank { width: 100%; padding: 0; }

.CBBottomRowBlank { height: 13px; padding: 0; margin: 0; }
.CBBottomRightBlank { height: 13px; width: 100%; padding: 0;  }
.CBBottomLeftBlank { height: 13px; width: 100%; padding: 0; }



/* --- Blue Content Box --- */
.CBTopRowBlue { height: 13px; background: url(/images/contentbox/cbox_tbg_blue.gif) repeat-x top left; padding: 0; margin: 0; }
.CBTopRightBlue { height: 13px; width: 100%; background: url(/images/contentbox/cbox_tr_blue.gif) no-repeat top right; padding: 0;  }
.CBTopLeftBlue { height: 13px; width: 100%; background: url(/images/contentbox/cbox_tl_blue.gif) no-repeat top left; padding: 0; }

.CBMiddleRowBlue { background: #50A0EA; padding: 0; margin: 0; }
.CBMiddleRightBlue { width: 100%; background: url(/images/contentbox/cbox_rbg_blue.gif) repeat-y top right; padding: 0;  }
.CBMiddleLeftBlue { width: 100%; background: url(/images/contentbox/cbox_lbg_blue.gif) repeat-y top left; padding: 0; }

.CBBottomRowBlue { height: 13px; background: url(/images/contentbox/cbox_bbg_blue.gif) repeat-x top left; padding: 0; margin: 0; }
.CBBottomRightBlue { height: 13px; width: 100%; background: url(/images/contentbox/cbox_br_blue.gif) no-repeat top right; padding: 0;  }
.CBBottomLeftBlue { height: 13px; width: 100%; background: url(/images/contentbox/cbox_bl_blue.gif) no-repeat top left; padding: 0; }



/* --- Grey Content Box --- */
.CBTopRowGrey { height: 13px; background: url(/images/contentbox/cbox_tbg_Grey.gif) repeat-x top left; padding: 0; margin: 0; }
.CBTopRightGrey { height: 13px; width: 100%; background: url(/images/contentbox/cbox_tr_Grey.gif) no-repeat top right; padding: 0;  }
.CBTopLeftGrey { height: 13px; width: 100%; background: url(/images/contentbox/cbox_tl_Grey.gif) no-repeat top left; padding: 0; }

.CBMiddleRowGrey { background: #A9A9A9; padding: 0; margin: 0; }
.CBMiddleRightGrey { width: 100%; background: url(/images/contentbox/cbox_rbg_Grey.gif) repeat-y top right; padding: 0;  }
.CBMiddleLeftGrey { width: 100%; background: url(/images/contentbox/cbox_lbg_Grey.gif) repeat-y top left; padding: 0; }

.CBBottomRowGrey { height: 13px; background: url(/images/contentbox/cbox_bbg_Grey.gif) repeat-x top left; padding: 0; margin: 0; }
.CBBottomRightGrey { height: 13px; width: 100%; background: url(/images/contentbox/cbox_br_Grey.gif) no-repeat top right; padding: 0;  }
.CBBottomLeftGrey { height: 13px; width: 100%; background: url(/images/contentbox/cbox_bl_Grey.gif) no-repeat top left; padding: 0; }



/* --- Orange Content Box --- */
.CBTopRowOrange { height: 13px; background: url(/images/contentbox/cbox_tbg_Orange.gif) repeat-x top left; padding: 0; margin: 0; }
.CBTopRightOrange { height: 13px; width: 100%; background: url(/images/contentbox/cbox_tr_Orange.gif) no-repeat top right; padding: 0;  }
.CBTopLeftOrange { height: 13px; width: 100%; background: url(/images/contentbox/cbox_tl_Orange.gif) no-repeat top left; padding: 0; }

.CBMiddleRowOrange { background: #EEA400; padding: 0; margin: 0; }
.CBMiddleRightOrange { width: 100%; background: url(/images/contentbox/cbox_rbg_Orange.gif) repeat-y top right; padding: 0;  }
.CBMiddleLeftOrange { width: 100%; background: url(/images/contentbox/cbox_lbg_Orange.gif) repeat-y top left; padding: 0; }

.CBBottomRowOrange { height: 13px; background: url(/images/contentbox/cbox_bbg_Orange.gif) repeat-x top left; padding: 0; margin: 0; }
.CBBottomRightOrange { height: 13px; width: 100%; background: url(/images/contentbox/cbox_br_Orange.gif) no-repeat top right; padding: 0;  }
.CBBottomLeftOrange { height: 13px; width: 100%; background: url(/images/contentbox/cbox_bl_Orange.gif) no-repeat top left; padding: 0; }



/* --- Border Content Box --- */
.CBTopRowBorder { height: 13px; background: url(/images/contentbox/cbox_tbg_Border.gif) repeat-x top left; padding: 0; margin: 0; }
.CBTopRightBorder { height: 13px; width: 100%; background: url(/images/contentbox/cbox_tr_Border.gif) no-repeat top right; padding: 0;  }
.CBTopLeftBorder { height: 13px; width: 100%; background: url(/images/contentbox/cbox_tl_Border.gif) no-repeat top left; padding: 0; }

.CBMiddleRowBorder { background: #FFFFFF; padding: 0; margin: 0; }
.CBMiddleRightBorder { width: 100%; background: url(/images/contentbox/cbox_rbg_Border.gif) repeat-y top right; padding: 0;  }
.CBMiddleLeftBorder { width: 100%; background: url(/images/contentbox/cbox_lbg_Border.gif) repeat-y top left; padding: 0; }

.CBBottomRowBorder { height: 13px; background: url(/images/contentbox/cbox_bbg_Border.gif) repeat-x top left; padding: 0; margin: 0; }
.CBBottomRightBorder { height: 13px; width: 100%; background: url(/images/contentbox/cbox_br_Border.gif) no-repeat top right; padding: 0;  }
.CBBottomLeftBorder { height: 13px; width: 100%; background: url(/images/contentbox/cbox_bl_Border.gif) no-repeat top left; padding: 0; }


	/* --- Text Styles --- */
	.ContentBoxTitleText { color: #FFFFFF; font-size: 12px; font-weight: bold; }
	.ContentBoxContentText { color: #FFFFFF; font-size: 10px; font-family: Verdana; }
	a.ContentBoxContentText, a.ContentBoxContentText:visited { color: #FFFFFF; font-size: 10px; font-family: Verdana; font-weight: bold; text-decoration: underline; }
	a.ContentBoxContentText:hover { text-decoration: none; }
		
		/* --- Alternate Text Styles --- */	
		.ContentBoxAltTitleText { font-size: 12px; font-weight: bold; }
		.ContentBoxAltContentText { font-size: 10px; font-family: Verdana; }
		a.ContentBoxAltContentText, a.ContentBoxAltContentText:visited { font-size: 10px; font-family: Verdana; font-weight:bold; text-decoration: underline; }
		a.ContentBoxAltContentText:hover { text-decoration: none; }

/*-------------------------------*/
/*-------------------------------*/
/* End ContentBox Control Styles */
/*-------------------------------*/
/*-------------------------------*/

/*-----------------------*/
/*-----------------------*/
/* Login Control Styles */
/*-----------------------*/
/*-----------------------*/

.LoginLargeLoginTD { padding: 10px 15px 10px 10px; text-align: right; }
.LoginFormTD { padding: 0; text-align: right; }
.SignInButtonTD { padding: 0 10px 0 0; text-align: right; }
.PasswordInfoTD { padding: 7px; margin: 0; }
.PasswordInfoTable { padding: 0; margin: 0; background: #F4F4F4; border: dashed 1px #A9A9A9; }
.PITD { padding: 7px; margin: 0; }


/*---------------------------*/
/*---------------------------*/
/* End Login Control Styles */
/*---------------------------*/
/*---------------------------*/

/*-----------*/
/*-----------*/
/* Reusables */
/*-----------*/
/*-----------*/

.StandardHeaderTD { border-bottom: dashed 1px #A9A9A9; padding: 10px 0 10px 0; margin: 0; text-align: left; }

/*------------------------------------------------------------------*/


/*------------------------*/
/*------------------------*/
/* BuildASign Text Styles */
/*------------------------*/
/*------------------------*/

a { }
a:hover { text-decoration:none; }
a:visited { color: #0000ff; }
.NormalLink { color: #0000ff; text-decoration: underline; font-weight: bold; cursor: pointer; }
.NormalLink:hover { text-decoration:none; }

h1 { font-weight: bold; font-size: 20px; color: #EEA400; }


.StandardHeaderText, a.StandardHeaderText, a.StandardHeaderText:visited { font-weight: bold; font-size: 20px; color: #EEA400; text-decoration: none; }
a.StandardHeaderText:hover { text-decoration: underline; }

.SmallHeaderText, a.SmallHeaderText, a.SmallHeaderText:visited { font-weight: bold; font-size: 18px; color: #EEA400; text-decoration: none; }
a.SmallHeaderText:hover { text-decoration: underline; }

.SignRatioText { font-weight: bold; font-size: 12px; text-decoration: none; }

.StandardBoldText { font-weight: bold; }


/*------------------------*/
/*------------------------*/
/* BuildASign Modal Popup */
/*------------------------*/
/*------------------------*/


.modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; }

.modalPopup {  }


.modal_Top { height: 14px; padding: 0; margin: 0; background: url(/images/modal/mpOuter_TopBG.gif) repeat-x top left; }
.modal_TopRight { height: 14px; padding: 0; margin: 0; background: url(/images/modal/mpOuter_TopRight.gif) no-repeat top right; }
.modal_TopLeft { height: 14px; padding: 0; margin: 0; background: url(/images/modal/mpOuter_TopLeft.gif) no-repeat top left; }

.modal_Middle { padding: 0; margin: 0; background: #FFFFFF; }
.modal_MiddleRight { padding: 0; margin: 0; background: url(/images/modal/mpOuter_RightBG.gif) repeat-y top right; }
.modal_MiddleLeft { padding: 0; margin: 0; background: url(/images/modal/mpOuter_LeftBG.gif) repeat-y top left; }

.modal_Bottom { height: 20px; padding: 0; margin: 0; background: url(/images/modal/mpOuter_BottomBG.gif) repeat-x bottom left; }
.modal_BottomRight { height: 20px; padding: 0; margin: 0; background: url(/images/modal/mpOuter_BottomRight.gif) no-repeat bottom right; }
.modal_BottomLeft { height: 20px; padding: 0; margin: 0; background: url(/images/modal/mpOuter_BottomLeft.gif) no-repeat bottom left; }

.modal_ContentMain { padding: 0; margin: 0; background: url(/images/modal/mpOuter_RightShadowTop.gif) no-repeat top right; }
.modal_ContentInner { padding: 0 21px 0 15px; margin: 0; }

/*------------------------*/
/* BuildASign Modal Blue  */
/*------------------------*/

.modal_InnerBlue, .modal_InnerBlueBottom { padding: 0; margin: 0; background: #BACFE3; }

.modal_InnerBlueRight { height: 9px; padding: 0; margin: 0; background: url(/images/modal/mpInnerBlue_BottomRight.gif) no-repeat bottom right; }
.modal_InnerBlueLeft { height: 9px; padding: 0; margin: 0; background: url(/images/modal/mpInnerBlue_BottomLeft.gif) no-repeat bottom left; }
.modal_Body { padding: 10px 10px 0 10px; margin: 0; }

/*------------------------*/
/*------------------------*/
/* BuildASign Proof Styles*/
/*------------------------*/
/*------------------------*/

#lightbox {	background: url(/images/lightbox/lightbox_bg.jpg) top left; padding: 20px; }
#lightboxDetails { font-size: 0.8em; padding-top: 0.4em; }	
	
#lightboxCaption { float: left; font-family: Verdana; font-weight: bold; font-size: 10px; }
#keyboardMsg { float: right; font-family: Verdana; font-weight: bold; font-size: 10px; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
.closeButton { border: none; }

iframe {  }

#overlay { background-image: url(/images/lightbox/overlay.png); }

* html #overlay { background-color: #333; background-color: transparent; background-image: url(/images/spacer.gif);	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/lightbox/overlay.png", sizingMethod="scale"); }

/* DataGrid CSS */

.Grid{ border: solid 1px #767676; padding: 0; margin: 0; } 
.GridHeader { background-color: Orange; border: solid 1px #767676; padding: 0; margin: 0;}
.GridItem   { border: solid 1px #767676; padding: 0; margin: 0; }
.GridAlternatingItem { background-color: #DDDDDD; border: solid 1px #767676; padding: 0; margin: 0; }

/* Literal List Box */
.literalListBox { border-right: gray thin groove; border-top: gray thin groove; overflow: auto; border-left: gray thin groove; border-bottom: gray thin groove; vertical-align: top; cursor: default; }
.literalListBoxItem { background-color: White; color: Black; }
.literalListBoxItemSelected { background-color: #3169B6; color: White; }
.literalListBoxItemActive { background-color: #3169B6;	color: White; border: dotted 1px #999999; }