/*   Base CSS for Checkinginathome.com /
/    This version created 10 Nov 2010   /
/    Author Ivan Salcedo                    /
/    http://www.ivansalcedo.com         /
*/

/* Core colours
0066CC blue
CC0066 pink 
*/

.clear {
clear:both;}

body {
background: url('../images/background-fade.jpg') repeat-x top left;
}

#wrapper {
margin-top:10px;
}

#header {
margin:10px 0px 0px 10px;
background:url('../images/man-with-phone-bigger.gif') no-repeat bottom right;
height:90px;
}

#logo {
height:60px;
background: url('../images/telecare-lifesaver.gif') no-repeat top left;}

#hero {
margin:0px;}

#navbar {
border-bottom: 2px #CC0066 solid;
margin: 0px;
padding-bottom:1px; /* adjusts for header pic*/
}

#primary {
margin-top:12px;
background-color: #ffffff;
color: #444;
float:left;}

#secondary {
margin-top:12px;
background-color: #ffffff;
color: #444;}

#footer {
background-color: #ffffff;
color: #444;
border-top:2px #CC0066 solid;
}

#credits {
color:#CC0066;
font-size:8px;}
#copyright {
margin-top:6px;
color:#333;
font-size:9px;}

/* Article photo box placement */

#intro {
font-size:larger;
float:left;}

#intropic img {
float:right;
width:220px;
margin-left:10px;}

/* Feature box */

#feature {
margin-top:7px;
background:#0066CC;
color: #fff;
float:right;
margin-bottom:7px;
padding-bottom:14px;
padding-top:14px;
}

#feature h2 {
font-size: 24px;
color:#fff;
padding:6px 0px 0px 12px;
}
#feature p {
font-size: 14px;
color:#fff;
padding:6px 0px 0px 12px;
}

#feature a {
background:#CC0066;
border: 1px #fff solid;
color: #fff;
padding:3px 6px 3px 6px;
margin-left:100px;
}

#feature a:hover {
background:#FF99FF;
border: 1px #fff solid;
color: #CC0066;
padding:3px 6px 3px 6px;
margin-left:100px;
}

#featurepic {
margin-top:7px;
}


/* Intro section */

#intropic p.caption {
background: #CC0066;
padding-left:6px;
font-size: 10px;
color: #ffffff;
}



/* Menu bar */

#navbar ul {
list-style: none;
}
#navbar li {
display: inline;
font-size:14px;
font-weight:700;
color: #0066cc;
padding: 4px;}

#navbar a, a:visited {
text-decoration: none;
border: 1px solid #eee;
background-color: #fff;
color: #0066cc;
border:0px;
padding:4px;}

#navbar a:hover {
text-decoration: none;
color: #fff;
background-color: #0066CC;
padding:4px;}

#navbar li.active a {
text-decoration: none;
color: #fff;
background-color: #0066CC;
padding:4px;}

#navbar .corners {
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
}




/* Footer menu */
#footernav ul {
list-style: none;
padding-top:4px;
}
#footernav li {
display: inline;
padding-left:4px;
padding-right:4px;
font-size:12px;
color: #CC0066;}



/* Header styles */
h1 {
font-size: 36px;
color:#0066CC;
padding-left:66px;
}

h2 {
font-size: 24px;
color:#0066CC;
line-height:24px;
}

h4 {
font-size: 16px;
color:#CC0066;
}

/* Links */
a, a:visited {
color:#CC0066;
text-decoration:none;
margin:0px;
padding:0px;
border-bottom:dotted 1px #CC0066;}

a:hover {
color:#CC0066;
background:#ff99ff;
text-decoration:none;
margin:0px;
padding:0px;
border:solid 1px #CC0066;}


/* Sign up links */
a.signup, a.signup:visited {
background:#CC0066;
text-decoration: none;
border: 1px solid #0066cc;
color: #fff;
padding:3px 6px 3px 6px;
}

a.signup:hover {
background:#FF99FF;
border: 1px #FF99FF solid;
color: #CC0066;
padding:3px 6px 3px 6px;
}


/* Primary overrides*/



#primary ul {
color: #CC0066; }

#primary li {

    padding-left: 0;
    list-style-type: disc;
    color: #0066cc;
list-style: inside;
}

/* Form */

#form {

}
legend {
color:#CC0066;
font-size:24px;}

#form fieldset {
clear:both;}

#form .formrow  {
border:1px solid #ccc;
background: #eee;
color:#333;
height:20px;
width:600px;
margin:0;
padding:6px;
clear:both;}
#form .midformrow  {
border:1px solid #ccc;
background: #eee;
color:#333;
height:40px;
width:600px;
margin:0;
padding:6px;
clear:both;}
#form .bigformrow  {
border:1px solid #ccc;
background: #eee;
color:#333;
height:80px;
width:600px;
margin:0;
padding:6px;
clear:both;}
#form .hugeformrow  {
border:1px solid #ccc;
background: #eee;
color:#333;
height:160px;
width:600px;
margin:0;
padding:6px;
clear:both;}

#form  label {
padding-left:6px;
width:300px;
float:left;}

#form  select {
padding-left:6px;
width:120px;
float:right;}

#form  input {
width:220px;
float:right;
margin-right:12px;}

#form .formrow input.check, #form .midformrow input.check,  #form .bigformrow input.check {
width:20px;
background:#efefef;
}

span {
display:none;}

span.check {
display:inline;
float:right;
}

span.error{
display:inline;
color:#ff0000;
}


#form .formrow select {
width:220px;
float:right;
margin-right:12px;}

#form .error {
color:#ff0000;}

/*FAQs */

dt {
color:#CC0066;
font-size:18px;}