/* CSS Document */



/* Map image map
----------------------------------------------- */

#mapMenu {
	height: 271px;
	list-style: none;
	position: relative;
	width: 475px;
	}

#mapMenu li { display: inline; } /* This needs to be here or else IE acts kinda flakey */

.trekkersMap { background: url("/youthprograms/images/trekkers.jpg") no-repeat; }
.streetTeamMap { background: url("/youthprograms/images/streetTeam.jpg") no-repeat; }
	
#mapMenu a {
	position: absolute;
	text-indent: -9999px;
	text-decoration: none;
	}

#location01 a { top: 73px; left: 42px; width: 116px; height: 62px; }                                           
#location02 a { top: 170px; left: 37px; width: 154px; height: 62px; }
#location03 a { top: 49px; left: 192px; width: 141px; height: 62px;}
#location04 a { top: 150px; left: 204px; width: 156px; height: 62px;}
#location05 a { top: 87px; left: 339px; width: 126px; height: 62px;}

.trekkersMap #location01 a:hover { background: transparent url("/youthprograms/images/trekkers.jpg") -42px -344px no-repeat; }                                         
.trekkersMap #location02 a:hover { background: transparent url("/youthprograms/images/trekkers.jpg") -37px -441px no-repeat; }
.trekkersMap #location03 a:hover { background: transparent url("/youthprograms/images/trekkers.jpg") -192px -320px no-repeat; }
.trekkersMap #location04 a:hover { background: transparent url("/youthprograms/images/trekkers.jpg") -204px -421px no-repeat; }
.trekkersMap #location05 a:hover { background: transparent url("/youthprograms/images/trekkers.jpg") -339px -358px no-repeat; }

.streetTeamMap #location01 a:hover { background: transparent url("/youthprograms/images/streetTeam.jpg") -42px -344px no-repeat; }                                         
.streetTeamMap #location02 a:hover { background: transparent url("/youthprograms/images/streetTeam.jpg") -37px -441px no-repeat; }
.streetTeamMap #location03 a:hover { background: transparent url("/youthprograms/images/streetTeam.jpg") -192px -320px no-repeat; }
.streetTeamMap #location04 a:hover { background: transparent url("/youthprograms/images/streetTeam.jpg") -204px -421px no-repeat; }
.streetTeamMap #location05 a:hover { background: transparent url("/youthprograms/images/streetTeam.jpg") -339px -358px no-repeat; }



/* Country/Kid tabs
----------------------------------------------- */

#mapTabs {
	background: url("/youthprograms/images/bkg_tabBkg.gif") repeat-x bottom;
	float:left;
	line-height:normal;
	margin-bottom: 30px;
	width:100%;
	}

#mapTabs ul {
	list-style:none;
	margin:0;
	padding: 0;
	}

#mapTabs li {
	float:left;
	background:url("/youthprograms/images/bkg_tabLeft.gif") no-repeat left top;
	margin: 0 2px 0 0;
	padding:0 0 0 10px;
	}

#mapTabs a {
	background:url("/youthprograms/images/bkg_tabRight.gif") no-repeat right top;
	color: #005e99;
	display:block;
	float:left;
	font-weight:bold;
	padding:9px 10px 5px 0px;
	text-decoration:none;
	}

#mapTabs a:hover {
	text-decoration: underline;
	}
#mapTabs .selected a {
	color: #dc241f;
	padding-bottom: 6px;
	}

.tabcontent{
	display:none;
	}
@media print {
	.tabcontent {
		display:block!important;
		}
	}
	
	
	
/**** contents of former /cd/css/formDotcss *****/

p.message
{
    padding: 7px 25px;
    margin: 5px 0;
    border-top: dashed 1px #bbbbbb;
    border-bottom: dashed 1px #bbbbbb;
    background: #EEF7EC;
    display: block;
}

p.header
{
    font-size: 1em;
    font-weight: bold;
    display: block;
    background: #EEF7EC;
}

table caption
{
    text-align: left;
    padding: 2px 20px;
    margin: 0 0 10px 0;
    border-top: dashed 1px #bbbbbb;
    border-bottom: dashed 1px #bbbbbb;
    background: #EEF7EC;
}

.caption
{
    text-align: left;
    padding: 2px 20px;
    margin: 0 0 10px 0;
    border-top: dashed 1px #bbbbbb;
    border-bottom: dashed 1px #bbbbbb;
    background: #EEF7EC;
}

table.form
{
    width: 99%;
    border-collapse: collapse;
    margin: 5px 0;
    font-size: 1em;
}

table.form td
{
    background-color: #E7EFF4;
    padding: 4px;
}

table.data
{
    width: 99%;
    border-collapse: collapse;
    margin: 5px 0;
}

table.data td
{
    background-color: #E7EFF4;
    padding: 4px;
}

table td.alt
{
    background-color: #fff;
}

.sample td
{
    background-color: #333;   
}
table tr.alt td
{
    background-color: #fff;
}

table tr th
{
    background-color: #005596;
    color: #fff;
    font-weight: bold;
    text-align: left;
    padding: 4px;
}

table td.requiredMessage
{
    color: red;
    text-align: right;
    padding-right: 15px;
}

table td.subhead
{
   font-weight: bold;
}

.note, .labelNote
{
    font-size: .8em;
}

.notice
{
    color: purple;
    font-weight: bold;
    display: block;
    margin: 4px 0;
}

.requiredMark, .requiredText
{
    font-weight: bold;
    color: red;
}

table tr td.label
{
    text-align: right;
    vertical-align: top;
    width: 35%;
}

table tr td label 
{
    text-align: right;
    vertical-align: top;
    width: 100%; 
    display: block;
}
label em
{
    color: red;
    font-weight: bold;
    margin: 0 1px;
}

table tr td.field
{
    text-align: left;
    vertical-align: top;
}

table tr td.button
{
    background-color: #fff;
    text-align: right;
    padding: 10px 20px;
}

.topMessage
{
    
    font-weight: bold;
    color: #ff0000;
    margin: 0 0 10px 0;
    display: block;

}

dl 
{
 margin: 8px 0;
 padding: 0; 
 display: block; 

}

dt 
{
    margin: 0 2% 0 0;
    padding: 0;
    float: left;
    width: 32%;
    font-weight: bold;
    text-align: right;
    vertical-align: middle;
    clear: left;
}

dd
{
    margin: 0;
    padding: 0;
    margin: 0 0 0 35%;
    vertical-align: middle;
}
.formError
{
    display: block;
    float: left;
    clear: both;
    width: 100%;
    margin: 5px 0 0 5px;
}