/* Default CSS Stylesheet for a new Web Application project */

/* Default style */
body, body table
{
	margin: 0px;
	font-family: "Helvetica Light",Helvetica,Verdana;
	font-size: 10pt;
	color:Black;
	background-color:white;
}

/* SiteTitle Style */
.sitetitle
{
	font-size: 24pt; 
	text-align: left;
	color: #666666;
	font-style:italic;
	font-weight:bold;
	vertical-align:super;
}

/* PageTitle Style */
.pagetitle
{
	display: block;
	font-weight: bold;
	font-size: 12px;
	background: url(Images/OrangeBullet.png) no-repeat left center;
	text-decoration: none;
	text-indent: 20px;
	text-transform: uppercase;
	color: black;
	margin-left: 14px;
}

p
{
	margin-left: 20px;
}


/* HR under the PageTitle Style */
.pagetitleunderline
{
	text-align: left;
	height: 1pt;
	color:White;
	visibility:hidden;
}


/* PageSubTitle */
.pagesubtitle
{
	display: block;
	font-weight: bold;
	font-size: 12px;
	background: url(Images/OrangeBullet.png) no-repeat left center;
	text-decoration: none;
	text-indent: 20px;
	text-transform: uppercase;
	color: black;
}

/* Italic */
.Italic
{
	font-style:italic;
}

/* Link */
a, a:link, a:active	,a:visited
{	
	font-size: 9pt;
	color:black;
	text-decoration:none;
	padding-left:20px;
}

a.amailto
{
	font-size: 9pt;
	color:black;
	text-decoration:none;
	padding-left:0px;
}

	

a:hover
{
	color: #ff8a00;
	text-decoration: none;
}

/* Style for all images */
img
{
	border: 0;
}

/* Language choice */
.lang a, .lang a:visited
{
	font-size: 10pt; 
	text-align: left;
	color: black;
	text-decoration: none;
}

/* Compteur */
.compteur
{
	background:#999999;
	margin-right:2px;
	text-align:center;
	color:White;
	border:solid 1px black;
	font-family:Helvetica;
	font-size:12px;
	padding:1px;
}


/* Internet */
.InternetFontTextbox
{
	font-family: "Helvetica Light",Helvetica,Verdana;
	font-size: 10pt;
}
.MentionsLegales
{
	font-weight: bold;
	font-size: 10px;
	vertical-align:bottom;
	background-color: #999da6;
	text-align:center;
}
.MentionsLegales a, .MentionsLegales a:visited
{
	color: white;
	text-decoration:none;
}


/* Intranet Common */
.IntranetButton
{
	font-family: "Helvetica Light",Helvetica,Verdana;
	font-size: 10pt;
	width: 150px;
	margin-right: 20px;
}

.IntranetSearchButton
{
	font-family: "Helvetica Light",Helvetica,Verdana;
	font-size: 10pt;
	width: 100px;
}

.IntranetTextbox
{
	font-family: "Helvetica Light",Helvetica,Verdana;
	font-size: 10pt;
	width: 250px;
}

.IntranetDropDownList
{
	font-family: "Helvetica Light",Helvetica,Verdana;
	font-size: 10pt;
	width: 200px;
}

.IntranetFunctionDropDownList
{
	font-family: "Helvetica Light",Helvetica,Verdana;
	font-size: 10pt;
	width: 400px;
}

.IntranetListBox
{
	font-family: "Helvetica Light",Helvetica,Verdana;
	font-size: 10pt;
	width: 100%;
}

.IntranetSearchListBox
{
	font-family: "Helvetica Light",Helvetica,Verdana;
	font-size: 10pt;
	width: 200px;
}

.IncludeExcludeButton
{
	font-family: "Helvetica Light",Helvetica,Verdana;
	font-size: 10pt;
	width: 80px;
}

.IncludeExcludeListBox
{
	font-family: "Helvetica Light",Helvetica,Verdana;
	font-size: 10pt;
	width: 100%;
}

.IntranetNumberBus
{
	font-family: "Helvetica Light",Helvetica,Verdana;
	font-size: 10pt;
	width: 75px;
}

.IntranetListboxSmall
{
	font-family: "Helvetica Light",Helvetica,Verdana;
	font-size: 10pt;
	width: 250px;
}

/* Margin */
.FontLeftPadding
{
	 position:relative; 
	 left:10px;
	 top:0px
}
li
{
	list-style-image: url(Images/RedDash.gif);
}

/* New Menu */
ul.menu
{
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.menu li
{
	background-color:#999da6;
	border-bottom:solid 1px white;
	display:none;
}

ul.menu li a
{	
	display: block;
	font-weight: bold;
	font-size: 10px;
	background: url(Images/WhiteBullet.gif) no-repeat left center;
	width: 150px;
	color: white;
	text-decoration: none;
	height:20px;
	line-height:20px;
	text-indent:20px;
}

ul.menu li a:hover
{
	text-decoration: underline;
	color: white;
	background: url(Images/WhiteBullet.gif) no-repeat left center;
}

ul.menu li a:visited
{
	color: white;
}

/* Sub Menu */
ul li.submenu
{
	background-color: #999da6;
	display:none;
}

ul li.submenu a
{	
	display:block;	
	font-weight: bold;
	font-size: 10px;
	background:	url(Images/WhiteBullet2.gif) no-repeat left center;
	width: 150px;
	color: white;
	padding-left:0px;
	text-indent: 25px;
	text-decoration: none;
}

ul li.submenu a:hover
{
	text-decoration: underline;
	color: white;
	background:	url(Images/WhiteBullet2.gif) no-repeat left center;
}

/* DataGrid */
.headerStyle
{
    background-color:#ff7300;
    font-size:15px;
    color:White;
    font-weight:bold;
}

.headerStyle a, .headerStyle a:visited
{
	color:White;
	font-weight:bold;
}

.itemStyle
{
	font-size: 12px;
	color: black;
	background-color: #f0f0f0;
}

.alternateItemStyle
{
	background-color:#FFFFFF;
	font-size:12px;
}


/* Border */
.border
{
	position:relative;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	padding-bottom:10px;
}

.topBorder
{
	background: url(Images/Border/dot.gif) 0 0 repeat-x; width: 100%;
}

.bottomBorder 
{
	background: url(Images/Border/dot.gif) 0 100% repeat-x
}

.leftBorder 
{
	background: url(Images/Border/dot.gif) 0 0 repeat-y
}

.rightBorder 
{
	background: url(Images/Border/dot.gif) 100% 0 repeat-y
}

.bottomLeftBorder 
{
	background: url(Images/Border/bl.gif) 0 100% no-repeat
}

.bottomRightBorder 
{
	background: url(Images/Border/br.gif) 100% 100% no-repeat
}

.topLeftBorder 
{
	background: url(Images/Border/tl.gif) 0 0 no-repeat
}

.topRightBorder 
{
	background: url(Images/Border/tr.gif) 100% 0 no-repeat; padding:10px
}

.titleBorder 
{
	position:absolute; top:-8; left: 20; background-color:White;
}

/* List Control */ 
.listTitle /*title on main and detail of game control*/
{
	display: block;
	font-weight: bold;
	font-size: 12px;
	background: url(Images/OrangeBullet.png) no-repeat left center;
	text-decoration: none;
	text-indent: 20px;
	text-transform: uppercase;
	color: black;
	margin-left: 14px;
}
.listSubTitle /*subtitle on main and detail of game control*/
{
	text-align: left;
	font-size: 10pt;
	text-transform: uppercase;
	margin-left: 20px;
	color: black;
	font-weight: bold;
}

.listImage /*image on main, underlined reward and image on detail of game control*/
{
	margin-left: 30px;
}

/*linkbuttons on main of game control : in this case, not too far to the right because we only show
  one product so the listitems should be placed right under the title maybe change this again when
  trying to set the right values for the job control...*/
.listItem 
{
    margin-left: 30px;
}

.listNoItem
{
	margin-left: 30px;
}

.Message
{
	position:relative;left:30px;
}

.listSubTitleDetail
{
	text-align: left;
	font-size: 10pt;
	text-transform: uppercase;
	color: Black;
	font-weight: bold;
	margin-left:20px;
}

.listItemDetail
{
    margin-left:30px;
}

.mail a, .mail a:link, .mail a:visited, .mail a:active
{
	font-family: "Helvetica Light",Helvetica,Verdana;
	font-size: 10pt;
	color:Black;
	background-color:white;
	text-decoration:none;
}

.mail a:hover
{
	font-family: "Helvetica Light",Helvetica,Verdana;
	font-size: 10pt;
	color:Orange;
	background-color:white;
	text-decoration:none;
}