﻿BODY
{
    background-color    : #FFFFFF;
    background-position : center top;
    background-repeat   : repeat-y;
    color               : #000000;
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
}
BODY, HTML, FORM
{
    margin              : 5px 0px 0px 0px;
    min-height          : 100%;
    padding             : 0px;
}
IMG
{
    border-style        : none;
}
DIV.Wrapper
{
    margin-left         : auto;
    margin-right        : auto;
        background-image    : url(/gui/background.jpg);

    position            : relative;
    width               : 740px;
}
DIV.Header, DIV.Navigation
{
    clear               : both;
    float               : left;
    width               : 740px;

}

DIV.Navigation
{

}  
DIV.Navigation
{
    background-color    : #6EB8F5;
    background-image    : url(/gui/nav_background.jpg);
    background-position : right bottom;
    background-repeat   : no-repeat;
}
DIV.Navigation IMG
{
    float               : left;
}
DIV.ColumnLeft
{
    border-top          : 5px solid #FFFFFF;
    float               : left;
    min-height          : 100%;
    padding-top         : 0;
    width               : 140px;
}
DIV.ColumnRight
{
    border              : solid 2px #66CCFF;
    float               : right;
    margin-top          : 10px;
    min-height          : 100%;
    padding-bottom      : 10px;
    width               : 586px;
}
DIV.ContentInner
{
    color               : #0072BC;
    float               : left;
    padding             : 5px 10px 10px 10px;
}
DIV.ContentInner A
{
    color               : #0072BC;
    text-decoration     : underline;
}
DIV.ContentInner IMG
{
    margin              : 3px;
}
DIV.ContentMenu
{
    float               : right;
       
}
H6.BoxHeader
{
    background-image    : url(/gui/regbox_header.jpg);
    background-position : center center;
    background-repeat   : no-repeat;
    clear               : both;
    color               : #FFFFFF;
    display             : block;
    float               : left;
    font-size           : 12px;
    font-weight         : bold;
    height              : 20px;
    line-height         : 20px;
    margin              : 5px 0px 0px 0px;
    text-align          : center;
    width               : 140px;
}
DIV.PanelHeader
{
    background-image    : url(/gui/regbox_panelhead.jpg);
    background-position : center bottom;
    background-repeat   : no-repeat;
    clear               : both;
    font-size           : 1px;
    float               : left;
    height              : 6px;  
    width               : 140px; 
}
DIV.PanelBody
{
    background-image    : url(/gui/regbox_panelbody.jpg);
    background-position : center bottom;
    background-repeat   : repeat-y;
    clear               : both;
    float               : left;
    width               : 140px;
}
DIV.PanelBody IMG
{
    clear               : both;
    float               : left;
    width               : 140px;
}
DIV.PanelBodyInner
{
    clear               : both;
    color               : #0072BC;
    float               : left;
    font-size           : 11px;
    line-height         : 13px;
    padding             : 0px 10px 5px 10px;
}
DIV.PanelFooter
{
    background-image    : url(/gui/regbox_panelfoot.jpg);
    background-position : center bottom;
    background-repeat   : no-repeat;
    clear               : both;
    float               : left;
    font-size           : 1px;
    height              : 5px; 
    width               : 140px;  
}
H3
{
    color               : #0072BC;
    margin              : 0px;
}
DIV.RegisterTabs
{
    border-bottom       : solid 1px #9F7DF6;
    clear               : both;
    float               : left;
    padding-top         : 10px;
    width               : 548px;
}
DIV.RegisterTabOn, DIV.RegisterTab
{
    float               : left;
    margin              : 0px 5px 0px 0px;
}
DIV.RegisterTab A 
{
    background-image    : url(/gui/match_on.gif);
    background-position : center top;
    background-repeat   : no-repeat;
    background-color    : #9F7DF6;
    color               : #FFFFFF;
    font-weight         : bold;
    display             : block;
    float               : left;
    height              : 18px;
    line-height         : 18px;
    text-align          : center;
    text-decoration     : none;
    width               : 80px;    
}

DIV.RegisterTabOn A
{
    background-image    : url(/gui/match.gif);
    background-position : center top;
    background-repeat   : no-repeat;
    background-color    : #9F7DF6;
    color               : #FFFFFF;
    font-weight         : bold;
    display             : block;
    float               : left;
    height              : 18px;
    line-height         : 18px;
    text-align          : center;
    text-decoration     : none;
    width               : 80px;    
}
DIV.VerticalTabs
{
    clear               : both;
    float               : right;
    padding-top         : 10px;
    margin-top          : 50px;
    width               : 18px;
}
DIV.VerticalTabOn, DIV.VerticalTab
{
    clear               : both;
    float               : right;
    margin-top          : 5px;
}
DIV.VerticalTab A
{
    background-image    : url(/gui/vert.gif);
    background-position : right center;
    background-repeat   : no-repeat;
    background-color    : #6FB8F6;
    color               : #FFFFFF;
    font-weight         : bold;
    display             : block;
    float               : left;
    height              : 80px;
    line-height         : 80px;
    text-align          : center;
    text-decoration     : none;
    width               : 18px;    
}

DIV.VerticalTabOn A
{
    background-image    : url(/gui/vert_on.gif);
    background-position : right center;
    background-repeat   : no-repeat;
    background-color    : #6FB8F6;
    color               : #FFFFFF;
    font-weight         : bold;
    display             : block;
    float               : left;
    height              : 80px;
    line-height         : 80px;
    text-align          : center;
    text-decoration     : none;
    width               : 18px;    
}
DIV.RegisterBox
{
    border              : solid 2px #9F7DF6;
    float               : left;
    width               : 544px;
    padding-top:10px;
}
DIV.ContentBox
{
    float               : left;
    width               : 350px;
}
DIV.FormRowReg
{
    clear               : both;
    float               : left;
    width               : 520px;
    padding             : 0px 10px 0px 10px;
}

DIV.FormRowRegText
{
    clear               : both;
    float               : left;
    padding-top         : 10px;
    padding-left        : 10px;
    padding-right       : 10px;
    padding-bottom      : 10px;
}

DIV.FormGallery
{
    clear               : both;
    float               : left;
    padding-top         : 3px;
    text-align          : center;
    width               : 540px;
}
DIV.FormLabel
{
    float               : left;
    padding             : 3px 0px 0px 5px;
    width               : 150px;
}
DIV.FormField
{
    float               : left;
    width:200px;
}
SELECT.Input
{
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
}
INPUT.Input
{
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
}
TEXTAREA.Input
{
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
}
TEXTAREA.Input2
{
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
    margin              : 5px 10px 5px 10px;
}
INPUT.Button
{
    background-color    : #9F7DF6;
    border              : solid 1px #9F7DF6;
    color               : #FFFFFF;
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
    font-weight         : bold;
    height              : 20px;
    text-align          : center;
    text-decoration     : none;
    width               : 60px;
}
H6.RightMenuHead, H6.RightMenuHeadNews
{
    background-color    : #F684D7;
    background-image    : url(/gui/rightmenu_head.gif);
    background-position : center top;
    background-repeat   : no-repeat;
    clear               : both;
    color               : #FFFFFF;
    display             : block;
    float               : left;
    font-size           : 11px;
    font-weight         : bold;
    margin              : 5px 0 0;
    padding             : 5px;
    text-align          : center;
    width               : 186px;
}
H6.RightMenuHeadNews
{
    background-image    : url(/gui/rightmenu_head_blue.gif);
    background-color    : #53cfff;
}
UL.RightMenuBody, DIV.RightMenuBody, DIV.RightMenuBodyNews
{
    background-image    : url(/gui/rightmenu_body.gif);
    background-position : center center;
    background-repeat   : repeat-y;
    clear               : both;
    display             : block;
    float               : left;
    font-size           : 12px;
    list-style-type     : none;
    margin              : 0px;
    padding             : 5px 5px 0px 5px;
    width               : 186px;
}
DIV.RightMenuBodyNews
{
    background-image    : url(/gui/rightmenu_body_blue.gif) !important;
}
DIV.RightMenuBodyInner
{
    color               : #0072BC;
    float               : left;
    padding             : 3px 5px 0px 5px;
}

DIV.RightMenuBodyInnerCenter
{
    color               : #0072BC;
    float               : left;
    text-align          : center;
    width               : 100%;
}

DIV.RightMenuBodyInnerCenter a
{
    color               : #0072BC;
}

UL.RightMenuBody LI
{
    list-style-type     : none;
    margin              : 0px;
    padding             : 0px 0px 0px 0px;
}
UL.RightMenuBody LI A
{
    color               : #0072BC;
    text-decoration     : underline;
    display             : block;
    float               : left;
    clear               : both;
    padding             : 0px 5px 0px 8px;
}
DIV.RightMenuBodyInner A
{
    color               : #0072BC;
    font-weight         : bold;
    text-decoration     : underline;
}
DIV.RightMenuFoot, DIV.RightMenuFootNews
{
    background-image    : url(/gui/rightmenu_foot.gif);
    background-position : top center;
    background-repeat   : no-repeat;
    clear               : both;
    display             : block;
    float               : left;
    font-size           : 1pt;
    height              : 10px;
    list-style-type     : none;
    margin              : 0px;
    padding             : 0px;
    width               : 196px;
}
DIV.RightMenuFootNews
{
    background-image    : url(/gui/rightmenu_foot_blue.gif) !important;
}
H6.RightMenuHeadFamily
{
    background-image    : url(/gui/rightmenu_head_families.gif);

    background-repeat   : no-repeat;
    clear               : both;
    color               : #FFFFFF;
    display             : block;
    float               : left;
    font-size           : 13px;
    font-weight         : bold;
    height              : 20px;
    line-height         : 20px;
    margin              : 5px 0px 0px 0px;
    text-align          : left;
    width               : 186px;
    padding-left        : 10px;
    padding-top         : 5px;
}
UL.RightMenuBodyFamily, DIV.RightMenuBodyFamily
{
    background-image    : url(/gui/rightmenu_body_families.gif);
    background-position : center center;
    background-repeat   : repeat-y;
    clear               : both;
    display             : block;
    float               : left;
    font-size           : 12px;
    list-style-type     : none;
    margin              : 0px;
    padding             : 5px 0px 0px 0px;
    width               : 196px;
}
DIV.RightMenuBodyInnerFamily
{
    color               : #ffffff;
    float               : left;
    padding             : 3px 5px 0px 5px;
}
UL.RightMenuBodyFamily LI
{
    background-image    : url(/gui/arrow_family.gif);
    background-repeat   : no-repeat;
    background-position : 10px center;
    list-style-type     : circle;
    display             : block;
    margin              : 0px;
    padding             : 0px 0px 0px 10px;
}
UL.RightMenuBodyFamily LI A
{
    color               : #ffffff;
    text-decoration     : none;
    display             : block;
    clear               : both;
    padding             : 0px 5px 0px 8px;
}

UL.RightMenuBodyFamily LI A:hover
{
    color               : #ffffff;
    text-decoration     : underline;
    display             : block;
    float               : left;
    clear               : both;
    padding             : 0px 5px 0px 8px;
}
DIV.RightMenuBodyInnerFamily A
{
    color               : #ffffff;
    font-weight         : bold;
    text-decoration     : underline;
}
DIV.RightMenuFootFamily
{
    background-image    : url(/gui/rightmenu_foot_families.gif);
    background-position : top center;
    background-repeat   : no-repeat;
    clear               : both;
    display             : block;
    float               : left;
    font-size           : 1pt;
    height              : 10px;
    list-style-type     : none;
    margin              : 0px;
    padding             : 0px;
    width               : 196px;
}
H6.RightMenuHeadAupair
{
    background-image    : url(/gui/rightmenu_head_aupair.gif);

    background-repeat   : no-repeat;
    clear               : both;
    color               : #FFFFFF;
    display             : block;
    float               : left;
    font-size           : 13px;
    font-weight         : bold;
    height              : 20px;
    line-height         : 20px;
    margin              : 5px 0px 0px 0px;
    text-align          : left;
    width               : 186px;
    padding-left        : 10px;
    padding-top         : 5px;
}
UL.RightMenuBodyAupair, DIV.RightMenuBodyAupair
{
    background-image    : url(/gui/rightmenu_body_aupair.gif);
    background-position : center center;
    background-repeat   : repeat-y;
    clear               : both;
    display             : block;
    float               : left;
    font-size           : 12px;
    list-style-type     : none;
    margin              : 0px;
    padding             : 5px 0px 0px 0px;
    width               : 196px;
}

.RightMenuAupair
{
    float               : left;

}
DIV.RightMenuBodyInnerAupair
{
    color               : #ffffff;
    float               : left;
    padding             : 3px 5px 0px 5px;
}
UL.RightMenuBodyAupair LI
{
    background-image    : url(/gui/arrow_aupair.gif);
    background-repeat   : no-repeat;
    background-position : 10px center;
    list-style-type     : circle;
    display             : block;
    margin              : 0px;
    padding             : 0px 0px 0px 10px;
}
UL.RightMenuBodyAupair LI A
{
    color               : #ffffff;
    text-decoration     : none;
    display             : block;
    clear               : both;
    padding             : 0px 5px 0px 8px;
}

UL.RightMenuBodyAupair LI A:hover
{
    color               : #ffffff;
    text-decoration     : underline;
    display             : block;
    float               : left;
    clear               : both;
    padding             : 0px 5px 0px 8px;
}
DIV.RightMenuBodyInnerAupair A
{
    color               : #ffffff;
    font-weight         : bold;
    text-decoration     : underline;
}
DIV.RightMenuFootAupair
{
    background-image    : url(/gui/rightmenu_foot_aupair.gif);
    background-position : top center;
    background-repeat   : no-repeat;
    clear               : both;
    display             : block;
    float               : left;
    font-size           : 1pt;
    height              : 10px;
    list-style-type     : none;
    margin              : 0px;
    padding             : 0px;
    width               : 196px;
}

DIV.FAQQuestion
{
    float               : left;
    clear               : both;
    margin-bottom       : 3px;
    width               : 360px;
}
DIV.FAQAnswer
{
    float               : left;
    clear               : both;
    margin-bottom       : 5px;
    margin-top          : 5px;
    width               : 360px;
}
DIV.FAQBackToTop
{
    float               : right;
}
HR
{
    float               : left;
    color               : #0072BC;
    height              : 1px;
}

.InputHide
{
	display					: none;
	visibility				: hidden;
}

/*
=============================
	DATAGRIDS
=============================
*/
TD.DGHead, TD.DGHeadC, DIV.InterviewBanner
{
    background-color        : #9F7DF6;
    color                   : #FFFFFF;
    font-weight             : bold;
    margin-bottom           : 10px;
}
TD.DGItem, TD.DGItemC
{
    border-bottom           : solid 1px #336699;
}
TD.DGHeadC, TD.DGItemC
{
    text-align              : center;
}

.DataGrid 
{
    margin-left:10px;
}

/*
=============================
	TABS
=============================
*/
DIV.TabRowAuPair, DIV.TabRowFamily
{
	clear					: both;
	float					: left;
	width					: 550px;
}
DIV.TabAuPair, DIV.TabAuPairOff, DIV.TabAuPairIn, DIV.TabFamily, DIV.TabFamilyOff, DIV.TabFamilyIn
{
	float					: left;
	width					: 100px;
}
DIV.TabAuPair, DIV.TabAuPairOff, DIV.TabFamily, DIV.TabFamilyOff
{
	margin-left				: 2px;
	margin-right			: 2px;
}
/*
=============================
	FORMS
=============================
*/
DIV.FormHeading
{
	float					: left;
	margin-bottom			: 5px;
	width					: 570px;
}
DIV.FormTabRow
{
	border-bottom			: solid 2px #993399;
	clear					: both;
	float					: left;
	width					: 550px;
}
DIV.FormTabVert
{
	border-left				: solid 2px #993399;
	float					: right;
	margin-top				: 20px;
	width					: 20px;
}
DIV.TabOn
{
	background-image		: url(../images/tab_on.gif);
}
DIV.TabOff
{
	background-image		: url(../images/tab_off.gif);
}
DIV.TabOn, DIV.TabOff
{
	background-position		: left top;
	background-repeat		: no-repeat;
	float					: left;
	line-height				: 20px;
	margin-right			: 2px;
	text-align				: center;
	width					: 100px;
}
DIV.TabOn A, DIV.TabOn A:HOVER, DIV.TabVertOn A, DIV.TabVertOn A:HOVER
{
	color					: #FFFFFF;
	font-weight				: bold;
	text-decoration			: none;
}
DIV.TabOff A, DIV.TabOff A:HOVER, DIV.TabVertOff A, DIV.TabVertOff A:HOVER
{
	color					: #993399;
	font-weight				: bold;
	text-decoration			: none;
}

DIV.TabVertOn
{
	background-image		: url(../images/tabvert_on.gif);
}
DIV.TabVertOff
{
	background-image		: url(../images/tabvert_off.gif);
}
DIV.TabVertOn, DIV.TabVertOff
{
	background-position		: left top;
	background-repeat		: no-repeat;
	float					: left;
	line-height				: 100px;
	text-align				: center;
	width					: 20px;
}
DIV.FormPanel
{
	float					: left;
	width					: 550px;
}
DIV.FormRow, DIV.MessagePanel
{
	clear					: both;
	float					: left;
	padding-top				: 3px;
	padding-bottom			: 3px;
	width					: 500px;
}
DIV.FormRowSmall
{
	clear					: both;
	padding-top				: 3px;
	padding-bottom			: 3px;
}
DIV.FormRowHidden
{
	position				: absolute;
	visibility				: hidden;
}
DIV.FormLabel1, DIV.FormLabel2, DIV.FormLabel3, DIV.FormLabel4, DIV.FormField, DIV.MessagePanel
{
	color					: #666666;
	float					: left;

}

DIV.FormLabel
{
	width                   : 300px;
}

DIV.FormLabelLogin
{
}
DIV.FormLabel1, DIV.FormLabel2
{
    float                   : left;
	padding-left			: 5px;
	padding-top				: 3px;
	width					: 140px;
}
DIV.FormLabel3
{
    float                   : left;
	padding-left			: 5px;
	padding-top				: 3px;
	width					: 160px;
}
DIV.FormLabel4
{
    float                   : left;
	padding-left			: 5px;
	padding-top				: 3px;
	width					: 220px;
}
.InputHide
{
	display					: none;
	visibility				: hidden;
}
DIV.FormField TABLE
{
	margin-bottom			: 3px;	
}
DIV.FormField TD
{
	vertical-align			: top;
	width					: 100px;
}
DIV.NextButton
{
	float					: right;
	margin-right			: 30px;
	padding					: 0px 20px 0px 20px;
}
DIV.NextButtonNoPad
{
	float					: right;
}
DIV.PrevButton
{
	float					: left;
	margin-left				: 30px;
	padding					: 0px 20px 0px 20px;
}
DIV.NewFormRow
{
    clear:both;
    float:left;
    width:350px;
    margin-bottom:5px;
}
DIV.NewFormField
{
    clear:none;
    width:150px;
    float:left;    
}
DIV.NewsArtContainer
{
    clear:both;
    float:left;
    width:350px;
    margin-bottom:20px;
}
DIV.NewsDate
{
    float:left;
    clear:both;
    font-weight:bold;    
}
DIV.NewsArtContainer A
{
    display:block;
    clear:both;
}
