/* ===============================================================================================
   greataupairs.co.uk: Skin Style Sheet ~ Copyright Kroc Camen of Camen Design 2007
   =============================================================================================== */

/* Import the Navigation Menu style */
@import url("NavMenu.css");

* {margin: 0; padding: 0;}
body    {text-align: center; background: #cce url("../images/BodyBG.gif") repeat-x 100% 0; color: #333;}

#loggedin    {margin: 5px 0 0 0; height: 14px; text-align: right; padding: 3px 0 3px 0; font: normal 11px Arial, sans-serif; color: #437;}
#logoutlink  {float: right; width: 55px; height: 20px; margin: 0 0 0 8px; text-align: center; background: transparent url("../images/LogoutSpike.png") no-repeat top left;}

#logo p      {padding: 0; margin: 0;}
#logo strong {font: bold italic 28px Georgia, serif; color: #437; line-height: 36px;}
#logo em     {font: bold 12px Georgia, serif; color: #559;}


/* --- Document layout structure ----------------------------------------------------------------- */
#bglayer    {width: 100%; /*height: 768px; background-image: url("../images/bgxmas.png"); background-repeat: no-repeat; background-position: 100% 0;*/
            /*height: 30px; background-image: url("../Images/BGDrapes.png"); background-repeat: repeat-x;*/
            }
#honcho     {margin: 0 auto; width: 750px;}
#content    {width: 750px; float: left;}
#body       {margin: 0 0 15px 0; padding: 0; background: #66a url("../images/BodyBottom.png") no-repeat bottom left;}
#singlecol  {width: 748px; border-left: solid 1px #66a; border-right: solid 1px #66a; background: white;}
#leftcol    {float: left; padding: 0; margin: 0; border-left: solid 1px #66a; width: 599px;
             background: white url("../images/LeftColBottomCorner.png") no-repeat bottom right;}
#colcorner  {width: 2px; height: 2px; overflow: hidden; background: url("../images/LeftColCorner.png"); float: right; z-index: 999;}
* html #colcorner {display: none;} /* what part of float:right do you not understand IE? >:[ */

.BlockMeNot {margin-top: 63px; text-align: center; float: right;}
#GBrowser   {width: 120px; text-align: center; padding: 5px 0 5px 0;}



/* --- Headings, Page Content -------------------------------------------------------------------- */
h1 {margin: 0; padding: 22px 0 0 8px; height: 28px; font: bold italic 30px serif; color: white; background: #437 url("../images/H1.gif") no-repeat;}
h2 {margin: 0; padding: 6px 0 0 8px; height: 19px; overflow: hidden; font: bold 20px "Times New Roman", times, serif; color: #437; border-bottom: solid 1px #437; background: #DFDFF4 url("../images/H2.png") repeat-x;}
html > body h2 {overflow: visible;} /* IE clips the overhanging letters */
h3 {margin: 0; padding: 4px 0 0 8px; height: 16px; font: bold 16px "Times New Roman", times, serif; color: #444; border-bottom: solid 1px #666; background: #ddd; font-style: italic; clear: both;}

h4 {margin: 0; padding: 0; height: 10px;  background: #437 url("../images/H1.gif") no-repeat;}


ul, ol {margin: 0 30px 25px 20px; padding: 0 0 0 20px; font: 12px Arial, sans-serif; color: #447;}
ol ol  {margin: 8px 0 0 25px; padding: 0 0 5px 0; border-left-width: 1px; border-left-color: #66a;
        list-style-position: outside; list-style-type: lower-alpha;
        color: #015; background-color: #f0e8ff; border-left-style: dashed;}
li     {padding: 8px 8px 0 8px;}
/* This IE Bug is going to blow your mind! If you have an OL with an OL/UL inside and you set the
   border-left-style of that inner ol/ul, then your bookmark links will no longer work past that
   point in IE! The mind cannot begin to fathom why such a bug exists... */
html > body ol ol {border-left-style: dashed;}

.NA      {color: #888; font-style: italic;}
.Comment {color: #008000;}

table          {margin: 8px 8px 25px 8px; width: 100%;}
.dotted td     {border-bottom: dotted 1px #aaa;}
.dotted.top td {border-top: dotted 1px #aaa;}
.error td      {background-color: #fee;}

/* ~~~ Application forms ~~~ */
.appform       {width: 732px;}
.appform label {font-style: italic; font-weight: normal; color: #333;}
.appform td    {padding: 5px 15px 5px 4px; text-align: left;}

/* ~~~ Table on Profile pages ~~~ */
table.details   {width: 100%; margin: 0 0 0 0;}
.details .label {font-style: italic; font-weight: normal; color: #333; background-color: #eef;}
.details td     {padding: 5px 15px 8px 8px; text-align: left;}

/* ~~~ Table on list pages ~~~ */
table.list {margin: 0 0 25px 0; width: 100%; border-collapse: collapse;}
html > body table.list {border-collapse: separate;}
.list th   {padding: 5px 5px 5px 5px; text-align: left; background: #437; color: white;}
.list td   {padding: 2px 3px 2px 3px; text-align: left;
            border-top: solid 1px #dde; border-bottom: solid 1px #dde; border-color: transparent;}
.list img  {cursor: help;}  

.contacted td           {background-color: #bcb;}
.away td                {background-color: #cbb;}
.zebra td               {background-color: #dde;} /* Alternate row style */
.list tbody tr:hover td {background-color: #bbc; border-top: solid 1px #437; border-bottom: solid 1px #437;}
.list tfoot td          {font-size: 10px; color: #437; border-top: solid 1px #437; padding: 2px 8px 0 8px;}

/* --- Filter List on Au Pair / Families Page ----------------------------------------------------- */
#FilterList      {float: right; width: 240px; min-height: 255px; padding: 0; border-left: dotted 1px #437; text-align: left;}
#FilterList h2   {margin-bottom: 8px;}
#FilterList p    {padding: 3px 8px 8px 8px;}
.FilterItem      {margin: 0 5px 0 8px; border-bottom: dotted 1px #888;}
.FilterItem a    {float: right; border-bottom: solid 1px white; padding: 0 0 0 4px;}
.FilterItem span {border-bottom: solid 1px white; padding: 0 3px 0 0;}

.SmallWrapper select          {font: normal 11px Arial, sans-serif;} /* Set font on IE */
.SmallWrapper select optgroup {font: bold 11px Arial, sans-serif; border-top: solid 1px black; margin: 5px 0 0 0; background-color: #ccc;}
.SmallWrapper select option   {font: normal 11px Arial, sans-serif; background-color: white;}

.PageLinks        {margin: 0; border-bottom: dotted 1px #437; background: #dde; color: #559;}
.PageLinks span   {float: right;}
.PageLinks p      {padding: 8px;}
.PageLinks.top    {clear: both;}
.PageLinks.bottom {border-bottom: none; border-top: dotted 1px #437; clear: both;
                   background: #dde url("../images/LeftColBottomCorner.png") no-repeat bottom right;}


/* --- Input Forms ------------------------------------------------------------------------------- */
input[type=text], input[type=password], textarea
	{border: solid 1px #66a; background-color: #eef;}
input[type=text]:focus, input[type=password]:focus, textarea:focus
	{border: solid 1px #437; background-color: white;}

fieldset {border: solid 1px #aaa; background-color: white; padding: 5px;}
address  {margin: 0 0 0 30px;}
#req_Country {font: normal 11px Arial, sans-serif;}


/* --- Side column as on some pages -------------------------------------------------------------- */
#rightcol  {float: right; width: 150px; padding: 0 0 25px 0; background: #437 url("../images/RightColBG.gif") no-repeat bottom left;
            font: normal 11px Arial, sans-serif; color: #edf; text-align: left;
            margin: 0 0 0 -3px; /* Correction for IE's Magic-Added-Margins */}
            
#rightcol h2 {font: bold 14px serif; margin: 5px 0 0 0; padding: 1px 5px 0 5px; background: none; color: white; border-bottom: solid 1px #cce;}
#rightcol h3 {font: bold 12px serif; margin: 0; padding: 1px 5px 0 5px; color: #cce; border-bottom: solid 1px #aac;
              background-color: #326;}
#rightcol hr {border-bottom: solid 1px #cce; border-top: 0; border-left: 0; border-right: 0;}

#rightcol blockquote    {width: 148px; margin: 0; padding: 10px 0 0 0; text-indent: 42px; font: italic 10px Arial, sans-serif; background: url("../images/QuoteTop.png") no-repeat left top;}
#rightcol blockquote p  {padding: 5px 5px 0 5px; background: transparent url("../images/QuoteBottom.png") no-repeat right bottom;}
#rightcol blockquote em {color: #bbf;}
#rightcol blockquote p:first-letter {font-size: 1.5em; text-transform: uppercase;}

#rightcol table     {margin: 0 0 5px 0; padding: 0; width: 150px;}
#rightcol td        {margin: 0; padding: 2px 5px 2px 5px; background: #548; text-align: left;}
#rightcol .zebra td {background: #659;}

#rightcol ol,
#rightcol ul {margin: 8px 0 20px 20px; padding: 0; font: normal 11px Arial, sans-serif; color: white;}
#rightcol li {margin: 0 0 0 5px; padding: 0;}

#rightcol textarea {font-size: 11px; margin: 3px; width: 142px;}
#rightcol input    {margin: 0 3px 0 0; font-size: 10px;}

#opportunity {font-size: 12px; width: 140px; padding: 10px 5px 0 5px; margin: 0 0 0 -3px; text-align: left; float: right;}
#opportunity a {color: white; font-weight: bold;}


/* --- Footer ------------------------------------------------------------------------------------ */
#BodyFooter {margin: 0; padding: 5px; clear: both; text-align: right;}
#BodyFooter a,         #rightcol a         {color: #bbf;}
#BodyFooter a:visited, #rightcol a:visited {color: #99d;}
#BodyFooter a:hover,   #rightcol a:hover   {color: white;}

#footer     {text-align: center; clear: both;}
#footer p   {padding: 0;}

#phone        {margin: 0 0 5px 0; font: normal 12px Verdana, sans-serif; color: #326;}
#phone strong {color: #003; font-size: 1.2em;}
#links        {height: 18px; padding: 5px 0 0 0 !important; margin: 0 0 3px 0; font: normal 10px Verdana, sans-serif; color: #559; background: #aac url("../images/FooterLinksBG.png") no-repeat top center;}
#QA           {font: bold 10px Verdana, sans-serif; color: #559; margin: 20px 0 5px 0;}
#QA img       {margin: 3px 0 0 0;}
#disclaimer   {font: normal 9px Verdana, sans-serif; color: #559; margin: 0 0 15px 0;}