/*   file:   ASI-main.CSS  
        ACTIVE CSS FILE        */

a {
text-decoration:none;
color:#193366;
}

a:link {
text-decoration:none;
color:#193366;
}

a:visited {
text-decoration:none;
color:#193366;
}

a:hover {
text-decoration:none;
color:rgb(204, 102, 0);
}

a:active {
text-decoration:none;
color:#193366;
}

h1 {
font-family: verdana;
font-size: 21px;
font-weight: 300;
text-align:center;
color: rgb(161, 161, 161);
}


/*          BODY   */

body.asp {
margin:auto;
max-width:818px;
font-size:16px;
font-family: Verdana,Arial,sans-serif;
text-decoration:none;
color:#606060;
text-align:left;
vertical-align:top;
background-color:#193366;
}


/*   - - - -    Main LAYOUT Table  - - - - -   */

table.cont {
margin:auto;
width:95%;
max-width:777px;
font-size:15px;
color: RGB(132,132,132);
vertical-align:top;
text-align:justify;
background-color:#FFFFFF;
}

tbody.cont {
margin:auto;
width:95%;
max-width:777px;
font-size:15px;
color: RGB(132,132,132);
vertical-align:top;
text-align:justify;
background-color:#FFFFFF;
}
/*   - - - -    Main LAYOUT Cells  - - - - -  */

td.header {
height:123px;
width:100%;
vertical-align:top;
background-image:url('ASP pics/sleepbanner777.png');
background-color:transparent;
background-repeat:no-repeat;
}

td.reg1 { /* nav buttons cell */
vertical-align:top;
width: inherit;
background-color:transparent;
}

td.sp-bar { /* grey bar 3D background */
height:13px;
width:100%;
background-image:url('ASP pics/space2.png');
background-repeat: repeat-x;
background-color:transparent;
opacity:0.5;
}

/*   - - - -    Buttons  - - - - -  */

button.login {
width:88px;
border:none;
text-align:center;
text-decoration:none;
height:28px;
border-radius:5px;
background-color:RGB (217,217,217);
color:RGB(102,102,102);
cursor:pointer;
}

button.navbutton {
float: left;
border:none;
text-align:center;
font-size:17px;
text-decoration:none;
height:28px;
border-radius:5px;
background-color: transparent;
color:RGB(102,102,102);
cursor:pointer;
}

button.navbutton2 {
float: left;
border:none;
text-align:center;
font-size:17px;
text-decoration:none;
height:28px;
border-radius:5px;
background-color: transparent;
color:RGB(151,151,151);
cursor:pointer;
}

/*   - - - -    Main LAYOUT Paragraphs  - - - - -  */

p.reg {
text-align:justify;
margin-left:10%;
margin-right:10%;
}

p.regB {
text-align:left;
font-weight:bold;
margin-left:10%;
margin-right:10%;
}

p.regC {
text-align:center;
margin-left:10%;
margin-right:10%;
}

p.regR {
text-align:right;
margin-left:10%;
margin-right:10%;
}

/*   - - - -    PAGE Home (default.html)    - - - - -  */

ul.baby {
margin-top: 56px;
width: auto;
}

li.baby { /* background baby */
vertical-align:top;
margin-top: 18px;
margin-left: 5%;
display: inline-block;
float: left;
height:210px;
width:280px;
font-size: 18px;
color: RGB(191,191,191);
background-image:url('ASP pics/sleeplikebaby.png');
background-repeat:no-repeat;
background-color: transparent;
}

li.babytext { /* baby text */
display: inline-block;
float: left;
height: 210px;
width: 360px;
color: RGB(160,160,160);
}

/*   - - - -    PAGE Maintenance (default.html)    - - - - -  */

ul.timeanddate {
margin-top: 0px;
width: auto;
height: 105px;
margin-left: 21%;
}

li.digital { /* background baby */
display: inline-block;
vertical-align: middle;
width: 91px;
font-size: 18px;
background-color: transparent;
}

iframe.digital {
display: inline-block;
width: 91px; 
font-family: Verdana,Arial,sans-serif; 
font-size: 15px; 
color: rgb(161,161,161);
}

li.analog { /* baby text */
display: inline-block;
vertical-align: top;
max-width: 105px;
background-color: transparent;
}

iframe. analog {
display: inline-block;
border: 0px;
margin-top: 0px;
width 91px; 
height: 120px; 
background-color: transparent;
}

/*   - - - -    PAGE ASP Login Help - - - - -  */

ul.help1 {    /* circle, line 28px  */
list-style-type:none;
margin-left:10%;
margin-right:5%;
vertical-align: middle;
}

li.frust { /* sleep-issues background tab */
display: inline-block;
height:189px;
width:200px;
background-image:url('ASP pics/frustrating.png');
background-position: 0% 0px;
background-repeat:no-repeat;
background-color:#FFFFFF;
}

li.frusttxt {
display: inline-block;
width:300px;
background-color:transparent;    
}

ul.help2 {    /* circle, line 28px  */
list-style-type:circle;
margin-left:12%;
margin-right:5%;
}

li.space {
list-style: none;
line-height: 11px;
}

/*   - - - -    PAGE About the ASP (aboutASP.html)    - - - - -  */

ul.about {
list-style-type: circle;
text-align:left;
margin-left:11%;
margin-right:5%;
line-height:28px;
}


/*   - - - -    PAGE Support  - - - - -  */

ul.asp { /* asp pic */
list-style-type: none;
display: inline-block;
width: inherit;
margin-left: 10%;
}

li.ASP { /* ASP report pic */
display: inline-block;
float: left;
margin-top: 21px;
height:300px;
width:210px;
background-image:url('ASP pics/asp-p2.png');
background-position: top left;
background-repeat:no-repeat;
background-color: transparent;
}

li.asptext { /* asp text */
display: inline-block;
float: left;
vertical-align: top;
max-width: 360px;
}

form.aspmsg {
display: inline-block;
margin-left: 15%; 
margin-right: 10%; 
max-width: 427px;
text-align: left;
}

label.aspmsg {
display: inline-block;
margin-top: 21px;
width: 331px;
font-size:13px;
color: RGB(151,151,151);
margin-bottom: 7px;
}

input.aspmsg {
display: inline-block;
height: 28px; 
width: 331px;
font-family: Verdana,Arial,sans-serif;
font-size:15px;
color: RGB(132,132,132);
padding-left: 10px;
vertical-align: middle;
border-radius: 5px;
border-style: solid;
}

select.aspmsg {
display: inline-block;
float: left;
height: 35px; 
min-width: 348px;
font-family: Verdana;
font-size:15px;
color: RGB(132,132,132);
padding-left: 10px;
vertical-align: middle;
color: RGB(132,132,132);
background-color: transparent;
border-radius: 5px;
border-style: solid;
}

textarea.aspmsg {
display: inline-block;
float: left;
height: 280px; 
width: 331px;
font-family: verdana;
color: RGB(132,132,132);
font-size:15px;
color: RGB(132,132,132);
padding-left: 10px;
padding-top: 7px;
padding-right: 7px;
vertical-align: middle;
border-radius: 5px;
border-style: solid;
}

input.send { 
margin-top: 21px;
margin-left: 50%;
width: 92px;
height: 34px; 
font-size:15px;
padding-left: 10px;
vertical-align: middle;
border-radius: 5px;
border-style: solid;
}

input.reset {
margin-top: 21px;
margin-left: 50%;
width: 92px;
height: 34px;
font-size:15px;
padding-left: 10px;
vertical-align: middle;
border-radius: 5px;
border-style: solid;
border-color: RGB(223,223,223);
background-color: transparent;
}

/*   - - - -    PAGE Thank You (msg confirm)  - - - - -  */

ul.thankyou {
margin-top: 43px;
width: auto;
list-style-type: none;
}

li.thankyou { /* background feather & ink */
vertical-align:top;
margin-top: 18px;
margin-left: 10%;
display: inline-block;
float: left;
height:210px;
width:223px;
font-size: 18px;
color: RGB(191,191,191);
background-image:url('ASP pics/thepen.png');
background-repeat:no-repeat;
background-color: transparent;
}

li.thankyoutext { /* baby text */
display: inline-block;
float: left;
height: 210px;
width: 360px;
color: RGB(160,160,160);
}

/*   - - - -    PAGE 404 (page not found  - - - - -  */

ul.notfound {
margin-top: 14px;
width: auto;
list-style-type: none;
}

li.notfound { /* background Sherlok */
vertical-align:top;
margin-left: 10%;
display: inline-block;
float: left;
height:265px;
width:265px;
background-image:url('ASP pics/404img.png');
background-repeat:no-repeat;
background-color: transparent;
}

li.notfoundtext { /* baby text */
display: inline-block;
float: left;
height: 210px;
width: 360px;
color: RGB(160,160,160);
}