/** * CSS used by OpenCms Youth Partnership template * Author: Olivier CAMUS * Steria * 06/11/07    **/ /**  * Basic tags definition  */
body {
	font-size: 9pt;
	color: #000000;
	background-color: #f1f1f1;
	margin: 0px;
}


body,p,h1,h2,h3,table,td,th,ul,ol,textarea,input {
	font-family: verdana, helvetica, arial, sans-serif;
}
p {
	font-size: 9pt;
}
a.no
{
		border: none;
		text-decoration: none;
}
img.flagunselected
{
		border: none;
		text-align: center;
		width:	16px;
		height: 11px;
}
img.flagselected
{
		border-width: thin; 
		border-color: white;
		text-align: center;
		width:	16px;
		height: 11px;
}
table,input,textarea {
	font-size: 90%;
}

th {
	font-size: 9pt;
	font-weight: bold;
	padding: 2 2 2 2;
}

th.admintools {
	font-size: 7pt;
	font-weight: bold;
	vertical-align: top;
}

div.buttonList {
	font-size: 7pt;
	font-weight: bold;
	width: 100%;
	text-align: right;
	vertical-align: top;
}

td {
	font-size: 9pt;
	padding: 2 2 2 2;
}

th.userList {
	font-size: 8pt;
	font-weight: bold;
	padding: 0 0 0 0;
	text-align: center;
	background-color: white;
	color: black;
}

th.userlist2 {
	font-size: 9pt;
	font-weight: bold;
	padding: 0 0 0 0;
	text-align: center;
	background-color: white;
	color: black;
}

td.userList0 {
	font-size: 8pt;
	padding: 0 0 0 0;
	background-color: white;
}

td.userList1 {
	font-size: 8pt;
	padding: 0 0 0 0;
	background-color: silver;
}
table.evFormFrame
{	padding: 10 10 10 10;
	border-collapse: collapse;
	border-color: black;
	border-left: 0px solid black;
	border-right: 0px solid black;
	border-top: 0px solid black;
	border-bottom: 0px solid black;
	width: 640px;
	}
table.gpFormFrame {
	padding: 10 10 10 10;
	border-collapse: collapse;
	border-color: black;
	border-left: 0px solid black;
	border-right: 0px solid black;
	border-top: 0px solid black;
	border-bottom: 0px solid black;
	width: 100%;
	}
th.gpList {
	padding: 10 10 10 10;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	background-color: black;
	color: white;
}

td.gpList0 {
	padding: 10 10 10 10;
	font-size: 9pt;
	background-color: white;
	text-align: center;
}

td.gpList1 {
	padding: 10 10 10 10;
	font-size: 9pt;
	background-color: silver;
	text-align: center;
}

td.formTitle {
	font-size: 12pt;
	font-weight: bold;
	width: 615px;
}
td.formSubTitle {
	font-size: 9pt;
	font-weight: bold;
	width: 615px;
}

td.formInfo {
	font-size: 8pt;
	font-style: italic;
}

td.formCenter {
	text-align: center;
}

table.formFrame {
	border-collapse: collapse;
	border-color: black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	width: 100%;
}

table.adminFormFrame {
	border-collapse: collapse;
	border-color: black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

table.listFormFrame {
	border-collapse: collapse;
	border-color: black;
	border-left: 0px solid black;
	border-right: 0px solid black;
	border-top: 0px solid black;
	border-bottom: 0px solid black;
	width: 100%;
}
select.formCombo {
	font-size: 8pt;
}

tr[class=""] td{
border-collapse: collapse;	
padding: 0 0 0 0;
	background-color: white;
	border-bottom: 1px solid black;
}


tr[class="alt"] td{
border-collapse: collapse;
	padding: 0 0 0 0;
	background-color: silver;
border-bottom: 1px solid black;
}


h1 {
	font-size: 16pt;
}

h2 {
	font-size: 14pt;
	margin-top: 10px;
	margin-bottom: 10px;
}

h3 {
	font-size: 12pt;
}

h4 {
	font-size: 10pt;
}

h5 {
	font-size: 8pt;
}

h6 {
	font-size: 6pt;
}

/** * Custom tables and cells definitions */ /* Head element */
table#headTable {
	padding: 5 5 5 5;
	border-collapse: collapse;
	border-color: white;
	border-left: 0px solid white;
	border-right: 0px solid white;
	border-top: 0px solid white;
	border-bottom: 1px solid white;
	width: 1020px;
	min-height: 180px;
	height: 180px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

table#headTable td {
	
}

table#TALEheadTable {
	padding: 5 5 5 5;
	border-collapse: collapse;
	border-color: white;
	border-left: 0px solid white;
	border-right: 0px solid white;
	border-top: 0px solid white;
	border-bottom: 1px solid white;
	width: 1050px;
	min-height: 130px;
	height: 130px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

table#TALEheadTable td {
	
}

.headMenuItemT1 {
	width: 185px;
	font-size: 9pt;
	background-color: #6A7FBC;
	color: white;
	border-left: 1px solid  white;
	border-right: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	text-align: left;
}
.headMenuItemT2 {
	width: 168px;
	font-size: 9pt;
	background-color: #6A7FBC;
	color: white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	text-align: left;
}
.headMenuItemT3 {
	width: 167px;
	font-size: 9pt;
	background-color: #6A7FBC;
	color: white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	text-align: left;
}
.headMenuItem2 {
	font-size: 9pt;
	background-color: #C0C0C0;
	border-color: white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 0px solid white;
	text-align: left;
}
.headMenuItem2TALE {
width: 185px;	
font-size: 11pt;
	background-color: #6A7FBC;
	border-color: white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	text-align: left;
}

.headFlagsItem {
	font-size: 9pt;
	background-color: #C0C0C0;
	border-color: white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 0px solid white;
	text-align: center;
	vertical-align: middle;
}

.headImageItem {
	width: 677px;
	font-size: 9pt;
	background-color: #B1C700;
	border-color: white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	padding: 15px;
        text-align: left;
}

.space {
	width: 250px
}

.headSearchItem {
	background-color: #6A7FBC;
	color: white;
	border-color: white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	text-align: center;
}

.headSearchText {
	font-size: 9pt;
	background-color: #6A7FBC;
	color: white;
	border-color: white;
	border-left: 0px solid white;
	border-right: 0px solid white;
	border-top: 0px solid white;
	border-bottom: 0px solid white;
	text-align: center;
}

a.headSearchText {
	font-size: 9pt;
	background-color: #6A7FBC;
	color: white;
	border-color: white;
	border-left: 0px solid white;
	border-right: 0px solid white;
	border-top: 0px solid white;
	border-bottom: 0px solid white;
	text-align: center;
}

.headLoginItem {
	font-size: 9pt;
	background-color: #C0C0C0;
	color: #6A7FBC;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

.headLoginUserItem {
	font-size: 9pt;
	background-color: #C0C0C0;
	color: #6A7FBC;
}
.headLoginUserName {
	font-size: 9pt;
	background-color: #C0C0C0;
	color: #6A7FBC;
	text-align: right;
}
.portfolio {
	font-size: 9pt;
	font-weight: bold;
	background-color: #C0C0C0;
	color: #6A7FBC;
}

/**Left, Body and Right elements **/
table#elementsTable {
	border-collapse: collapse;
	background-color: white;
	width: 1020px;
	margin-left: auto;
	margin-right: auto;
	color: black;
	text-align: left;
}

.elementsTableLeft {
	background-color: #C0C0C0;
}

.elementsTableRight {
	background-color: #C0C0C0;
}

/** Left element**/
table#elementLeft {
	border-collapse: collapse;
	background-color: white;
	width: 175px;
	color: black;
	text-align: left;
}

.leftMenuGroup {
	font-size: 9pt;
	font-weight: bold;
	background-color: #6A7FBC;
	color: white;
	border-color: white;
	border-left: 0px solid white;
	border-right: 0px solid white;
	border-top: 0px solid white;
	border-bottom: 1px solid white;
}

.leftMenuItem {
	font-size: 9pt;
	background-color: #C0C0C0;
	border-color: white;
	border-left: 0px solid white;
	border-right: 0px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

/** Body element: no style, page will be switched and have it's own css 
 *  Note: Body's Css inherits from this cascading style sheet 
 * */
.pageBody {
	padding: 15;
	width: 670px;
}

.pageBodyTALE {
	padding: 15;
	width: 950px;
}

.subPageBody {
	width: 638px;
	height: 100%
}

.loginTable {
	width: 175px;
}

/** Right element **/
table#elementRight {
	border-collapse: collapse;
	background-color: #B1C700;
	width: 175px;
	border-style: none;
	color: black;
	text-align: left;
	border-width: 0 0 0 0;
}

table#elementRight td {
	font-weight: bold;
	background-color: #B1C700;
	color: black;
	padding: 1 1 1 1;
}

table#elementRightHead {
	border-collapse: collapse;
	background-color: #B1C700;
	width: 180px;
	border-style: none;
	color: black;
	text-align: left;
	border-width: 0 0 0 0;
}

table#elementRightHead td {
	font-weight: bold;
	background-color: #B1C700;
	color: black;
	padding: 1 1 1 1;
}

table#elementRightMiddle {
	border-collapse: collapse;
	background-color: #B1C700;
	width: 180px;
	border-style: none;
	color: black;
	text-align: left;
	border-width: 0 0 0 0;
}

table#elementRightMiddle td {
	font-weight: bold;
	background-color: #B1C700;
	color: black;
	padding: 1 1 1 1;
}

table#elementRightMiddle1 {
	border-collapse: collapse;
	background-color: #B1C700;
	width: 180px;
	border-style: none;
	color: black;
	text-align: left;
	border-width: 0 0 0 0;
}

table#elementRightMiddle1 td {
	font-weight: bold;
	background-color: #B1C700;
	color: black;
	padding: 1 1 1 1;
}

table#elementRightBottom {
	border-collapse: collapse;
	background-color: #B1C700;
	width: 180px;
	border-style: none;
	color: black;
	text-align: left;
	border-width: 0 0 0 0;
}

table#elementRightBottom td {
	font-weight: bold;
	background-color: #B1C700;
	color: black;
	padding: 1 1 1 1;
}

.rightTitle {
	font-size: 8pt;
	background-color: #B1C700;
	text-align: center;
}

.rightImage {
	font-size: 9pt;
	background-color: #B1C700;
	padding: 15 15 15 15;
}

.rightNewsList {
	font-size: 8pt;
	background-color: #B1C700;
}

.rightEventsList {
	font-size: 8pt;
	background-color: #B1C700;
}

/** * Others elements (display used only) **/
div.centred {
	text-align: center;
}

span.white {
	color: white;
}

table.image {
	WIDTH: 650px;
	HEIGHT: 85px
}

div.block {
	padding-top: 1px;
	padding-bottom: 1px;
}

td.full {
	width: 670px;
}

td.half {
	width: 335px
}

a.headtop {
	color: white;
	text-decoration: none;
}

a.headtop:hover {
	color: white;
	text-decoration: underline;
}

a.headlogin {
	color: #6A7FBC;
}

a.headlogin:hover {
	color: #6A7FBC;
	text-decoration: underline;
}

a.headbottom {
	color: white;
	text-decoration: none;
}

a.headbottom:hover {
	color: white;
	text-decoration: underline;
}

a.left {
	color: black;
	text-decoration: none;
}
a.left:hover {
	color: black;
	text-decoration: underline;
}
a.leftGrp {
	color: white;
	text-decoration: none;
}
a.leftGrp:hover {
	color: white;
	text-decoration: underline;
}
a.right
{
	font-size: 8pt;
	background-color: #B1C700;
	text-align: center;
}
div.termsCond {
	width: 600px;
	height: 200px;
	overflow: auto;
	border: 1px solid black;
	vertical-align: middle;
}
/**
	Webform style sheet
**/
textarea.onlineform{
	border: 1px solid black;
}

.odd {
 background-color: #ddd;
}
.even {
 background-color: #fff;
}