body {
	background: #016728 url(../gfx/bodyBackground.jpg) top center no-repeat;
	/*#01250B */	
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-align: center;
	letter-spacing: 1px;	
}

a:link, a:visited {
	color: #fff;	
}

a:hover, a:active, a:focus, a.current:link, a.current:visited {
	color: #e9bc5f;	
}

h1 {
	font-size: 22px;
	color: #e9bc5f;
	font-weight: bolder;
	padding: 21px 0 15px 0;
	line-height: 26px;
}

h2 {
	font-size: 14px;
	color: #e9bc5f;
	font-weight: bold;
	padding: 15px 0 10px 0;	
}

h3 {
	font-size: 12px;
	color: #e9bc5f;
	font-weight: bold;
	padding: 5px 0 10px 0;	
}

h4 {
	padding: 20px 0 20px 0;
	font-weight: bold;
	font-size: 14px;
}

p {
	padding: 0 0 20px 0;
} 

#content a:link, #content a:visited {
	color: #e9bc5f;	
}

#content a:hover, #content a:active, #content a:focus {
	color: #fff;	
}

#content ul {
	list-style: disc;
	padding: 0 0 15px 15px;
}

#content ol {
	list-style: decimal;
	padding: 0 0 15px 15px;	
}

#content ul li, 
#content ol li {
	padding: 0 0 5px 0;		
}

.clearer {
	clear: both;	
}

/* BOF: --- wrapper --- */
#wrapper {
	width: 870px;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 30px 0 30px 0;
	text-align: left;
	background: transparent url(../gfx/wrapperBackground.jpg) 0 30px no-repeat;	
}

#wrapperFooter {
	width: 870px;
	height: 15px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: transparent url(../gfx/wrapperFooterBackground.png) 0 0 no-repeat;	
}

#unicefBanner {
	position: absolute;
	top: 33px;
	left: 50%;
	margin: 0 0 0 465px;
}

/* EOF: --- wrapper --- */

/* BOF: --- loginBox --- */
#loginBox{
	width: 870px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background: transparent url(../gfx/loginBoxBackground.png) center 0 no-repeat;	
	text-align: right;	
}

#loginBox legend,
#loginBox label {
	display: none;
}

#loginBox input[type="text"],
#loginBox input[type="password"] {
	width: 95px;
	margin: 4px 0 0 0;
	padding: 2px;
	border: 1px solid #2c3e36;
	background-color: #58595a;
	color: #fff; 
}

#loginBox input[type="submit"] {
	width: auto;
	padding: 2px 0 2px 2px;
	border: none;
	background-color: transparent;
	color: #58595a; 
	font-weight: bold;
	cursor: pointer;
}

#loginBox p {
	line-height: 30px;
}
/* EOF: --- loginBox --- */

/* BOF: --- loginBox --- */
#insideLoginBox{
	background: transparent url(../gfx/insideLoginBoxBackground.jpg) 0 0 repeat-x;
	border: 3px solid #fff;	
	margin-top: 21px;
	text-align: right;	
	position: relative;
}

#insideLoginBox legend {
         color: #000;
         font-size: 16px;
         font-weight: bold;
         position: absolute;
         top: 8px;
         left: 5px;
}

#insideLoginBox label {
	display: none;
}

#insideLoginBox input[type="text"],
#insideLoginBox input[type="password"] {
	width: 83px;
	margin: 5px 0 0 0;
	padding: 2px;
	border: 1px solid #2c3e36;
	background-color: #58595a;
	color: #fff; 
}

#insideLoginBox input[type="submit"] {
	width: auto;
	padding: 3px 5px 2px 0;
	border: none;
	background-color: transparent;
	color: #58595a; 
	font-weight: bold;
	cursor: pointer;
}

#insideLoginBox p {
	padding: 5px 2px 7px 0;
	color: #000;
}

#insideLoginBox p a:link, #insideLoginBox p a:visited,#insideLoginBox p a:hover, #insideLoginBox p a:active, #insideLoginBox p a:focus  {
	color: #000;
}
/* EOF: --- insideLoginBox --- */


/* BOF: --- subMenu --- */
#subMenu {
	width: 870px;
	margin: 8px auto 0 auto;
	height: 30px;
	text-align: center;
}

#subMenu li {
	display: inline;
	padding: 0 0 0 8px;	
}

#subMenu li a {
	margin: 0 8px 0 0;	
}
/* EOF: --- subMenu --- */

/* BOF: --- mainMenu --- */
#mainMenu {
	width: 842px;
	height: 125px;
	position: absolute;
	top: 44px;
	left: 14px;
	overflow: hidden;
	background: transparent url(../gfx/mainNavigationBackground.png) left bottom no-repeat;	
}

#mainMenu:hover {
	height: 265px;
}

#mainMenu h1 {
	width: 178px;
	height: 39px;
	position: absolute;
	bottom: 75px;
	right: 115px;
	padding: 0;
	background: transparent url(../gfx/mainNavigationButton.jpg) 0 0 no-repeat;			
}

#mainMenu:hover h1 {
	background-position: 0 -39px;			
}

#mainMenu span {
	display: none;	
}

#mainMenu #menu {
	padding: 0;	
	position: absolute;
	bottom: 55px;
	right: -48px;
	height: 200px;	
}

#mainMenu ul li {
	float: left;
	padding: 0;
	width: 135px;
	padding-right: 15px;
}

#mainMenu ul ul li {
	float: none;
}

#mainMenu ul li a {
	display: block;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
	padding: 0 0 4px 0;
}

#mainMenu ul ul li a {
	font-size: 12px;
	text-transform: none;
	padding: 0 0 3px 0;
	font-weight: normal;
	text-decoration: none;
}
/* EOF: --- mainMenu --- */

/* BOF: --- displayBoard --- */
#displayBoard {
	width: 235px;
	height: 152px;
	position: absolute;
	top: 17px;
	left: 40px;
	overflow: hidden;
	background: transparent url(../gfx/displayBoardBackground.png) 0 0 no-repeat;	
	z-index: 999;	
}

#displayBoard h1 {
	margin: 0 0 0 -10px;
	padding: 20px 0 5px 0;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

#displayBoard p {
	margin: 0 0 0 -10px;	
	font-size: 10px;	
	padding: 0;
	text-align: center;	
}

#displayBoard strong {
	display: block;
	font-size: 24px;
	font-weight: bold;
	padding: 5px;	
}
/* EOF: --- displayBoard --- */

/* BOF: --- headerContent --- */
#headerContent {
	width: 842px;
	height: 290px;
	margin: 14px 0 0 14px;
	overflow: hidden;
	background: transparent url(../gfx/headerBorder.png) center bottom no-repeat;	
}

.mainPage #headerContent {
	height: 500px;
}
/* EOF: --- headerContent --- */

/* BOF: --- teaserBoxes --- */
#teaserBoxes {
	width: 180px;
	margin: 0 0 0 25px;
	overflow: hidden;
	float: left;
}

#teaserBoxes h1 {
	font-size: 13px;
	padding: 25px 0 10px 0;	
	text-transform: uppercase;
	line-height: 16px;
}

#teaserBoxes p {
	padding: 0 0 5px 0;
} 
/* EOF: --- teaserBoxes --- */

/* BOF: --- advertiseBox --- */
#advertiseBox {
	width: 180px;
	padding: 20px 0 25px 0;
	overflow: hidden;
	z-index: 0;
	position: relative;
}

#advertiseBoxHeader {
	/*height: 7px;
	margin: 0 0 9px 0;
	background: transparent url(../gfx/advertiseBoxBorder.png) 0 0 no-repeat;*/			
}

#advertiseBoxFooter {
	/*height: 7px;
	margin: 10px 0 0 0;
	background: transparent url(../gfx/advertiseBoxBorder.png) 0 -8px no-repeat;*/			
}

#advertiseBoxWrapper {
	padding: 130px 0 10px 0;
	background: transparent url(../gfx/advertiseBoxWrapperBackground.jpg) 0 0 no-repeat;			
}

#advertiseBoxWrapper h1{
	padding: 20px 0 10px 0;
}

#advertiseBoxWrapper p {
	padding: 5px 10px 0 10px;;
	color: #000;
	text-align: center;
	
}
/* EOF: --- sponsorBoxes --- */

/* BOF: --- sponsorBoxes --- */
#sponsorBoxes {
	width: 185px;
	margin: 25px 0 0 0;
	overflow: hidden;
	float: left;	
}

#sponsorBoxes .csc-default {
	float: left;
	margin-right: 4px;
}
/* EOF: --- sponsorBoxes --- */

/* BOF: --- mainContent --- */
#mainContent.narrow {
	width: 438px;
	margin: 3px 20px 25px 20px;
	overflow: hidden;
	float: left;	
}

#mainContent.wide {
	width: 618px;
	margin: 3px 20px 25px 25px;
	overflow: hidden;
	float: left;		
}

#mainContent .csc-textpic-image {
	padding-bottom: 10px;
}

#mainContent .csc-textpic-caption {
	padding-top: 2px;
}
/* EOF: --- mainContent --- */

/* BOF: --- srfeuserregister --- */
.tx-srfeuserregister-pi1 label span {
	color: #cc5d34; 
}	border: 1px solid #fff;


.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-error {
	color: #cc5d34; 
        padding-top:3px;
}

.tx-srfeuserregister-pi1 input {
	margin: 0; 
	padding: 1px 2px 2px 2px; 
	font-size: 11px; 
	color: #fff;
	font-family: Arial, sans-serif;
	background-color: #6aa883;
	width: 215px;
}

.tx-srfeuserregister-pi1 input[type=checkbox] {
	margin: 3px 0 0 0; 
	padding: 0; 
	border: none;
	width: 15px;
}

.tx-srfeuserregister-pi1 dt { 
	width: 200px;
	padding: 2px 10px 0 0;
}

.tx-srfeuserregister-pi1 input[type=submit] {
	margin-top: 10px;
	padding: 1px 15px 2px 15px;
	border: 1px solid #fff;
	background: transparent url(../gfx/submitButtonBackground.jpg) 0 0 repeat-x;	
	cursor: pointer;	 
	color: #fff;
	width: auto;
}

.tx-srfeuserregister-pi1 dd.submitButton {
	text-align: right;
}

.tx-srfeuserregister-pi1 dd.agb {
	text-align: left;
}

.tx-srfeuserregister-pi1 dd.agb input {
	width: 20px;
}

.tx-srfeuserregister-pi1 a {
	padding: 0; 
	background-image: none;
	text-decoration:underline; 
}

.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice { 
	font-style: normal; 
}
/* EOF: --- srfeuserregister --- */

/* BOF: --- tx-felogin-pi1 --- */

.tx-felogin-pi1 fieldset {
	padding: 15px 0 0 0;
}

.tx-felogin-pi1 legend {
	display: none;	
} 

.tx-felogin-pi1 input {
	margin: 0 0 4px 0; 
	padding: 1px 2px 2px 2px; 
	border: 1px solid #fff;
	color: #fff;
	font-size: 11px; 
	font-family: Arial, sans-serif;
	background-color: #6aa883;
	width: 215px;
}

.tx-felogin-pi1 label { 
	width: 200px;
	float: left;
	clear: left;
	text-align: right;
	padding: 2px 10px 0 0;
}

.tx-felogin-pi1 input[type=submit] {
	margin: 10px 0 0 10px;
	padding: 1px 15px 2px 15px;
	border: 1px solid #fff;
	background: transparent url(../gfx/submitButtonBackground.jpg) 0 0 repeat-x;	
	cursor: pointer;	 
	color: #fff;
	width: auto;
}

.tx-felogin-pi1 div.submitButton {
	text-align: right;
	padding: 0 8px 0 0;
}
/* EOF: --- felogin --- */

/* BOF: --- tx-toto-pi1  --- */
.tx-toto-pi1 .singlephase {
	border: 1px solid #808b85;
	background: #007136 url(../gfx/phaseHeaderBackground.jpg) 0 0 repeat-y;
	position: relative;
	margin-top: 3px;

}

.tx-toto-pi1 .singlephase h3 {
	color: #fff;
	font-size: 16px;
	font-weight: bolder;
	padding: 8px;
}

.tx-toto-pi1 .toggleImg {
	width: 14px;
	height: 14px;
	display: block;
	position: absolute;
	top: 12px;
	right: 15px;	
}

.tx-toto-pi1 .matchtable  {
	border: 1px solid #808b85;
	border-top: none;
	width: 100%;
}

.tx-toto-pi1 .matchtable th {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	background-color: #30905f;
}

.tx-toto-pi1 .flagTD img {
	width: 22px;	
	height: 22px;
}

.tx-toto-pi1 td {
	border-bottom: 1px solid #808b85;
	padding: 2px 5px 1px 5px;
	vertical-align: middle;
	text-align: center;
}

.tx-toto-pi1 .odd {
	background-color: #6aa883;
}

.tx-toto-pi1 .even {
	background-color: #509c71;
}

.tx-toto-pi1 .even {
	background-color: #509c71;
}

.tx-toto-pi1 td.flagTD {
  width: 25px;
}

.tx-toto-pi1 td.teamTD{
  width: 100px;
}

.tx-toto-pi1 td input {
	margin: -5px 0 0 0; 
	padding: 1px 2px 2px 2px; 
	border: 1px solid #fff;
	color: #fff;
	font-size: 11px; 
	font-family: Arial, sans-serif;
	background-color: #6aa883;
	width: 25px;
}

.tx-toto-pi1 td input[type=submit] {
	margin: 5px 0 5px 0;
	padding: 1px 15px 2px 15px;
	border: 1px solid #fff;
	background: transparent url(../gfx/submitButtonBackground.jpg) 0 0 repeat-x;	
	cursor: pointer;	 
	color: #fff;
	width: auto;
}

.tx-toto-pi1 td.submitButton {
	text-align: right;
}

.tx-toto-pi2 .userlist   {
	padding: 0 0 10px 0;
}

.tx-toto-pi2 .userlist th  {
	padding: 2px 15px 10px 5px;
	font-weight: bold;
	vertical-align: middle;
}

.tx-toto-pi2 .userlist td  {
	padding: 3px 15px 3px 5px;
	font-weight: bold;
	vertical-align: middle;
}
/* EOF: --- tx-toto-pi1  --- */

/* BOF: --- tx-toto-pi3 --- */
.tx-toto-pi3 fieldset {
	padding: 15px 0 0 0;
}

.tx-toto-pi3 legend {
	display: none;	
} 

.tx-toto-pi3 input {
	margin: 0 0 4px 0; 
	padding: 1px 2px 2px 2px; 
	border: 1px solid #fff;
	color: #fff;
	font-size: 11px; 
	font-family: Arial, sans-serif;
	background-color: #6aa883;
	width: 215px;
}

.tx-toto-pi3 label { 
	width: 200px;
	float: left;
	clear: left;
	text-align: right;
	padding: 2px 10px 0 0;
}

.tx-toto-pi3 input[type=submit] {
	margin: 10px 0 0 10px;
	padding: 1px 15px 2px 15px;
	border: 1px solid #fff;
	background: transparent url(../gfx/submitButtonBackground.jpg) 0 0 repeat-x;	
	cursor: pointer;	 
	color: #fff;
	width: auto;
}

.tx-toto-pi3 div.submitButton {
	text-align: right;
	padding: 0 8px 0 0;
}
/* EOF: --- tx-toto-pi3 --- */

/* BOF: --- tx_mailform --- */
.td-no-style { 
	background-color: transparent; 
}

.tx_mailform_div_label_left {
	width: 200px;
	text-align: right;
	padding: 2px 10px 0 0;
}

.tx_mailform_required_star {
	color: #cc5d34; 
	padding: 0 0 0 3px;
}

.tx_mailform_text {
	margin: 0 0 4px 0; 
	padding: 1px 2px 2px 2px; 
	border: 1px solid #fff;
	color: #fff;
	font-size: 11px; 
	font-family: Arial, sans-serif;
	background-color: #6aa883;
	width: 215px;
	height: auto;
}

.tx_mailform_textarea {
	margin: 0 0 4px 0; 
	padding: 1px 2px 2px 2px; 
	border: 1px solid #fff;
	color: #fff;
	font-size: 11px; 
	font-family: Arial, sans-serif;
	background-color: #6aa883;
	width: 215px;
	height: auto;
}


.tx_mailform_div_err_msg_1, .tx_mailform_FieldErrorMessage  {
	color: #cc5d34; 
        	padding-top: 3px;
        	padding-bottom: 3px;
        	width: 200px;
}

.tx_mailform_submit {
	margin: 10px 0 0 10px;
	padding: 1px 15px 2px 15px;
	border: 1px solid #fff;
	background: transparent url(../gfx/submitButtonBackground.jpg) 0 0 repeat-x;	
	cursor: pointer;	 
	color: #fff;
	width: auto;
}

/* EOF: --- tx_mailform --- */

#mailform label{
	width: 200px;
	text-align: right;
	padding: 2px 10px 0 0;
                display: block;
	float: left;
}


#mailform input {
	margin: 0 0 4px 0; 
	padding: 1px 2px 2px 2px; 
	border: 1px solid #fff;
	color: #fff;
	font-size: 11px; 
	font-family: Arial, sans-serif;
	background-color: #6aa883;
	width: 215px;
	float: left;
}

#mailform input[type=submit] {
	margin: 10px 0 0 212px;
	padding: 1px 15px 2px 15px;
	border: 1px solid #fff;
	background: transparent url(../gfx/submitButtonBackground.jpg) 0 0 repeat-x;	
	cursor: pointer;	 
	color: #fff;
	width: auto;
}

.tx-toto-pi2-browsebox td {
  padding-right: 5px;
}