Solved

CSS won't work

Posted on 2011-02-13
24
1,521 Views
Last Modified: 2012-05-11
I have been building a web application and all of a sudden my css wasn't working right.
After reading up on css, I decided to re-do the css and just test one content page.
The heading section, list menu and footer section will not format correctly.  Everything formatted in the master page.
I have posted my master page, css and default content page aspx.
What am I doing wrong?

Thanks
<%@ Master Language="VB" Inherits="StylistManagement.Main" Codebehind="Main.master.vb" %>

<%@ Register Assembly="SCS.MultiMenu" Namespace="SCS.Web.UI.WebControls" TagPrefix="SCS" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <asp:ContentPlaceHolder id="head" runat="server">
        <link href="CSS/StyleSheet1.css" rel="stylesheet" type="text/css" media="screen" />
     
    </asp:ContentPlaceHolder>



</head>
<body>

    <form id="form1" runat="server">
    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" EnablePageMethods="true" runat="server">
    </asp:ToolkitScriptManager>

      <div>

        <table class="master">
         <colgroup>
            <col width="70%" />
            <col width="30%" />
         </colgroup>
            <tr>
                <td >
                    <asp:Image ID="Image1" ImageUrl="images/SMS.png" runat="server" />
                    
                </td>
                <td align="left" valign="middle">
                  <asp:UpdatePanel ID="upDynamicClock" OnLoad="upDynamicClock_Load"  runat="server">
                        <ContentTemplate>
                        <strong style="color:Purple">Today is:&nbsp;</strong>
                            <asp:Label ID="lblDate" runat="server" Text="Label"></asp:Label><br />
                            <strong style="color:Purple">Current Time:&nbsp;</strong>
                            <asp:Label ID="lblDynamicClock" runat="server" Text="Label"></asp:Label>
                           <asp:Timer ID="Timer2" runat="server" Interval="1000">
                            </asp:Timer>
                        </ContentTemplate>
                    </asp:UpdatePanel>
               
                           
                       &nbsp;
                       
                  </td>                
                
            
            </tr>
            <tr>
                <td>
                  <ul class="menu">
                     <li class="menu"><a class="menu" href="~/Find_Stylist.aspx">Find Artist</a></li>
                     <li class="menu"><a class="menu" href="~/Login.aspx">Login</a></li>
                     <li class="menu"><a class="menu" href="~/CreateUser.aspx">Create Account</a></li>
                     <li class="menu"><a class="menu" href="~/About.aspx">About</a></li>
                  </ul>

                </td>
                <td align="center">
                  <asp:LoginView ID="LoginView1"  runat="server" >
                           <LoggedInTemplate>
                               Welcome back,
                               <asp:LoginName ID="LoginName1" CssClass="hyper"  runat="server" />!<br />
                               [<asp:LoginStatus ID="LoginStatus2" CssClass="hyper" runat="server"  LogoutAction="Redirect"  />
                               ]
                           </LoggedInTemplate>
                           <AnonymousTemplate>
                               <asp:LoginStatus ID="LoginStatus1" CssClass="hyper" runat="server" />
                           </AnonymousTemplate>
                       </asp:LoginView>

                </td>
            </tr>
           
        </table>
 
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
        
        </asp:ContentPlaceHolder>
    
   </div> 
    </form>  
 <div>
        
        <br /><br />
       
           <h3>STYLIST MANAGEMENT STUDIO INC.<br /></h3> 
           <h4>1728 Doves Rd. Fort Mill, SC, 29708 <br />
           Ph: 602.319.4189 email: strager@smsmain.com <br /><br />
           © Copyright 2010 Stylist Management Studio Inc."</h4>
        
    </div>    
    <div>
    <br />
    
        <asp:SiteMapPath ID="SiteMapPath1" runat="server" 
        CurrentNodeStyle-CssClass="hyper" NodeStyle-CssClass="hyper" RootNodeStyle-CssClass="hyper" >
        </asp:SiteMapPath>
    </div>
   
</body>
</html>



body 
{
   font-family:"Verdana" Arial Times New Roman;
   font-size:100%;
}
h1 
{
   font-size:1.5em;
   font-weight:bold;
}

h2 
{
   font-size:1.25em;
   font-weight:bold;
}
h3 
{
   font-size:1em;
   font-weight:bold;
}
h4 
{
   font-size:.1em;
   font-weight:normal;
}
h5 
{
   font-size:.875em;
   font-weight:bold;
  
}
h6 
{
   font-size:.875em;
   font-weight:normal;
  
   
}
p
{
   font-size:1em;
   font-weight:normal;
}



table.master
{
   width:100%;
   padding:5px;
   border: none;
}
tr.master, td.master, td.master
{
   background-color:Transparent;
   text-align:left;
}

ul.menu
{
list-style-type:none;
margin:0;
padding:0;
padding-top:6px;
padding-bottom:6px;
}
li.menu
{
display:inline;
}
a.menu:link,a.menu:visited
{
font-weight:bold;
color:#FFFFFF;
background-color:Purple;
text-align:center;
padding:6px;
text-decoration:none;
text-transform:uppercase;
}
a.menu:hover,a.menu:active
{
background-color:White;
color:Purple;
border:solid 1px purple 
}

a.hyper:link {color:Blue; background-color:Transparent;
font-size:inherit;
}      /* unvisited link */
a.hyper:visited {color:Gray; background-color:Transparent;
font-size:inherit;
}/* visited link */
a.hyper:hover {color:#f1ea75; background-color:Transparent;
font-size:inherit;
} /* mouse over link */
a.hyper:active {color:Blue; background-color:Transparent;
font-size:inherit;
}  /* selected link */



<%@ Page Title="" Language="VB" MasterPageFile="~/Main.master" AutoEventWireup="false" Inherits="StylistManagement._Default" Codebehind="Default.aspx.vb" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <link href="CSS/StyleSheet1.css" rel="stylesheet" type="text/css" media="screen" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

    <div>
       <table>
            <tr>
                <td>
                   <h2> Welcome to Stylist Management Studio!</h2>
                </td>
                
            </tr>
            <tr>
                <td>
                    <h3>Cosmetic Artists Click Here.</h3>
                </td>
                
            </tr>
            <tr>
                <td>
                <br />
               <p> We at Stylist Management Studio know how important a cosmetic artist is to your appearance and sence of well-being.
                Because this is so important, Stylist Management Studio (SMS) has set up this site to help match clients with cosmetic artists.
                <br /><br />
                Whether you are looking for a stylist or other type of cosmetic artist, you can always come here and find an skilled artist in your area.
                <br /><br />Cosmetic artists also post their profiles/portfolios, so you will be able to see their artistry in advance.  
                Afterall some artists are better at curly hair, some are specialists in color, some facials etc. 
                Once you find the right person for your particular needs, you can make your appointment right here.
                
                <br /><br />
                <i> Stylist Management Studio is a free, yes free... no strings attached.   We do not and will not, even if asked, provide any information about the user to anyone.
                    In addition, this site is very secure in order to keep your information safe.</i>
               </p>
                </td>
            
            </tr>
            <tr>
                <td>
                   <br /> <h4>Getting Started!</h4>
                  
                </td>
            </tr>
            
             <tr>
                <td >
                   <br />
                    If this is your first visit to Stylist Management Studio, the first step is to search for a cosmetic artist in your area.
                    Click <a class="hyper" href="Find_Stylist.aspx">here</a> or click the Search For Artist link at the top of this page.
                    Once you find your artist, follow the directs on that page to make an appointment.
                      
                    
                </td>
            </tr>
                   
            
       </table>
    
    <br /> 
    
    
    </div>
</asp:Content>

Open in new window

0
Comment
Question by:Sheritlw
  • 11
  • 3
  • 3
  • +4
24 Comments
 
LVL 16

Expert Comment

by:HagayMandel
ID: 34886729
What do you mean not working?
You haven't posted any CSS!
P;ease provide a link.
0
 

Author Comment

by:Sheritlw
ID: 34892048
Hi,

Yes I posted the css, it starts on line 115.
The site is not published so I don't have a link.
What I mean by it's not working is ...
CSS does not work in the master page itself.
I have a master page and a default content page connected to the master page.  Both pages have css for formatting, while in design mode I can see the css formatting in both the master and default pages.  When I run the application, the css formatting is applied to the default content page, but all the css applied in the master page (i.e., footer, header) does not format.
I hope this is clear.

Thanks
0
 
LVL 16

Expert Comment

by:s8web
ID: 34920620
Can you provide the browser parsed code? I don't have an asp box to test on.
0
 
LVL 21

Expert Comment

by:Julian Matz
ID: 34920766
Hi Sheritlw,

Could you please do following? : open up the page in your browser, go to view source, and then copy and paste the generated source code here (or attach it).

Presumably the CSS you pasted above, starting on line 115, is from your CSS/StyleSheet1.css file?
0
 
LVL 23

Expert Comment

by:jeremyjared74
ID: 34920872
I believe it is the @ import line at the top that is calling the css for your Main Page. You can either remove the link to this file, or find it and make the CSS changes to it.

Here is the import code I am talking about:
<%@ Master Language="VB" Inherits="StylistManagement.Main" Codebehind="Main.master.vb" %>

Open in new window

0
 
LVL 39

Expert Comment

by:noci
ID: 34920925
The HTML ends on line 111...

Inline CSS should be in the header AFAIK...
See:
http://www.w3schools.com/css/css_howto.asp

Internal Style sheet. (it is before </head>)
0
 

Author Comment

by:Sheritlw
ID: 34920988

Hi everyone,

Thank you so much for helping.

I've been so frustrated with the css that I've changed a lot of things trying to get it to work, like hard coding formatting within the element itself.
I've pasted the code generated from the browser and my original css... which starts on line number 216.

Thanks again,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>

</title>
   <link href="CSS/MasterPages.css" rel="stylesheet" type="text/css" />
<style type="text/css">
	.ctl00_Menu1_0 { background-color:white;visibility:hidden;display:none;position:absolute;left:0px;top:0px; }
	.ctl00_Menu1_1 { color:#323232;font-family:Verdana;font-size:10pt;text-decoration:none; }
	.ctl00_Menu1_2 { color:#323232;background-color:#DCDADC;font-family:Verdana;font-size:10pt; }
	.ctl00_Menu1_3 {  }
	.ctl00_Menu1_4 { padding:5px 5px 5px 5px; }
	.ctl00_Menu1_5 {  }
	.ctl00_Menu1_6 { padding:5px 5px 5px 5px; }
	.ctl00_Menu1_7 { background-color:#DCDADC; }
	.ctl00_Menu1_8 {  }
	.ctl00_Menu1_9 { background-color:#DCDADC; }
	.ctl00_Menu1_10 {  }
	.ctl00_Menu1_11 { background-color:#691784; }
	.ctl00_Menu1_12 { color:White; }
	.ctl00_Menu1_13 { color:White;background-color:#691784; }
	.ctl00_Menu1_14 { color:White; }
	.ctl00_Menu1_15 { color:White;background-color:#691784; }

</style></head>
<body>

    <form name="aspnetForm" method="post" action="Default.aspx" id="aspnetForm">
<div>

<input type="hidden" name="ctl00_ToolkitScriptManager1_HiddenField" id="ctl00_ToolkitScriptManager1_HiddenField" value="" />
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTY1NDU2MTA1Mg9kFgJmD2QWAgIDD2QWAgIFD2QWAmYPZBYEAgEPDxYCHgRUZXh0BQtUaHVyc2RheSAxN2RkAgMPDxYCHwAFBzQ6MzYgUE1kZBgBBR5fX0NvbnRyb2xzUmVxdWlyZVBvc3RCYWNrS2V5X18WAgUjY3RsMDAkTG9naW5WaWV3MSRMb2dpblN0YXR1czEkY3RsMDEFI2N0bDAwJExvZ2luVmlldzEkTG9naW5TdGF0dXMxJGN0bDAzQTuPcuv6n19c3v40dZNS3W6kZyc=" />
</div>

<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
    theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>


<script src="/WebResource.axd?d=n5vSjZv0TQhvhetY8HLxFfQg9I2_KLnYbYsFRARMYRAlJWfIX7XdycD_EQZbzHraymkpaIdHSI_zmi7ebAYYbfK8k6E1&amp;t=634208634757546466" type="text/javascript"></script>


<script src="/ScriptResource.axd?d=u-XH9ApXKsHWzJ5wezz-8JzO9VnaeFaFTU5aTU6Yz3wwQ5pY39rPY0VlVDZBceoixzDG_5uwvd0iH2Nek6yP4ADOz-jq48VxFwuytm27Thf5sXns1gBa6vlkHlXZSD9AalPPzg2&amp;t=22cb5c6c" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=tJFdG7fatFIMxO7lT8bk0tQfEsjQBIpLrI7AIAIMtjsCf49x6mmhXS_Vn0BJ63500PNfQ7hBLZo9M6s_DBxhZHzRUaNMReS0_DWYF4sNlT9EHKpxmWywGmv0vmGJRMwjK1tI-w2&amp;t=fffffffff9cbe881" type="text/javascript"></script>

<script type="text/javascript">
//<![CDATA[
if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
//]]>
</script>

<script src="/ScriptResource.axd?d=1NA7wUtpZ2OyspXqTW-RSKBb33T1Tq_A3cZsDz_C9vQgE6hDpIbPzn4OvMyf8v4xufoxolSAqEDs40FZM2VoxSESFlz2dBR7AsYrU_S96QQQuMY9samnSZDFrQ0jPI7HimM6vQ2&amp;t=fffffffff9cbe881" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=pAl4DEegUqQ3uTsMAieM1af0L3USjNR8LRp5y2Wl3om4Y81EP1XMHYVtxAFOgqIm4usfGoMl4QoYsvlfhlYXm6Xik3w5uQK4YZsewYzVSQVOaglwhd2Yese96YNSmS4Wc13Png2&amp;t=fffffffff9cbe881" type="text/javascript"></script>
<div>

	<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWBQLfuYvKCQLWzOLbCQLJ4MMKAt73nxMC2+WotQHTB5d6v4cU5p7YNtDSDwnJTD7mYA==" />
</div>
    <script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00$ToolkitScriptManager1', document.getElementById('aspnetForm'));
Sys.WebForms.PageRequestManager.getInstance()._updateControls(['tctl00$upDynamicClock'], [], [], 90);
//]]>
</script>

    
    
    <div class="divheader">

      

        <table class="menu">
            <tr>
                <td colspan="6" >
                    <img id="ctl00_Image1" src="images/SMS.png" style="border-width:0px;" />
                    
                </td>
                <td align="left" valign="middle"  colspan="2">
                
                 <div id="ctl00_upDynamicClock">
	
                        <strong style="color:Purple">Today is:&nbsp;</strong>

                            <span id="ctl00_lblDate">Thursday 17</span><br />
                            <strong style="color:Purple">Current Time:&nbsp;</strong>
                            <span id="ctl00_lblDynamicClock">4:36 PM</span>
                           <span id="ctl00_Timer2" style="visibility:hidden;display:none;"></span>
                        
</div>
                           
                       &nbsp;</td>                
                
            
            </tr>
            <tr>

                <td colspan="6">
                    <a href="#ctl00_Menu1_SkipLink"><img alt="Skip Navigation Links" src="/WebResource.axd?d=s5xz6u0s8XNlIkwHiei5b_3SkjHyShySD2QMIDZ7nyKbr4n4ezxLol8tadXDY9dtwlwYo9TJc4dEsgaBTHqvVzdp7oM1&amp;t=634208634757546466" width="0" height="0" style="border-width:0px;" /></a><table id="ctl00_Menu1" class="menumain ctl00_Menu1_2" cellpadding="0" cellspacing="0" border="0">
	<tr>
		<td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Click to find a cosmetic artist in your area" id="ctl00_Menu1n0"><table class="ctl00_Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">
			<tr>
				<td style="white-space:nowrap;"><a class="ctl00_Menu1_1 ctl00_Menu1_3" href="Find_Stylist.aspx">Find Artist</a></td>
			</tr>
		</table></td><td style="width:3px;"></td><td><img src="images/divider_v.gif" alt="" /></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_Menu1n1"><table class="ctl00_Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">

			<tr>
				<td style="white-space:nowrap;"><a class="ctl00_Menu1_1 ctl00_Menu1_3" href="Login.aspx">Login</a></td>
			</tr>
		</table></td><td style="width:3px;"></td><td><img src="images/divider_v.gif" alt="" /></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Click to create a new account" id="ctl00_Menu1n2"><table class="ctl00_Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">
			<tr>
				<td style="white-space:nowrap;"><a class="ctl00_Menu1_1 ctl00_Menu1_3" href="CreateUser.aspx">Create Account</a></td>
			</tr>
		</table></td><td style="width:3px;"></td><td><img src="images/divider_v.gif" alt="" /></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Click for artist information" id="ctl00_Menu1n3"><table class="ctl00_Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">

			<tr>
				<td style="white-space:nowrap;"><a class="ctl00_Menu1_1 ctl00_Menu1_3" href="javascript:__doPostBack('ctl00$Menu1','For Artists')">For Artists</a></td><td style="width:0;"><img src="images/arrow_d.gif" alt="Expand For Artists" style="border-style:none;vertical-align:middle;" /></td>
			</tr>
		</table></td><td><img src="images/divider_v.gif" alt="" /></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_Menu1n4"><table class="ctl00_Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">
			<tr>
				<td style="white-space:nowrap;"><a class="ctl00_Menu1_1 ctl00_Menu1_3" href="javascript:__doPostBack('ctl00$Menu1','Other')">Other</a></td><td style="width:0;"><img src="images/arrow_d.gif" alt="Expand Other" style="border-style:none;vertical-align:middle;" /></td>
			</tr>
		</table></td>

	</tr>
</table><div id="ctl00_Menu1n3Items" class="ctl00_Menu1_0 ctl00_Menu1_7">
	<table border="0" cellpadding="0" cellspacing="0">
		<tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_Menu1n5">
			<td><table class="ctl00_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
				<tr>
					<td style="white-space:nowrap;width:100%;"><a class="ctl00_Menu1_1 ctl00_Menu1_5" href="javascript:__doPostBack('ctl00$Menu1','For Artists\\About')">About</a></td>
				</tr>
			</table></td>

		</tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_Menu1n6">
			<td><table class="ctl00_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
				<tr>
					<td style="white-space:nowrap;width:100%;"><a class="ctl00_Menu1_1 ctl00_Menu1_5" href="Login.aspx">Login</a></td>
				</tr>
			</table></td>
		</tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_Menu1n7">
			<td><table class="ctl00_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">

				<tr>
					<td style="white-space:nowrap;width:100%;"><a class="ctl00_Menu1_1 ctl00_Menu1_5" href="CreateUser.aspx">Create Account</a></td>
				</tr>
			</table></td>
		</tr>
	</table><div class="ctl00_Menu1_6 ctl00_Menu1_0" id="ctl00_Menu1n3ItemsUp" onmouseover="PopOut_Up(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
		<img src="/WebResource.axd?d=5jUPWIx1CMtUnSGMrzruQSJST7pqAHM1Rdxbiupco3q7Mcj3aTUM1TIjaxKNaWE_yXwqzYshogNxAfZBg3Z38XvemHs1&amp;t=634208634757546466" alt="Scroll up" />
	</div><div class="ctl00_Menu1_6 ctl00_Menu1_0" id="ctl00_Menu1n3ItemsDn" onmouseover="PopOut_Down(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">

		<img src="/WebResource.axd?d=VCppOivavnMS4kZHoMXpsSv21L_OmaqmobQ3lTW0UUxmqEIbunVm1Z74uZ-CpXDgWWrWDRZ_NCmctgANsrCw_Wwneds1&amp;t=634208634757546466" alt="Scroll down" />
	</div>
</div><div id="ctl00_Menu1n4Items" class="ctl00_Menu1_0 ctl00_Menu1_7">
	<table border="0" cellpadding="0" cellspacing="0">
		<tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_Menu1n8">
			<td><table class="ctl00_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
				<tr>
					<td style="white-space:nowrap;width:100%;"><a class="ctl00_Menu1_1 ctl00_Menu1_5" href="About.aspx">About</a></td>
				</tr>

			</table></td>
		</tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_Menu1n9">
			<td><table class="ctl00_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
				<tr>
					<td style="white-space:nowrap;width:100%;"><a class="ctl00_Menu1_1 ctl00_Menu1_5" href="Links.aspx">Links</a></td>
				</tr>
			</table></td>
		</tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_Menu1n10">

			<td><table class="ctl00_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
				<tr>
					<td style="white-space:nowrap;width:100%;"><a class="ctl00_Menu1_1 ctl00_Menu1_5" href="Contact_Us.aspx">Contact</a></td>
				</tr>
			</table></td>
		</tr>
	</table><div class="ctl00_Menu1_6 ctl00_Menu1_0" id="ctl00_Menu1n4ItemsUp" onmouseover="PopOut_Up(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
		<img src="/WebResource.axd?d=5jUPWIx1CMtUnSGMrzruQSJST7pqAHM1Rdxbiupco3q7Mcj3aTUM1TIjaxKNaWE_yXwqzYshogNxAfZBg3Z38XvemHs1&amp;t=634208634757546466" alt="Scroll up" />

	</div><div class="ctl00_Menu1_6 ctl00_Menu1_0" id="ctl00_Menu1n4ItemsDn" onmouseover="PopOut_Down(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
		<img src="/WebResource.axd?d=VCppOivavnMS4kZHoMXpsSv21L_OmaqmobQ3lTW0UUxmqEIbunVm1Z74uZ-CpXDgWWrWDRZ_NCmctgANsrCw_Wwneds1&amp;t=634208634757546466" alt="Scroll down" />
	</div>
</div><a id="ctl00_Menu1_SkipLink"></a>
                </td>
                <td colspan="2" align="center">
                
                               <a id="ctl00_LoginView1_LoginStatus1" href="javascript:__doPostBack('ctl00$LoginView1$LoginStatus1$ctl02','')">Login</a>
                           
                   
                
                       

                </td>
            </tr>

           
        </table>
  </div>       
  <div>


######CSS

p {
padding-left : 5px;
}

.title {
font-family : Verdana;
font-size : large;
font-weight : bold;
color : purple;
background : white none;
}

table.menu {
width : 100%;
border-style : none;
}

tr.menu {
height : 25px;
}

td.menu {
text-align : center;
text-decoration : none;
text-transform : uppercase;
font-size : medium;
font-family : Verdana;
width : 10%;
background : #691784 none;
border-left-style : ridge;
border-top-style : none;
border-bottom-style : none;
border-width : 1px;
border-color : gray;
color : white;
font-weight : bold;
}

a.menu:link, a.menu:visited {
display : block;
font-weight : bold;
color : white;
background : #691784 none;
width : 100%;
text-align : center;
text-decoration : none;
border-collapse : collapse;
}

a.menu:hover, a.menu:active {
background : #ffee94 none;
color : #691784;
font-weight : bold;
height : 100%;
border-collapse : collapse;
}

.menumain {
text-align : center;
text-decoration : none;
text-transform : uppercase;
font-size : medium;
font-family : Verdana;
border-left-style : outset;
border-top-style : outset;
border-bottom-style : inset;
border-width : 1px;
border-color : gray;
font-weight : bold;
margin-top : auto;
margin-bottom : auto;
}

tr.menumain {
background-image : url('~/images/ListViewHeader.png');
background-color : transparent;
height : 25px;
background-repeat : repeat;
z-index : 1;
}

td.menumain {
text-align : center;
text-decoration : none;
text-transform : uppercase;
font-size : medium;
font-family : Verdana;
width : 20%;
background : #691784 none;
border-left-style : ridge;
border-top-style : none;
border-bottom-style : none;
border-width : 1px;
border-color : gray;
color : white;
font-weight : bold;
margin-top : auto;
margin-bottom : auto;
}

a.menumain:link, a.menumain:visited {
display : block;
font-weight : bold;
color : white;
background : #691784 none;
width : 100%;
text-align : center;
text-decoration : none;
border-collapse : collapse;
margin-top : auto;
margin-bottom : auto;
}

a.menumain:hover, a.menumain:active {
background : #fff59e none;
color : #691784;
font-weight : bold;
border-collapse : collapse;
margin-top : auto;
margin-bottom : auto;
}

.validatorCalloutHighlight {
background : #f8f361 none;
color : black;
}

span.footerheader {
font-family : Verdana;
font-size : small;
font-weight : bold;
text-transform : uppercase;
margin-left : auto;
margin-right : auto;
}

span.footeraddress {
font-family : Verdana;
font-size : smaller;
font-weight : normal;
text-transform : none;
margin-left : auto;
margin-right : auto;
}

.footer {
height : 10%;
position : relative;
clear : both;
}

.labeldow {
height : 40%;
font-size : medium;
font-family : Verdana;
font-weight : bold;
border-left-style : dotted;
border-right-style : dotted;
border-top-style : dotted;
border-bottom-style : none;
border-width : 1px;
border-color : gray;
background : #691784 none;
color : white;
}

.labeldate {
height : 40%;
font-size : medium;
font-family : Verdana;
font-weight : bold;
border-style : dotted;
border-width : 1px;
border-color : gray;
width : 90%;
background : #691784 none;
color : white;
border-left-style : dotted;
border-right-style : dotted;
border-top-style : none;
border-bottom-style : dotted;
}

.labeltime {
height : 40%;
font-size : medium;
font-family : Verdana;
font-weight : bold;
border-style : dotted;
border-width : 1px;
border-color : gray;
background : #691784 none;
color : white;
}

.tdclock {
font-size : large;
font-family : Verdana;
font-weight : bold;
color : #691784;
padding-right : 10px;
}

.divheader {
height : 10%;
width : 100%;
display : block;
}

.div_body {
min-height : 80%;
width : 100%;
overflow : auto;
display : block;
}

.divfooter {
height : 10%;
width : 100%;
display : block;
}

.divErrorheader {
width : 65%;
display : block;
font-family : Verdana;
font-size : large;
font-weight : bold;
padding : 3%;
}

.divErrorSubheader {
width : 65%;
display : block;
font-family : Verdana;
font-size : medium;
font-weight : bold;
text-align : left;
padding : 3%;
}

.divErrorbody {
width : 65%;
display : block;
font-family : Verdana;
font-size : medium;
font-weight : normal;
text-align : left;
padding : 3%;
}

.sitemap {
font-family : Verdana;
font-size : small;
font-weight : normal;
text-transform : none;
}

.textbox {
background : white none;
color : black;
font-family : Verdana;
font-size : medium;
}

.tabSched {
background : white none;
color : black;
font-family : Verdana;
font-size : medium;
} 
        

    <div>
     <h3> Welcome to Stylist Management Studio!</h3>
      <h4 style="font-weight:normal">Cosmetic Artists Click <i><a href="Stylist_Info.aspx">Here</a></i></h4>
       <p> We at Stylist Management Studio know how important a cosmetic artist is to your appearance and sence of well-being.
             Because this is so important, Stylist Management Studio (SMS) has set up this site to help match clients with cosmetic artists.
             <br /><br />

             Whether you are looking for a stylist or other type of cosmetic artist, you can always come here and find an skilled artist in your area.
             <br /><br />Cosmetic artists also post their profiles/portfolios, so you will be able to see their artistry in advance.  
             Afterall some artists are better at curly hair, some are specialists in color, some facials etc. 
             Once you find the right person for your particular needs, you can make your appointment right here.
             
             <br /><br />
             <i> Stylist Management Studio is a free, yes free... no strings attached.   We do not and will not, even if asked, provide any information about the user to anyone.
                 In addition, this site is very secure in order to keep your information safe.</i>
        </p>
               
         <h4 style="color:Purple">Getting Started!</h4>      
         <p>If this is your first visit to Stylist Management Studio, the first step is to search for a cosmetic artist in your area.
                    Click <a  href="Find_Stylist.aspx">here</a> or click the Search For Artist link at the top of this page.
                    Once you find your artist, follow the directs on that page to make an appointment.
                      </p>     
             
    
    
    </div>

    </div>
    

<script type="text/javascript">
//<![CDATA[
(function() {var fn = function() {$get('ctl00_ToolkitScriptManager1_HiddenField').value = '';Sys.Application.remove_init(fn);};Sys.Application.add_init(fn);})();var ctl00_Menu1_Data = new Object();
ctl00_Menu1_Data.disappearAfter = 500;
ctl00_Menu1_Data.horizontalOffset = 2;
ctl00_Menu1_Data.verticalOffset = 0;
ctl00_Menu1_Data.hoverClass = 'ctl00_Menu1_15';
ctl00_Menu1_Data.hoverHyperLinkClass = 'ctl00_Menu1_14';
ctl00_Menu1_Data.staticHoverClass = 'ctl00_Menu1_13';
ctl00_Menu1_Data.staticHoverHyperLinkClass = 'ctl00_Menu1_12';
Sys.Application.initialize();
Sys.Application.add_init(function() {
    $create(Sys.UI._Timer, {"enabled":true,"interval":1000,"uniqueID":"ctl00$Timer2"}, null, null, $get("ctl00_Timer2"));
});
//]]>
</script>
</form>
  <div class="divfooter">
        
        <br /><br />
       
           <span class="footerheader">STYLIST MANAGEMENT STUDIO INC.<br /></span> 
           <span class="footeraddress">1728 Doves Rd. Fort Mill, SC, 29708 <br />
           Ph: 602.319.4189 email: strager@smsmain.com <br /><br />

           © Copyright 2010 Stylist Management Studio Inc."</span>
        
    </div>    
    <div class="sitemap">
    <br />
        <span id="ctl00_SiteMapPath1"><a href="#ctl00_SiteMapPath1_SkipLink"><img alt="Skip Navigation Links" height="0" width="0" src="/WebResource.axd?d=s5xz6u0s8XNlIkwHiei5b_3SkjHyShySD2QMIDZ7nyKbr4n4ezxLol8tadXDY9dtwlwYo9TJc4dEsgaBTHqvVzdp7oM1&amp;t=634208634757546466" style="border-width:0px;" /></a><span>Home</span><a id="ctl00_SiteMapPath1_SkipLink"></a></span>
    </div>
</body>
</html>

Open in new window

0
 
LVL 23

Assisted Solution

by:jeremyjared74
jeremyjared74 earned 166 total points
ID: 34921150
Try this:

Save this HTML as whatever you want example: (index.html)
CODE:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>

</title>
   <link href="../CSS/MasterPages.css" rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>

    <form name="aspnetForm" method="post" action="../Default.aspx" id="aspnetForm">
<div>

<input type="hidden" name="ctl00_ToolkitScriptManager1_HiddenField" id="ctl00_ToolkitScriptManager1_HiddenField" value="" />
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTY1NDU2MTA1Mg9kFgJmD2QWAgIDD2QWAgIFD2QWAmYPZBYEAgEPDxYCHgRUZXh0BQtUaHVyc2RheSAxN2RkAgMPDxYCHwAFBzQ6MzYgUE1kZBgBBR5fX0NvbnRyb2xzUmVxdWlyZVBvc3RCYWNrS2V5X18WAgUjY3RsMDAkTG9naW5WaWV3MSRMb2dpblN0YXR1czEkY3RsMDEFI2N0bDAwJExvZ2luVmlldzEkTG9naW5TdGF0dXMxJGN0bDAzQTuPcuv6n19c3v40dZNS3W6kZyc=" />
</div>

<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
    theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>


<script src="/WebResource.axd?d=n5vSjZv0TQhvhetY8HLxFfQg9I2_KLnYbYsFRARMYRAlJWfIX7XdycD_EQZbzHraymkpaIdHSI_zmi7ebAYYbfK8k6E1&amp;t=634208634757546466" type="text/javascript"></script>


<script src="/ScriptResource.axd?d=u-XH9ApXKsHWzJ5wezz-8JzO9VnaeFaFTU5aTU6Yz3wwQ5pY39rPY0VlVDZBceoixzDG_5uwvd0iH2Nek6yP4ADOz-jq48VxFwuytm27Thf5sXns1gBa6vlkHlXZSD9AalPPzg2&amp;t=22cb5c6c" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=tJFdG7fatFIMxO7lT8bk0tQfEsjQBIpLrI7AIAIMtjsCf49x6mmhXS_Vn0BJ63500PNfQ7hBLZo9M6s_DBxhZHzRUaNMReS0_DWYF4sNlT9EHKpxmWywGmv0vmGJRMwjK1tI-w2&amp;t=fffffffff9cbe881" type="text/javascript"></script>

<script type="text/javascript">
//<![CDATA[
if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
//]]>
</script>

<script src="/ScriptResource.axd?d=1NA7wUtpZ2OyspXqTW-RSKBb33T1Tq_A3cZsDz_C9vQgE6hDpIbPzn4OvMyf8v4xufoxolSAqEDs40FZM2VoxSESFlz2dBR7AsYrU_S96QQQuMY9samnSZDFrQ0jPI7HimM6vQ2&amp;t=fffffffff9cbe881" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=pAl4DEegUqQ3uTsMAieM1af0L3USjNR8LRp5y2Wl3om4Y81EP1XMHYVtxAFOgqIm4usfGoMl4QoYsvlfhlYXm6Xik3w5uQK4YZsewYzVSQVOaglwhd2Yese96YNSmS4Wc13Png2&amp;t=fffffffff9cbe881" type="text/javascript"></script>
<div>

	<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWBQLfuYvKCQLWzOLbCQLJ4MMKAt73nxMC2+WotQHTB5d6v4cU5p7YNtDSDwnJTD7mYA==" />
</div>
    <script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00$ToolkitScriptManager1', document.getElementById('aspnetForm'));
Sys.WebForms.PageRequestManager.getInstance()._updateControls(['tctl00$upDynamicClock'], [], [], 90);
//]]>
</script>

    
    
    <div class="divheader">

      

        <table class="menu">
            <tr>
                <td colspan="6" >
                    <img id="ctl00_Image1" src="../images/SMS.png" style="border-width:0px;" />
                    
                </td>
                <td align="left" valign="middle"  colspan="2">
                
                 <div id="ctl00_upDynamicClock">
	
                        <strong style="color:Purple">Today is:&nbsp;</strong>

                            <span id="ctl00_lblDate">Thursday 17</span><br />
                            <strong style="color:Purple">Current Time:&nbsp;</strong>
                            <span id="ctl00_lblDynamicClock">4:36 PM</span>
                           <span id="ctl00_Timer2" style="visibility:hidden;display:none;"></span>
                        
</div>
                           
                       &nbsp;</td>                
                
            
            </tr>
            <tr>

                <td colspan="6">
                    <a href="#ctl00_Menu1_SkipLink"><img alt="Skip Navigation Links" src="/WebResource.axd?d=s5xz6u0s8XNlIkwHiei5b_3SkjHyShySD2QMIDZ7nyKbr4n4ezxLol8tadXDY9dtwlwYo9TJc4dEsgaBTHqvVzdp7oM1&amp;t=634208634757546466" width="0" height="0" style="border-width:0px;" /></a><table id="ctl00_Menu1" class="menumain ctl00_Menu1_2" cellpadding="0" cellspacing="0" border="0">
	<tr>
		<td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Click to find a cosmetic artist in your area" id="ctl00_Menu1n0"><table class="ctl00_Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">
			<tr>
				<td style="white-space:nowrap;"><a class="ctl00_Menu1_1 ctl00_Menu1_3" href="../Find_Stylist.aspx">Find Artist</a></td>
			</tr>
		</table></td><td style="width:3px;"></td><td><img src="../images/divider_v.gif" alt="" /></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_Menu1n1"><table class="ctl00_Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">

			<tr>
				<td style="white-space:nowrap;"><a class="ctl00_Menu1_1 ctl00_Menu1_3" href="../Login.aspx">Login</a></td>
			</tr>
		</table></td><td style="width:3px;"></td><td><img src="../images/divider_v.gif" alt="" /></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Click to create a new account" id="ctl00_Menu1n2"><table class="ctl00_Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">
			<tr>
				<td style="white-space:nowrap;"><a class="ctl00_Menu1_1 ctl00_Menu1_3" href="../CreateUser.aspx">Create Account</a></td>
			</tr>
		</table></td><td style="width:3px;"></td><td><img src="../images/divider_v.gif" alt="" /></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Click for artist information" id="ctl00_Menu1n3"><table class="ctl00_Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">

			<tr>
				<td style="white-space:nowrap;"><a class="ctl00_Menu1_1 ctl00_Menu1_3" href="javascript:__doPostBack('ctl00$Menu1','For Artists')">For Artists</a></td><td style="width:0;"><img src="../images/arrow_d.gif" alt="Expand For Artists" style="border-style:none;vertical-align:middle;" /></td>
			</tr>
		</table></td><td><img src="../images/divider_v.gif" alt="" /></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_Menu1n4"><table class="ctl00_Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">
			<tr>
				<td style="white-space:nowrap;"><a class="ctl00_Menu1_1 ctl00_Menu1_3" href="javascript:__doPostBack('ctl00$Menu1','Other')">Other</a></td><td style="width:0;"><img src="../images/arrow_d.gif" alt="Expand Other" style="border-style:none;vertical-align:middle;" /></td>
			</tr>
		</table></td>

	</tr>
</table><div id="ctl00_Menu1n3Items" class="ctl00_Menu1_0 ctl00_Menu1_7">
	<table border="0" cellpadding="0" cellspacing="0">
		<tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_Menu1n5">
			<td><table class="ctl00_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
				<tr>
					<td style="white-space:nowrap;width:100%;"><a class="ctl00_Menu1_1 ctl00_Menu1_5" href="javascript:__doPostBack('ctl00$Menu1','For Artists\\About')">About</a></td>
				</tr>
			</table></td>

		</tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_Menu1n6">
			<td><table class="ctl00_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
				<tr>
					<td style="white-space:nowrap;width:100%;"><a class="ctl00_Menu1_1 ctl00_Menu1_5" href="../Login.aspx">Login</a></td>
				</tr>
			</table></td>
		</tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_Menu1n7">
			<td><table class="ctl00_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">

				<tr>
					<td style="white-space:nowrap;width:100%;"><a class="ctl00_Menu1_1 ctl00_Menu1_5" href="../CreateUser.aspx">Create Account</a></td>
				</tr>
			</table></td>
		</tr>
	</table><div class="ctl00_Menu1_6 ctl00_Menu1_0" id="ctl00_Menu1n3ItemsUp" onmouseover="PopOut_Up(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
		<img src="/WebResource.axd?d=5jUPWIx1CMtUnSGMrzruQSJST7pqAHM1Rdxbiupco3q7Mcj3aTUM1TIjaxKNaWE_yXwqzYshogNxAfZBg3Z38XvemHs1&amp;t=634208634757546466" alt="Scroll up" />
	</div><div class="ctl00_Menu1_6 ctl00_Menu1_0" id="ctl00_Menu1n3ItemsDn" onmouseover="PopOut_Down(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">

		<img src="/WebResource.axd?d=VCppOivavnMS4kZHoMXpsSv21L_OmaqmobQ3lTW0UUxmqEIbunVm1Z74uZ-CpXDgWWrWDRZ_NCmctgANsrCw_Wwneds1&amp;t=634208634757546466" alt="Scroll down" />
	</div>
</div><div id="ctl00_Menu1n4Items" class="ctl00_Menu1_0 ctl00_Menu1_7">
	<table border="0" cellpadding="0" cellspacing="0">
		<tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_Menu1n8">
			<td><table class="ctl00_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
				<tr>
					<td style="white-space:nowrap;width:100%;"><a class="ctl00_Menu1_1 ctl00_Menu1_5" href="../About.aspx">About</a></td>
				</tr>

			</table></td>
		</tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_Menu1n9">
			<td><table class="ctl00_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
				<tr>
					<td style="white-space:nowrap;width:100%;"><a class="ctl00_Menu1_1 ctl00_Menu1_5" href="../Links.aspx">Links</a></td>
				</tr>
			</table></td>
		</tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_Menu1n10">

			<td><table class="ctl00_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
				<tr>
					<td style="white-space:nowrap;width:100%;"><a class="ctl00_Menu1_1 ctl00_Menu1_5" href="../Contact_Us.aspx">Contact</a></td>
				</tr>
			</table></td>
		</tr>
	</table><div class="ctl00_Menu1_6 ctl00_Menu1_0" id="ctl00_Menu1n4ItemsUp" onmouseover="PopOut_Up(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
		<img src="/WebResource.axd?d=5jUPWIx1CMtUnSGMrzruQSJST7pqAHM1Rdxbiupco3q7Mcj3aTUM1TIjaxKNaWE_yXwqzYshogNxAfZBg3Z38XvemHs1&amp;t=634208634757546466" alt="Scroll up" />

	</div><div class="ctl00_Menu1_6 ctl00_Menu1_0" id="ctl00_Menu1n4ItemsDn" onmouseover="PopOut_Down(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
		<img src="/WebResource.axd?d=VCppOivavnMS4kZHoMXpsSv21L_OmaqmobQ3lTW0UUxmqEIbunVm1Z74uZ-CpXDgWWrWDRZ_NCmctgANsrCw_Wwneds1&amp;t=634208634757546466" alt="Scroll down" />
	</div>
</div><a id="ctl00_Menu1_SkipLink"></a>
                </td>
                <td colspan="2" align="center">
                
                               <a id="ctl00_LoginView1_LoginStatus1" href="javascript:__doPostBack('ctl00$LoginView1$LoginStatus1$ctl02','')">Login</a>
                           
                   
                
                       

                </td>
            </tr>

           
        </table>
  </div>       
  <div>
    

    <div>
     <h3> Welcome to Stylist Management Studio!</h3>
      <h4 style="font-weight:normal">Cosmetic Artists Click <i><a href="../Stylist_Info.aspx">Here</a></i></h4>
       <p> We at Stylist Management Studio know how important a cosmetic artist is to your appearance and sence of well-being.
             Because this is so important, Stylist Management Studio (SMS) has set up this site to help match clients with cosmetic artists.
             <br /><br />

             Whether you are looking for a stylist or other type of cosmetic artist, you can always come here and find an skilled artist in your area.
             <br /><br />Cosmetic artists also post their profiles/portfolios, so you will be able to see their artistry in advance.  
             Afterall some artists are better at curly hair, some are specialists in color, some facials etc. 
             Once you find the right person for your particular needs, you can make your appointment right here.
             
             <br /><br />
             <i> Stylist Management Studio is a free, yes free... no strings attached.   We do not and will not, even if asked, provide any information about the user to anyone.
                 In addition, this site is very secure in order to keep your information safe.</i>
        </p>
               
         <h4 style="color:Purple">Getting Started!</h4>      
         <p>If this is your first visit to Stylist Management Studio, the first step is to search for a cosmetic artist in your area.
                    Click <a  href="../Find_Stylist.aspx">here</a> or click the Search For Artist link at the top of this page.
                    Once you find your artist, follow the directs on that page to make an appointment.
                      </p>     
             
    
    
    </div>

    </div>
    

<script type="text/javascript">
//<![CDATA[
(function() {var fn = function() {$get('ctl00_ToolkitScriptManager1_HiddenField').value = '';Sys.Application.remove_init(fn);};Sys.Application.add_init(fn);})();var ctl00_Menu1_Data = new Object();
ctl00_Menu1_Data.disappearAfter = 500;
ctl00_Menu1_Data.horizontalOffset = 2;
ctl00_Menu1_Data.verticalOffset = 0;
ctl00_Menu1_Data.hoverClass = 'ctl00_Menu1_15';
ctl00_Menu1_Data.hoverHyperLinkClass = 'ctl00_Menu1_14';
ctl00_Menu1_Data.staticHoverClass = 'ctl00_Menu1_13';
ctl00_Menu1_Data.staticHoverHyperLinkClass = 'ctl00_Menu1_12';
Sys.Application.initialize();
Sys.Application.add_init(function() {
    $create(Sys.UI._Timer, {"enabled":true,"interval":1000,"uniqueID":"ctl00$Timer2"}, null, null, $get("ctl00_Timer2"));
});
//]]>
</script>
</form>
  <div class="divfooter">
        
        <br /><br />
       
           <span class="footerheader">STYLIST MANAGEMENT STUDIO INC.<br /></span> 
           <span class="footeraddress">1728 Doves Rd. Fort Mill, SC, 29708 <br />
           Ph: 602.319.4189 email: strager@smsmain.com <br /><br />

           © Copyright 2010 Stylist Management Studio Inc."</span>
        
    </div>    
    <div class="sitemap">
    <br />
        <span id="ctl00_SiteMapPath1"><a href="#ctl00_SiteMapPath1_SkipLink"><img alt="Skip Navigation Links" height="0" width="0" src="/WebResource.axd?d=s5xz6u0s8XNlIkwHiei5b_3SkjHyShySD2QMIDZ7nyKbr4n4ezxLol8tadXDY9dtwlwYo9TJc4dEsgaBTHqvVzdp7oM1&amp;t=634208634757546466" style="border-width:0px;" /></a><span>Home</span><a id="ctl00_SiteMapPath1_SkipLink"></a></span>
    </div>
</body>
</html>

Open in new window


Then save this as style.css and place it in the same folder as the html file above:
	.ctl00_Menu1_0 { 
	background-color:white;
	visibility:hidden;
	display:none;
	position:absolute;
	left:0px;
	top:0px; 
	}
	.ctl00_Menu1_1 { color:#323232;
	font-family:Verdana;
	font-size:10pt;
	text-decoration:none; 
	}
	.ctl00_Menu1_2 { color:#323232;
	background-color:#DCDADC;
	font-family:Verdana;
	font-size:10pt; 
	}
	.ctl00_Menu1_3 {  
	}
	.ctl00_Menu1_4 { 
	padding:5px 5px 5px 5px; 
	}
	.ctl00_Menu1_5 {  
	}
	.ctl00_Menu1_6 { 
	padding:5px 5px 5px 5px; 
	}
	.ctl00_Menu1_7 { 
	background-color:#DCDADC; 
	}
	.ctl00_Menu1_8 {  }
	.ctl00_Menu1_9 { 
	background-color:#DCDADC; 
	}
	.ctl00_Menu1_10 {  
	}
	.ctl00_Menu1_11 { 
	background-color:#691784; 
	}
	.ctl00_Menu1_12 { 
	color:White; 
	}
	.ctl00_Menu1_13 { 
	color:White;background-color:#691784; 
	}
	.ctl00_Menu1_14 { 
	color:White; 
	}
	.ctl00_Menu1_15 { 
	color:White;background-color:#691784; 
	}

p {
padding-left : 5px;
}

.title {
font-family : Verdana;
font-size : large;
font-weight : bold;
color : purple;
background : white none;
}

table.menu {
width : 100%;
border-style : none;
}

tr.menu {
height : 25px;
}

td.menu {
text-align : center;
text-decoration : none;
text-transform : uppercase;
font-size : medium;
font-family : Verdana;
width : 10%;
background : #691784 none;
border-left-style : ridge;
border-top-style : none;
border-bottom-style : none;
border-width : 1px;
border-color : gray;
color : white;
font-weight : bold;
}

a.menu:link, a.menu:visited {
display : block;
font-weight : bold;
color : white;
background : #691784 none;
width : 100%;
text-align : center;
text-decoration : none;
border-collapse : collapse;
}

a.menu:hover, a.menu:active {
background : #ffee94 none;
color : #691784;
font-weight : bold;
height : 100%;
border-collapse : collapse;
}

.menumain {
text-align : center;
text-decoration : none;
text-transform : uppercase;
font-size : medium;
font-family : Verdana;
border-left-style : outset;
border-top-style : outset;
border-bottom-style : inset;
border-width : 1px;
border-color : gray;
font-weight : bold;
margin-top : auto;
margin-bottom : auto;
}

tr.menumain {
background-image : url('~/images/ListViewHeader.png');
background-color : transparent;
height : 25px;
background-repeat : repeat;
z-index : 1;
}

td.menumain {
text-align : center;
text-decoration : none;
text-transform : uppercase;
font-size : medium;
font-family : Verdana;
width : 20%;
background : #691784 none;
border-left-style : ridge;
border-top-style : none;
border-bottom-style : none;
border-width : 1px;
border-color : gray;
color : white;
font-weight : bold;
margin-top : auto;
margin-bottom : auto;
}

a.menumain:link, a.menumain:visited {
display : block;
font-weight : bold;
color : white;
background : #691784 none;
width : 100%;
text-align : center;
text-decoration : none;
border-collapse : collapse;
margin-top : auto;
margin-bottom : auto;
}

a.menumain:hover, a.menumain:active {
background : #fff59e none;
color : #691784;
font-weight : bold;
border-collapse : collapse;
margin-top : auto;
margin-bottom : auto;
}

.validatorCalloutHighlight {
background : #f8f361 none;
color : black;
}

span.footerheader {
font-family : Verdana;
font-size : small;
font-weight : bold;
text-transform : uppercase;
margin-left : auto;
margin-right : auto;
}

span.footeraddress {
font-family : Verdana;
font-size : smaller;
font-weight : normal;
text-transform : none;
margin-left : auto;
margin-right : auto;
}

.footer {
height : 10%;
position : relative;
clear : both;
}

.labeldow {
height : 40%;
font-size : medium;
font-family : Verdana;
font-weight : bold;
border-left-style : dotted;
border-right-style : dotted;
border-top-style : dotted;
border-bottom-style : none;
border-width : 1px;
border-color : gray;
background : #691784 none;
color : white;
}

.labeldate {
height : 40%;
font-size : medium;
font-family : Verdana;
font-weight : bold;
border-style : dotted;
border-width : 1px;
border-color : gray;
width : 90%;
background : #691784 none;
color : white;
border-left-style : dotted;
border-right-style : dotted;
border-top-style : none;
border-bottom-style : dotted;
}

.labeltime {
height : 40%;
font-size : medium;
font-family : Verdana;
font-weight : bold;
border-style : dotted;
border-width : 1px;
border-color : gray;
background : #691784 none;
color : white;
}

.tdclock {
font-size : large;
font-family : Verdana;
font-weight : bold;
color : #691784;
padding-right : 10px;
}

.divheader {
height : 10%;
width : 100%;
display : block;
}

.div_body {
min-height : 80%;
width : 100%;
overflow : auto;
display : block;
}

.divfooter {
height : 10%;
width : 100%;
display : block;
}

.divErrorheader {
width : 65%;
display : block;
font-family : Verdana;
font-size : large;
font-weight : bold;
padding : 3%;
}

.divErrorSubheader {
width : 65%;
display : block;
font-family : Verdana;
font-size : medium;
font-weight : bold;
text-align : left;
padding : 3%;
}

.divErrorbody {
width : 65%;
display : block;
font-family : Verdana;
font-size : medium;
font-weight : normal;
text-align : left;
padding : 3%;
}

.sitemap {
font-family : Verdana;
font-size : small;
font-weight : normal;
text-transform : none;
}

.textbox {
background : white none;
color : black;
font-family : Verdana;
font-size : medium;
}

.tabSched {
background : white none;
color : black;
font-family : Verdana;
font-size : medium;
} 

Open in new window

0
 
LVL 21

Expert Comment

by:Julian Matz
ID: 34921194
I'm not seeing any CSS errors. Is there any way for you to show us what the page *should* look like?
0
 
LVL 21

Assisted Solution

by:Julian Matz
Julian Matz earned 167 total points
ID: 34921236
This is what I get with your stylesheet:
http://www.netlink.ie/temp/EE/Q_26818774/
0
 

Author Comment

by:Sheritlw
ID: 34922007
I just realized I had given up on the css and hard coded my masterpage and default page.
I will change back to css and then post code.

Thanks again
0
Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

 

Author Comment

by:Sheritlw
ID: 34922179
Hi everyone,

I have added the code from the browser and the css files.   I also included a screen shot that I marked up to show what is not working.
Basically the master page is not applying it's formatting.  It is being overridden by something else, just not sure what.

Thanks again
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>

</title>
    <link href="CSS/MasterPages.css" rel="stylesheet" type="text/css" />
    <link href="CSS/ListViewGrids.css" rel="stylesheet" type="text/css" />
<style type="text/css">
	.ctl00_Menu1_0 { background-color:white;visibility:hidden;display:none;position:absolute;left:0px;top:0px; }
	.ctl00_Menu1_1 { color:#323232;font-family:Verdana;font-size:10pt;text-decoration:none; }
	.ctl00_Menu1_2 { color:#323232;background-color:#DCDADC;font-family:Verdana;font-size:10pt; }
	.ctl00_Menu1_3 {  }
	.ctl00_Menu1_4 { padding:5px 5px 5px 5px; }
	.ctl00_Menu1_5 {  }
	.ctl00_Menu1_6 { padding:5px 5px 5px 5px; }
	.ctl00_Menu1_7 { background-color:#DCDADC; }
	.ctl00_Menu1_8 {  }
	.ctl00_Menu1_9 { background-color:#DCDADC; }
	.ctl00_Menu1_10 {  }
	.ctl00_Menu1_11 { background-color:#691784; }
	.ctl00_Menu1_12 { color:White; }
	.ctl00_Menu1_13 { color:White;background-color:#691784; }
	.ctl00_Menu1_14 { color:White; }
	.ctl00_Menu1_15 { color:White;background-color:#691784; }

</style></head>
<body>

    <form name="aspnetForm" method="post" action="Find_Stylist.aspx" id="aspnetForm">

<div>
<input type="hidden" name="ctl00_ToolkitScriptManager1_HiddenField" id="ctl00_ToolkitScriptManager1_HiddenField" value="" />
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__LASTFOCUS" id="__LASTFOCUS" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="BuiCpGTqF4S1MBkao656LmKgAGj7AHufdzF3UsziYSFQc3da0tLkg8ywYLF6NWWWtI0hISFhiqKDMjXBK2UcaOIEpzl34hO48OnwZKcrY6/+ptYgkP5KZ16KrE5PT/mg9onVhsreDr2zrrsvf3vOqoBjiwf8SNtVSvnmjV+YmNGl+MtMGu0QRZ358WDX82gOBCe1Os4kc2EQ10wE6Je8svBOCJdq5N0/bSykPiOi7cLYXk+1QMge3wlO01FjN027uOzg+OIPuMtJGj+xp3O7yEuklv5nbG+Oa2mw9dZUdkx2EHS2ZTO8MCEF7BuqWYLJPj60xIjZKk4Yuj/JHgTsY490oU+wHwnpgLqe/GDh1qdFAoA9OuVTFle9Lc7Y8FZgDre2SKVGJ6mMVivAMIANUzO62Qfopt8j2GCmVeBCe50oLNgBAepV0dh301RcKA2NmmTUxvSkxgMAgyPtYpN7bwKlm4CV7KqKXWNQbE72h2xNUxnGZopbo7tiZF95DXPZBxXMFDgtSU1dbDTfJpROaPOuusYO0XlzkuE4tAk2YQ9rKdmGH4Ef6cF3LZNp3XOf9DwLjYFZXpnxf03LaJlYPVCCPMXZZDzfgEtmwzoBxjw2YYXd7k8l9Qo98Dg3DtEFZYM6HQBnyS3JDlBrbomKnYOlhuO4phRBBUmcAamw7yFwyIyHATR2j5EVtS5ekGESPCJPrTtHEFW07T8cstZvRuUxuCkU3akv4P8nrzD8RgEPDXBQ3kdQcZ/JZ2/HSwmZYKsunp+7TOhkb/NXqVIv/ymwo17LqLJfpmloKZ5G05CL5w7+unXRIgZeguTYgekKwq1XeIshmCALuOeKJ3J+Mv8X/4yoNgyzfQryHvYiZiYF4qRjnVyZAuo30yMyJ7zUVy7sGl4fkqhrxHE75//UnKT19ytD0xIdMma7ddcQxSTc33rN88PAUxJT8bEOtl8IHnxWmTECzmu2DsJZZ6M1G/bX0SBf+J687fLyP8I0g32MI6MFAfqYj5vMpinik+IANsR7yzSScHL5HU0evNV51Q18ticH4ZPRppFcGj38vzTHJUpSx7bqq3WXtDGvFeFlkmRa5YnuqXDQCvTUYMgdQ6MD1QSbzUz70zxWj9cNM4kO67hFERd460Zm0hup1o+uf5+3CM5GYBnclLEB/KWHvc9v7mPo0KYwIt7hRWYBvhpxftFMgfYVyc52OkWQ2v/mlZZyDePLnzH9pvTwr0H8MvwL5SCCAwts2AMeUtTmpx9ojSp1sD+337O6OOLxU8ArVRmqfSsI2AqQWPiHOtFjrwfqGF5/rkSFLUQIGmOzAtGJZJgakhgy4aXg3jd8EbA5RTITpgKmafiHznHxEsTS+MZnSQNazbkMjdIJRLThhVrvUxRms23BORViKNWETxPvXpMzVD4OHLo4HJXEXU4l4YhsDIABP5Dt0GnOYSTN78+povMW/WiWyB+UHBpYzbvfUH7El7WkJlny/cNHJoSx9fh9kiJ7kJOBsq7fRdMCAWN7Q8AzPvMNTLHdhc3puQ46NZd1StfPhlsC/p0kh0y3M25njeOm/tDA57WXtBAyry62wD6O+dPEvygdxXbvj0QIIF/P+YOKPDv+rz2a7AE5JLm6OXbW+VS6hOHD7viL7wVqYi4Yfi2LYpMtBdW5fZIrmq0i8adOzTPUCf9TJ9d+JA7IPeNK5/67xgjjJ7SgbbJgsT+OHsglC5HL5mINlDLtKI3mtnCl5kPGeuo+FLOkRxJvKDudVHUjCD0gf6XxaUZ2EYdGFtBFPi8Fg6+/FyNox3E+6nmSms3WYWnwtCmv4LnYwQiE2O/4Ti2EBY5MBal0DwNKGJ9zCti9PpHNUjdVmUm9D7y/69diCF2A2W12xYvjr0ZEgynvli5qHbYYbiEKXScwsDoB1+L9ep9aqkCcx1tym/HDLoRFN5mB9U2aLvb7OOB3H+c2TvrvDxJAJEbpEZ/5EwmCLsKYgc3phctLrzWJFs0NvgbsoGfvoZP8wPiJzwMA6CrsYxVgyvkhiYGq0G2jynP2VnQMQVtNjGDqeHkJNjjxDYtq+y03eXD5tFq1RMC2VzRQtM3xyQROoHhJ36IsEsJpm2BbJAJ/OvSz2Nd3pQ/m/VM8q1tJZmPemJa3YvbGrDTe0yJpSCKqKoJ5Jt36wb13Hbdlz7EpW511C/9x7p82lwIB31Z400YIYIM8lOz+V6rSHgZax0AaeaEcLK0utGDo1TzuJrDtv7lfSZwwBn97Hhfelk4a+LF06hWTAlbcrj3pz9yz3yr5yXcAr1s6EK1rr2a0IWCHLs0FroxYOLPB+FUBFwqW3zknIUk13TjYxnPGRPzUalGn8gQng+B2HP+2wSS2WxO2/Zr5lk5ed0Jp2cSYqRIY2TtkeLfeUyRybxYlIyG6CJhHW+gvbUtLqC8KNE/ploc8UNmO2li1kJ8B3LtabCM7+YQjjynrH8lovbxBYVfJ0ky2WuhNqOFOtgrKJEXlGL+K6ZgMhVP33NLWzYdw4xKgiHhcl17AKj/XjMtr9mpa9kaK8ddU7B4UuDInaGvV1GNKARX3mbmf6HqBt7Vc+BkuJdjwuEBDLvGdOl192+Lgulg1r7uyPYxlOkf2pvLyInlTvXwLUnNUn5NHs7qZmmJeNHecNXWebh8Mld6OxgdG+YGRfOd7uhd16LSjoLmcXCfcwBWCL7J75Kipa5MjuDpGygwiiw8LSizRPyfGGslohGVATK1lFA1V8ot9aDJfZ76ThZi8M9YhCmQlu/ThZ0wGA1JkzltoGPupad3reR2HGsNaPkuAtxz+0nX8//cA4jP3XLqo6MzHXRBV1AVIdp3NvMIwWUNvMLfyIL8EEBNuyEWTeTZPTEVQ1Vkzbf9KyxkTVb1sIkkbM7U/4Fm3R61K9ZmAQSCOptF/goWJ1LKEBtyyLCxoLRc239tFFRyxIjwH7xC6ysI799TNWSrnK+Ta7d01Uc3AVbuHmKsVlvsC2ZgbIONJPKq+jeOJB/5/eXxbmLqhTEXBVXeULopNOPEJnagBrL+AnIrc7onko1GwtMh9Em9Tq9pDwoKDSP6OHltnEbr9c+0Q1DhHWdOvLPb3VI+9BTpDNknZ7GSw8EDoRT/Ul4Kjq9KEnAXyaETO1DNje6Fu0M6POtk57lvcpLeu7ZTzFRCJ5KX9tPb1ku+S4+1Yafn9p4xRRHWqe4NAtUUZ4xvd1Da3TwQ8A1rV0yoaWz5G4BVl4XOpslEtVEvHrjeMZ+n+tnvbiGXuu+K40bgWFpIpX725CQ==" />
</div>

<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
    theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>


<script src="/WebResource.axd?d=n5vSjZv0TQhvhetY8HLxFfQg9I2_KLnYbYsFRARMYRAlJWfIX7XdycD_EQZbzHraymkpaIdHSI_zmi7ebAYYbfK8k6E1&amp;t=634208634757546466" type="text/javascript"></script>


<script src="/ScriptResource.axd?d=u-XH9ApXKsHWzJ5wezz-8JzO9VnaeFaFTU5aTU6Yz3wwQ5pY39rPY0VlVDZBceoixzDG_5uwvd0iH2Nek6yP4ADOz-jq48VxFwuytm27Thf5sXns1gBa6vlkHlXZSD9AalPPzg2&amp;t=22cb5c6c" type="text/javascript"></script>

<script src="/ScriptResource.axd?d=tJFdG7fatFIMxO7lT8bk0tQfEsjQBIpLrI7AIAIMtjsCf49x6mmhXS_Vn0BJ63500PNfQ7hBLZo9M6s_DBxhZHzRUaNMReS0_DWYF4sNlT9EHKpxmWywGmv0vmGJRMwjK1tI-w2&amp;t=fffffffff9cbe881" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
//]]>
</script>

<script src="/ScriptResource.axd?d=1NA7wUtpZ2OyspXqTW-RSKBb33T1Tq_A3cZsDz_C9vQgE6hDpIbPzn4OvMyf8v4xufoxolSAqEDs40FZM2VoxSESFlz2dBR7AsYrU_S96QQQuMY9samnSZDFrQ0jPI7HimM6vQ2&amp;t=fffffffff9cbe881" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=pAl4DEegUqQ3uTsMAieM1af0L3USjNR8LRp5y2Wl3om4Y81EP1XMHYVtxAFOgqIm4usfGoMl4QoYsvlfhlYXm6Xik3w5uQK4YZsewYzVSQVOaglwhd2Yese96YNSmS4Wc13Png2&amp;t=fffffffff9cbe881" type="text/javascript"></script>
<div>

	<input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="" />
	<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="vU8maw8qxOe2lvQaeqctolte4e6unE1u5ZBi5lVMS8yl7Vp2k4VfOpWWcYmIoAgbkzQqbS+anXh8RSjL1Ug4ytjQW1iszVfINa4iK2CQNLHxI9VoGaPxxV8vkqvdJaVhALHpj4GXahS2VtNsV6DH/xj6zwQOwqLVoSUgWCRLjWBY9ZBjwVq3QmvjK3fzEUgynDulWwHyW4JZtRxvubKby4LOaNiSWHAkY8r1MyTlk5M2uGtPzF1JTWG7iX15Yvi9YtU44lIt/+XfmmpjH6t2F5+C5NsHO69cib1mxTAUxKTgaRwmhrEURgyoj9+YOw8biDRjS1as4GfU91phFI3mgKvfEL5HQQ4pMyxut2yFpLnULHiXOvz6T1rUcQmIofw/QtlaBx9hBrU1nFWVH7LqyBpuNK4ZnXEYo+uiLrNi6GYBCJbhj7j4hsxYisKg5reS7qj22DmMalRni8t+HTT2nmRjBXnbsDksu5EqyAektTMVL4g61fjLKqC7XDNJ9pR8Z/bYN7nGxg9DkgdhylXuU81kfj8ZNM3oNFFLzc4zZzXG/FznwkVNz+qKC+xj27XM0lESknQIzBkdstqc35Dwd7Mm8zpYjv0ugFfIkbd8TelhLzG2R9iDw/XaonCvoeiuhoCCR92hmBsF7jl5Ro/A5r67o9dhA6hDC3hj6i3QYKV8bIgU0/wgwBBSUCfJnkq56rGVPa6kbn2Fso6ffftuiezI/a9POoPo7m84EpXlxFrf2d1k" />
</div>
    <script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00$ToolkitScriptManager1', document.getElementById('aspnetForm'));
Sys.WebForms.PageRequestManager.getInstance()._updateControls(['tctl00$upDynamicClock'], [], [], 90);
//]]>

</script>

    
    
    <div class="divheader">
      

        <table class="menu">
            <tr>
                <td colspan="6" >
                    <img id="ctl00_Image1" src="images/SMS.png" style="border-width:0px;" />
                    
                </td>
                <td align="left" valign="middle"  colspan="2">
                
                 <div id="ctl00_upDynamicClock">

	
                        <strong style="color:Purple">Today is:&nbsp;</strong>
                            <span id="ctl00_lblDate">Thursday 17</span><br />
                            <strong style="color:Purple">Current Time:&nbsp;</strong>
                            <span id="ctl00_lblDynamicClock">6:55 PM</span>
                           <span id="ctl00_Timer2" style="visibility:hidden;display:none;"></span>
                        
</div>
                           
                       &nbsp;</td>                
                
            
            </tr>

            <tr>
                <td colspan="6">
                    <a href="#ctl00_Menu1_SkipLink"><img alt="Skip Navigation Links" src="/WebResource.axd?d=s5xz6u0s8XNlIkwHiei5b_3SkjHyShySD2QMIDZ7nyKbr4n4ezxLol8tadXDY9dtwlwYo9TJc4dEsgaBTHqvVzdp7oM1&amp;t=634208634757546466" width="0" height="0" style="border-width:0px;" /></a><table id="ctl00_Menu1" class="menumain ctl00_Menu1_2" cellpadding="0" cellspacing="0" border="0">
	<tr>
		<td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Click to find a cosmetic artist in your area" id="ctl00_Menu1n0"><table class="ctl00_Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">
			<tr>
				<td style="white-space:nowrap;"><a class="ctl00_Menu1_1 ctl00_Menu1_3" href="Find_Stylist.aspx">Find Artist</a></td>
			</tr>

		</table></td><td style="width:3px;"></td><td><img src="images/divider_v.gif" alt="" /></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_Menu1n1"><table class="ctl00_Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">
			<tr>
				<td style="white-space:nowrap;"><a class="ctl00_Menu1_1 ctl00_Menu1_3" href="Login.aspx">Login</a></td>
			</tr>
		</table></td><td style="width:3px;"></td><td><img src="images/divider_v.gif" alt="" /></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Click to create a new account" id="ctl00_Menu1n2"><table class="ctl00_Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">
			<tr>
				<td style="white-space:nowrap;"><a class="ctl00_Menu1_1 ctl00_Menu1_3" href="CreateUser.aspx">Create Account</a></td>
			</tr>

		</table></td><td style="width:3px;"></td><td><img src="images/divider_v.gif" alt="" /></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" title="Click for artist information" id="ctl00_Menu1n3"><table class="ctl00_Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">
			<tr>
				<td style="white-space:nowrap;"><a class="ctl00_Menu1_1 ctl00_Menu1_3" href="javascript:__doPostBack('ctl00$Menu1','For Artists')">For Artists</a></td><td style="width:0;"><img src="images/arrow_d.gif" alt="Expand For Artists" style="border-style:none;vertical-align:middle;" /></td>
			</tr>
		</table></td><td><img src="images/divider_v.gif" alt="" /></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_Menu1n4"><table class="ctl00_Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">
			<tr>
				<td style="white-space:nowrap;"><a class="ctl00_Menu1_1 ctl00_Menu1_3" href="javascript:__doPostBack('ctl00$Menu1','Other')">Other</a></td><td style="width:0;"><img src="images/arrow_d.gif" alt="Expand Other" style="border-style:none;vertical-align:middle;" /></td>
			</tr>

		</table></td>
	</tr>
</table><div id="ctl00_Menu1n3Items" class="ctl00_Menu1_0 ctl00_Menu1_7">
	<table border="0" cellpadding="0" cellspacing="0">
		<tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_Menu1n5">
			<td><table class="ctl00_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
				<tr>
					<td style="white-space:nowrap;width:100%;"><a class="ctl00_Menu1_1 ctl00_Menu1_5" href="javascript:__doPostBack('ctl00$Menu1','For Artists\\About')">About</a></td>
				</tr>

			</table></td>
		</tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_Menu1n6">
			<td><table class="ctl00_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
				<tr>
					<td style="white-space:nowrap;width:100%;"><a class="ctl00_Menu1_1 ctl00_Menu1_5" href="Login.aspx">Login</a></td>
				</tr>
			</table></td>
		</tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_Menu1n7">

			<td><table class="ctl00_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
				<tr>
					<td style="white-space:nowrap;width:100%;"><a class="ctl00_Menu1_1 ctl00_Menu1_5" href="CreateUser.aspx">Create Account</a></td>
				</tr>
			</table></td>
		</tr>
	</table><div class="ctl00_Menu1_6 ctl00_Menu1_0" id="ctl00_Menu1n3ItemsUp" onmouseover="PopOut_Up(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
		<img src="/WebResource.axd?d=5jUPWIx1CMtUnSGMrzruQSJST7pqAHM1Rdxbiupco3q7Mcj3aTUM1TIjaxKNaWE_yXwqzYshogNxAfZBg3Z38XvemHs1&amp;t=634208634757546466" alt="Scroll up" />

	</div><div class="ctl00_Menu1_6 ctl00_Menu1_0" id="ctl00_Menu1n3ItemsDn" onmouseover="PopOut_Down(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
		<img src="/WebResource.axd?d=VCppOivavnMS4kZHoMXpsSv21L_OmaqmobQ3lTW0UUxmqEIbunVm1Z74uZ-CpXDgWWrWDRZ_NCmctgANsrCw_Wwneds1&amp;t=634208634757546466" alt="Scroll down" />
	</div>
</div><div id="ctl00_Menu1n4Items" class="ctl00_Menu1_0 ctl00_Menu1_7">
	<table border="0" cellpadding="0" cellspacing="0">
		<tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_Menu1n8">
			<td><table class="ctl00_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
				<tr>
					<td style="white-space:nowrap;width:100%;"><a class="ctl00_Menu1_1 ctl00_Menu1_5" href="About.aspx">About</a></td>

				</tr>
			</table></td>
		</tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_Menu1n9">
			<td><table class="ctl00_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
				<tr>
					<td style="white-space:nowrap;width:100%;"><a class="ctl00_Menu1_1 ctl00_Menu1_5" href="Links.aspx">Links</a></td>
				</tr>
			</table></td>

		</tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_Menu1n10">
			<td><table class="ctl00_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
				<tr>
					<td style="white-space:nowrap;width:100%;"><a class="ctl00_Menu1_1 ctl00_Menu1_5" href="Contact_Us.aspx">Contact</a></td>
				</tr>
			</table></td>
		</tr>
	</table><div class="ctl00_Menu1_6 ctl00_Menu1_0" id="ctl00_Menu1n4ItemsUp" onmouseover="PopOut_Up(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">

		<img src="/WebResource.axd?d=5jUPWIx1CMtUnSGMrzruQSJST7pqAHM1Rdxbiupco3q7Mcj3aTUM1TIjaxKNaWE_yXwqzYshogNxAfZBg3Z38XvemHs1&amp;t=634208634757546466" alt="Scroll up" />
	</div><div class="ctl00_Menu1_6 ctl00_Menu1_0" id="ctl00_Menu1n4ItemsDn" onmouseover="PopOut_Down(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
		<img src="/WebResource.axd?d=VCppOivavnMS4kZHoMXpsSv21L_OmaqmobQ3lTW0UUxmqEIbunVm1Z74uZ-CpXDgWWrWDRZ_NCmctgANsrCw_Wwneds1&amp;t=634208634757546466" alt="Scroll down" />
	</div>
</div><a id="ctl00_Menu1_SkipLink"></a>
                </td>
                <td colspan="2" align="center">
                
                               <a id="ctl00_LoginView1_LoginStatus1" href="javascript:__doPostBack('ctl00$LoginView1$LoginStatus1$ctl02','')">Login</a>
                           
                   
                
                       

                </td>

            </tr>
           
        </table>
  </div>       
  <div>
        
    <div class="div_body">   
       <table class="gridlistviewtables">
                    <col width="16%" />
                    <col width="16%" />
                    <col width="16%" />
                    <col width="16%" />

                    <col width="16%" />
                    <col width="16%" />
               <tr>
                    <td colspan="6">
                         &nbsp;
                    </td>
               </tr>
               <tr>
                  <th align="left"  class="title" colspan="6">Find Salon Professional</th>

              </tr>
              
               <tr>
                    <td colspan="6">
                         &nbsp;
                    </td>
               </tr>
              <tr>
                    <td>Category</td>

                    <td>
                        Country
                    </td>
                    <td>State</td>
                    <td>City</td>
                    <td>Salon Name</td>
                    <td>
                         &nbsp;

                    </td>
              </tr>
              <tr>
                    <td>   
                         <select name="ctl00$ContentPlaceHolder1$ddCategory" id="ctl00_ContentPlaceHolder1_ddCategory" style="width:95%;">
	<option selected="selected" value="-1">
                                 -- Select Category --
                            </option>
	<option value="4">Barber</option>

	<option value="3">Full Service Hair Stylist</option>
	<option value="1">Hair Colorist</option>
	<option value="2">Hair Cutter</option>
	<option value="5">Manicurist</option>

</select>                                
                         
                    </td>
                    <td>

                         <select name="ctl00$ContentPlaceHolder1$ddFindCountry" id="ctl00_ContentPlaceHolder1_ddFindCountry" style="width:95%;">
	<option selected="selected" value="-1">
                                 -- Select Country --
                            </option>
	<option value="69">United Kingdom - English </option>
	<option value="84">Australia - English </option>
	<option value="91">Canada - English </option>
	<option value="97">New Zealand - English </option>

	<option value="105">South Africa - English </option>
	<option value="108">Jamaica - English </option>
	<option value="111">Caribbean - English </option>
	<option value="114">Belize - English </option>
	<option value="117">Trinidad and Tobago - English </option>
	<option value="120">Zimbabwe - English </option>

	<option value="123">Republic of the Philippines - English </option>
	<option value="141">Malaysia - English </option>
	<option value="207">Singapore - English </option>
	<option value="211">United States - English </option>

</select>                                
                         
                    </td>                    
                    
                    <td>
                         <select name="ctl00$ContentPlaceHolder1$ddState" onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolder1$ddState\',\'\')', 0)" id="ctl00_ContentPlaceHolder1_ddState" style="width:95%;">

	<option selected="selected" value="-1">
                                 -- Select State --
                            </option>
	<option value="2">Alabama</option>
	<option value="1">Alaska</option>
	<option value="4">Arizona</option>
	<option value="3">Arkansas</option>

	<option value="5">California</option>
	<option value="6">Colorado</option>
	<option value="7">Connecticut</option>
	<option value="9">Delaware</option>
	<option value="8">District of Columbia</option>
	<option value="10">Florida</option>

	<option value="11">Georgia</option>
	<option value="12">Hawaii</option>
	<option value="14">Idaho</option>
	<option value="15">Illinois</option>
	<option value="16">Indiana</option>
	<option value="13">Iowa</option>

	<option value="17">Kansas</option>
	<option value="18">Kentucky</option>
	<option value="19">Louisiana</option>
	<option value="22">Maine</option>
	<option value="21">Maryland</option>
	<option value="20">Massachusetts</option>

	<option value="23">Michigan</option>
	<option value="24">Minnesota</option>
	<option value="26">Mississippi</option>
	<option value="25">Missouri</option>
	<option value="27">Montana</option>
	<option value="30">Nebraska</option>

	<option value="34">Nevada</option>
	<option value="31">New Hampshire</option>
	<option value="32">New Jersey</option>
	<option value="33">New Mexico</option>
	<option value="35">New York</option>
	<option value="28">North Carolina</option>

	<option value="29">North Dakota</option>
	<option value="36">Ohio</option>
	<option value="37">Oklahoma</option>
	<option value="38">Oregon</option>
	<option value="39">Pennsylvania</option>
	<option value="40">Rhode Island</option>

	<option value="41">South Carolina</option>
	<option value="42">South Dakota</option>
	<option value="43">Tennessee</option>
	<option value="44">Texas</option>
	<option value="45">Utah</option>
	<option value="47">Vermont</option>

	<option value="46">Virginia</option>
	<option value="48">Washington</option>
	<option value="50">West Virginia</option>
	<option value="49">Wisconsin</option>
	<option value="51">Wyoming</option>

</select>                                

                         

                    </td>

                    <td>    
                         <select name="ctl00$ContentPlaceHolder1$ddCity" onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolder1$ddCity\',\'\')', 0)" id="ctl00_ContentPlaceHolder1_ddCity" style="width:95%;">
	<option selected="selected" value="-1">
                                 -- Select City --
                            </option>

</select>                                
                         
                    </td>
                    <td>
                         <select name="ctl00$ContentPlaceHolder1$DDSalon" id="ctl00_ContentPlaceHolder1_DDSalon" style="width:95%;">
	<option selected="selected" value="-1">

                                 -- Select Salon --
                            </option>

</select>
                         
                         
                         
                         
                         
                    </td>      
                    <td>
                         <input type="submit" name="ctl00$ContentPlaceHolder1$buttFind" value="Find" id="ctl00_ContentPlaceHolder1_buttFind" />
                    </td>                        
              </tr>
              
              <tr>
                    <td colspan="6">

                         &nbsp;

                         </td>                              
              
              </tr>
              <tr>
                    <td colspan="6">
                         
                         <div>
	<table class="gridcontrol" cellspacing="0" rules="all" border="1" id="ctl00_ContentPlaceHolder1_GridView1" style="border-color:LightGrey;width:100%;border-collapse:collapse;">
		<tr class="ListViewHeader" style="color:White;background-color:DarkBlue;">
			<th scope="col">Name</th><th scope="col">Prof. Category</th><th scope="col">Salon</th><th scope="col">Phone</th><th scope="col">Email</th><th scope="col">View Bio</th>

		</tr><tr>
			<td>
                                      <span id="ctl00_ContentPlaceHolder1_GridView1_ctl02_FullName">Another Name</span>
                                  </td><td>
                                   <span id="ctl00_ContentPlaceHolder1_GridView1_ctl02_Prof">Hair Colorist</span>
                                   </td><td>
                                   <span id="ctl00_ContentPlaceHolder1_GridView1_ctl02_Label2">Another</span>

                                   </td><td>
                                   <span id="ctl00_ContentPlaceHolder1_GridView1_ctl02_Label1">6023194189     </span>
                                   </td><td><a>strager@smsmain.com</a></td><td><a href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$GridView1','buttViewBio$0')">View Bio</a></td>
		</tr><tr style="background-color:#FFFFCC;">
			<td>
                                      <span id="ctl00_ContentPlaceHolder1_GridView1_ctl03_FullName">Sheri Trager</span>
                                  </td><td>

                                   <span id="ctl00_ContentPlaceHolder1_GridView1_ctl03_Prof">Hair Colorist</span>
                                   </td><td>
                                   <span id="ctl00_ContentPlaceHolder1_GridView1_ctl03_Label2">Hairs to u</span>
                                   </td><td>
                                   <span id="ctl00_ContentPlaceHolder1_GridView1_ctl03_Label1">6023194189     </span>
                                   </td><td><a>strager@smsmain.com</a></td><td><a href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$GridView1','buttViewBio$1')">View Bio</a></td>

		</tr><tr>
			<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
		</tr>
	</table>
</div>                       
                        
                    </td>                              
              
              </tr>
              
              <tr>
                    <td colspan="6">
                         &nbsp;

                    </td>                              
              
              </tr>
             
         </table>


</div>

    </div>
    

<script type="text/javascript">
//<![CDATA[
(function() {var fn = function() {$get('ctl00_ToolkitScriptManager1_HiddenField').value = '';Sys.Application.remove_init(fn);};Sys.Application.add_init(fn);})();var ctl00_Menu1_Data = new Object();
ctl00_Menu1_Data.disappearAfter = 500;
ctl00_Menu1_Data.horizontalOffset = 2;
ctl00_Menu1_Data.verticalOffset = 0;
ctl00_Menu1_Data.hoverClass = 'ctl00_Menu1_15';
ctl00_Menu1_Data.hoverHyperLinkClass = 'ctl00_Menu1_14';
ctl00_Menu1_Data.staticHoverClass = 'ctl00_Menu1_13';
ctl00_Menu1_Data.staticHoverHyperLinkClass = 'ctl00_Menu1_12';
Sys.Application.initialize();
Sys.Application.add_init(function() {
    $create(Sys.UI._Timer, {"enabled":true,"interval":1000,"uniqueID":"ctl00$Timer2"}, null, null, $get("ctl00_Timer2"));
});
//]]>
</script>
</form>
  <div class="divfooter">

        
        <br /><br />
       
           <span class="footerheader">STYLIST MANAGEMENT STUDIO INC.<br /></span> 
           <span class="footeraddress">1728 Doves Rd. Fort Mill, SC, 29708 <br />
           Ph: 602.319.4189 email: strager@smsmain.com <br /><br />
           © Copyright 2010 Stylist Management Studio Inc."</span>
        
    </div>    
    <div class="sitemap">
    <br />

        <span id="ctl00_SiteMapPath1"><a href="#ctl00_SiteMapPath1_SkipLink"><img alt="Skip Navigation Links" height="0" width="0" src="/WebResource.axd?d=s5xz6u0s8XNlIkwHiei5b_3SkjHyShySD2QMIDZ7nyKbr4n4ezxLol8tadXDY9dtwlwYo9TJc4dEsgaBTHqvVzdp7oM1&amp;t=634208634757546466" style="border-width:0px;" /></a><span><a title="Click to return to the home page." href="/Default.aspx">Home</a></span><span> &gt; </span><span>Find Artist</span><a id="ctl00_SiteMapPath1_SkipLink"></a></span>
    </div>
</body>
</html>


#####Both CSS sheets

p {
padding-left : 5px;
}

.title {
font-family : Verdana;
font-size : large;
font-weight : bold;
color : purple;
background : white none;
}

table.menu {
width : 100%;
border-style : none;
}

tr.menu {
height : 25px;
}

td.menu {
text-align : center;
text-decoration : none;
text-transform : uppercase;
font-size : medium;
font-family : Verdana;
width : 10%;
background : #691784 none;
border-left-style : ridge;
border-top-style : none;
border-bottom-style : none;
border-width : 1px;
border-color : gray;
color : white;
font-weight : bold;
}

a.menu:link, a.menu:visited {
display : block;
font-weight : bold;
color : white;
background : #691784 none;
width : 100%;
text-align : center;
text-decoration : none;
border-collapse : collapse;
}

a.menu:hover, a.menu:active {
background : #ffee94 none;
color : #691784;
font-weight : bold;
height : 100%;
border-collapse : collapse;
}

.menumain {
text-align : center;
text-decoration : none;
text-transform : uppercase;
font-size : medium;
font-family : Verdana;
border-left-style : outset;
border-top-style : outset;
border-bottom-style : inset;
border-width : 1px;
border-color : gray;
font-weight : bold;
margin-top : auto;
margin-bottom : auto;
}

tr.menumain {
background-image : url('~/images/ListViewHeader.png');
background-color : transparent;
height : 25px;
background-repeat : repeat;
z-index : 1;
}

td.menumain {
text-align : center;
text-decoration : none;
text-transform : uppercase;
font-size : medium;
font-family : Verdana;
width : 20%;
background : #691784 none;
border-left-style : ridge;
border-top-style : none;
border-bottom-style : none;
border-width : 1px;
border-color : gray;
color : white;
font-weight : bold;
margin-top : auto;
margin-bottom : auto;
}

a.menumain:link, a.menumain:visited {
display : block;
font-weight : bold;
color : white;
background : #691784 none;
width : 100%;
text-align : center;
text-decoration : none;
border-collapse : collapse;
margin-top : auto;
margin-bottom : auto;
}

a.menumain:hover, a.menumain:active {
background : #fff59e none;
color : #691784;
font-weight : bold;
border-collapse : collapse;
margin-top : auto;
margin-bottom : auto;
}

.validatorCalloutHighlight {
background : #f8f361 none;
color : black;
}

span.footerheader {
font-family : Verdana;
font-size : small;
font-weight : bold;
text-transform : uppercase;
margin-left : auto;
margin-right : auto;
}

span.footeraddress {
font-family : Verdana;
font-size : smaller;
font-weight : normal;
text-transform : none;
margin-left : auto;
margin-right : auto;
}

.footer {
height : 10%;
position : relative;
clear : both;
}

.labeldow {
height : 40%;
font-size : medium;
font-family : Verdana;
font-weight : bold;
border-left-style : dotted;
border-right-style : dotted;
border-top-style : dotted;
border-bottom-style : none;
border-width : 1px;
border-color : gray;
background : #691784 none;
color : white;
}

.labeldate {
height : 40%;
font-size : medium;
font-family : Verdana;
font-weight : bold;
border-style : dotted;
border-width : 1px;
border-color : gray;
width : 90%;
background : #691784 none;
color : white;
border-left-style : dotted;
border-right-style : dotted;
border-top-style : none;
border-bottom-style : dotted;
}

.labeltime {
height : 40%;
font-size : medium;
font-family : Verdana;
font-weight : bold;
border-style : dotted;
border-width : 1px;
border-color : gray;
background : #691784 none;
color : white;
}

.tdclock {
font-size : large;
font-family : Verdana;
font-weight : bold;
color : #691784;
padding-right : 10px;
}

.divheader {
height : 10%;
width : 100%;
display : block;
}

.div_body {
min-height : 80%;
width : 100%;
overflow : auto;
display : block;
}

.divfooter {
height : 10%;
width : 100%;
display : block;
}

.divErrorheader {
width : 65%;
display : block;
font-family : Verdana;
font-size : large;
font-weight : bold;
padding : 3%;
}

.divErrorSubheader {
width : 65%;
display : block;
font-family : Verdana;
font-size : medium;
font-weight : bold;
text-align : left;
padding : 3%;
}

.divErrorbody {
width : 65%;
display : block;
font-family : Verdana;
font-size : medium;
font-weight : normal;
text-align : left;
padding : 3%;
}

.sitemap {
font-family : Verdana;
font-size : small;
font-weight : normal;
text-transform : none;
}

.textbox {
background : white none;
color : black;
font-family : Verdana;
font-size : medium;
}

.tabSched {
background : white none;
color : black;
font-family : Verdana;
font-size : medium;
} 


##### 2nd CSS sheet

.ListViewHeader {
background-image : url("../images/ListViewHeader.png");
background-repeat : repeat-x;
background-color : purple;
font-weight : bold;
font-size : medium;
color : white;
height : 25px;
padding-left : 3px;
font-family : Verdana;
}

.ListViewTable {
border : 1px dotted gray;
width : 100%;
height : 100%;
overflow : auto;
}

.ListViewCntrlStyle {
font-family : Verdana;
font-size : medium;
width : 96%;
margin-left : auto;
margin-right : auto;
height : 100%;
margin-top : 0;
overflow : auto;
}

.ListViewCntrlStylewButton {
font-family : Verdana;
font-size : medium;
width : 86%;
margin-left : auto;
margin-right : auto;
height : 100%;
overflow : auto;
margin-top : 0;
}

.gridcontrol {
font-family : Verdana;
font-weight : normal;
color : black;
background : transparent none;
font-size : medium;
width : 97%;
}

.gridrow {
font-family : Verdana;
font-weight : normal;
color : black;
background : transparent none;
font-size : medium;
}

.gridcheckbox {
font-family : Verdana;
font-weight : normal;
color : black;
background : transparent none;
font-size : medium;
margin-left : auto;
margin-right : auto;
}

.gridrowselected {
font-family : Verdana;
font-weight : bold;
color : black;
font-size : medium;
background : yellow none;
}

.gridpager {
font-family : Verdana;
font-weight : bold;
color : white;
font-size : medium;
background : #691784 none;
margin-left : auto;
margin-right : auto;
}

.gridlistviewtables {
padding-left : 4pt;
padding-right : 4pt;
width : 100%;
font-family : Verdana;
font-size : medium;
}

.collapsePanel {
width : 95%;
height : 0;
background : white none;
overflow : hidden;
border-style : dotted;
border-color : gray;
border-width : thin;
padding-left : 1%;
float : left;
}

.collapsePanelHeader {
width : 95%;
height : 15px;
color : white;
background : purple none;
font-weight : bold;
float : left;
padding : 5px;
cursor : pointer;
vertical-align : middle;
font-family : Verdana;
font-size : 8pt;
}

.services {
width : 96%;
margin-left : 2%;
margin-right : 2%;
font-family : Verdana;
font-size : medium;
}

.grids {
width : 100%;
padding-left : 5pt;
font-family : Verdana;
font-size : medium;
padding-right : 5pt;
}

.modalBackground {
font-family : Verdana;
font-size : medium;
background : #ffffff none;
color : #4f6b72;
padding : 6px;
border-style : solid;
border-width : 2px;
border-color : purple;
width : 40%;
height : 40%;
z-index : 10000;
}

.modalQuestionBackground {
font-family : Verdana;
font-size : medium;
background : #ffffff none;
color : #4f6b72;
padding : 6px;
border-style : solid;
border-width : 2px;
border-color : purple;
width : 30%;
height : 30%;
z-index : 10000;
}

.gridheader {
background : purple none;
font-family : Verdana;
font-weight : bold;
color : white;
font-size : medium;
}

.gridcontrol {
font-family : Verdana;
font-weight : normal;
color : black;
background : transparent none;
font-size : medium;
width : 97%;
}

.gridrow {
font-family : Verdana;
font-weight : normal;
color : black;
font-size : medium;
background : transparent none;
}

.gridcheckbox {
font-family : Verdana;
font-weight : normal;
color : black;
font-size : medium;
margin-left : auto;
margin-right : auto;
background : transparent none;
}

.tdbackground {
width : 95%;
height : 25px;
background : purple none;
padding-left : 10px;
padding-right : 10px;
z-index : -1;
}

.tdhyper {
width : 90%;
font-family : Verdana;
font-weight : bold;
font-size : medium;
padding-left : 10px;
z-index : 1;
vertical-align : middle;
cursor : pointer;
color : white;
background : transparent none;
}

.tdbutton {
padding-left : 5px;
z-index : 1;
vertical-align : middle;
}

Open in new window

CSS-Screenshot.png
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34923859
Perhaps you can upload to a site?
There are millions of script in your page and none of your images are available.

I added this

.ctl00_Menu1_2 {
    background-color: #DCDADC;
    color: #323232;
    font-family: Verdana;
    font-size: 10pt;
   width: 100%;
}
0
 

Author Comment

by:Sheritlw
ID: 34925744
This is my first web application so it will probably take me a few days to get it uploaded.

Any other ideas?

Thanks
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34925838
I haven't any from what I can see
0
 

Author Comment

by:Sheritlw
ID: 34925897

I am going to try and rebuild the site, page by page and see what I can find.
It will probably be a few days before I can get back.

Thanks for your help
0
 
LVL 16

Assisted Solution

by:HagayMandel
HagayMandel earned 167 total points
ID: 34926300
Except for issue of hard-coding styles, including problematic ones (<td style="width:0;">) that generate twists (see FireFox), the css (once put in a separate file), function well.
See the 3 images for 3 browsers.
I've played a bit with the styles (background-color & letter-spacing) just to indicate that the styles ARE applied.
FF3.6.13.PNG
Chrom.PNG
IE7.PNG
0
 

Author Comment

by:Sheritlw
ID: 34926370
I have the css in a separate folder.  Is that what you mean?
Should I just start over with stylesheets?
0
 
LVL 16

Expert Comment

by:HagayMandel
ID: 34926449
What I mean is I still don't understand by CSS won't work?
As I show, it works:
The header is indeed 100% width (see background-color)
So is the table below see (again see background-color)
And the footer letter-spacing & background-color style was changed, and the change was indeed applied.
So where is your problem?
0
 

Author Comment

by:Sheritlw
ID: 34926906
When I run the application, the aspx content pages will react to the css, but the master page will not.
In other words, the header and footer which is in the master page will not get formatted, but the aspx content page will get formatted.
Since this just started happening, I imagine I added some css that is overriding the css in the master page.  I'm just not sure what it is.

Thanks,
0
 

Author Comment

by:Sheritlw
ID: 34926934
Also, I have 6 stylesheets that I use.  
I have ran the stylesheets in testing sites, but they don't show me what is the cascading conflict.

Thanks
0
 

Accepted Solution

by:
Sheritlw earned 0 total points
ID: 34953664
Thank you everyone for your help.
What I had to do is...
1.  In Master Page I had the css link ref within the <asp:ContentPlaceHolder id="head" runat="server">
... I move the link out of the contentplaceholder so it wouldn''t affect my content pages.
2.  I reworked, thus shortening,  the css sheets keeping cascading in mind.

As I learn css, I will keep modifying the stylesheets.  
The moving of the master page link (# 1 above) made a huge difference.

Thanks again, I will split up the points.
0
 

Author Closing Comment

by:Sheritlw
ID: 34990812
If you are new to css, like me, read up on how css cascades.
I believe it is real hard for anyone else to find whats wrong in your css, without the whole application.
0

Featured Post

How to improve team productivity

Quip adds documents, spreadsheets, and tasklists to your Slack experience
- Elevate ideas to Quip docs
- Share Quip docs in Slack
- Get notified of changes to your docs
- Available on iOS/Android/Desktop/Web
- Online/Offline

Join & Write a Comment

Preface This is the third article about the EE Collaborative Login Project. A Better Website Login System (http://www.experts-exchange.com/A_2902.html) introduces the Login System and shows how to implement a login page. The EE Collaborative Logi…
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now