/*typography*/

/* Hide mobile widgets only shown on iPhone*/
/*
#listofRecordingsMobile{display:none;}
#updateButtonMobile{display:none;}
#headerMobile{display:none;}
*/


body{font: 80% verdana,arial,sans-serif;text-align: center}

h1,h2,h3{font-family: "Trebuchet MS",arial,sans-serif}
/* h1{font-size: 200%} */
h2{font-size: 160%; margin-top:40px; margin-bottom:60px ; border-bottom: 1px solid #B8B8B8;  }
h3{font-size:135%; margin:0 15px ; margin-top: 5px ;border-bottom: 1px solid #ccc ; }

h4{font-size: 100%; margin: 10px 15px 10px 15px ; padding-top:10px; padding-bottom:10px; border-bottom: 1px solid #DADAD9;  }
h2{margin: 0 15px; padding:0}
/* #sectionsevoice{font-size: 100%; margin: 0 15px; width: 80%;   } */

p{font-size: 100%; margin: 0 15px; padding-top:8px; padding-bottom:8px;  line-height: 1.5; }
ol{margin: 0 15px; padding-top:8px; padding-bottom:8px;  line-height: 1.5; width: 80%}

/* a{text-decoration: none}
 div#relax p{font-size: 120%} 
 */
 
/* Footer - styling */
address{padding: 3px 15px;font-style:normal}
/* ------------------*/
div#podcastURL{ margin: 0 15px; background-color: #F1F5F8 ; width:90%;  }
.podcastcontent { padding: 5px ;}

div#publicURL{ margin: 0 15px; background-color: #F1F5F8 ; width:90%;  }
.publicURLcontent { padding: 8px ;}

/* Layout for audio player in page title headigns */
.pageTitle{float:left; width:80%}
.audioPlayer{float:right; padding-right:.5em}


/* Border lines for My Account tables */
table#ma_gi td{
	border-bottom: 1px dotted #E4E4E4 ;
}

table#ma_settings td{
	border-bottom: 1px dotted #E4E4E4 ;
}




/*--------------------------------------------*/
/* Home page */
/*--------------------------------------------*/

/* sign up box on home page */
#signupnow {
	margin: 0 12px 24px 12px;
	background: #fffeeb;
	border-top: 1px solid #e5e4d3;
	border-bottom: 1px solid #e5e4d3;
	min-height: 86px;
	padding-top: 24px;
	height:1px ;
	font-size:70% ;
}

#signupnow h2 {
	font-size: 2.4em;
	color: #444;
	text-align: center;
	border-bottom:none ;
}
#signupnow h4 {
	border-bottom:none ;
	text-align: center;
	color: #444;
	padding-top: .2em ;
}
#signupnow-text {
	width: 61%;
	float: left;
}
#signupnow-button {
	width: 226px;
	height: 63px;
	background: url(/images/signupbackground.gif) center center no-repeat;
	float: left;
	font-size: 2.4em;
	text-align: center;
}
#signupnow-button a {
	color: #fff;
	width: 226px;
	line-height: 60px;
	text-shadow: #888 2px 2px 0px;
	font-weight: bold;
	letter-spacing: -1px;
	text-decoration: underline;
}
#signupnow-button a:hover {
	text-decoration: underline;
}
#signupnow h2 {
	margin-top: .2em;
}
#signupnow h4 {
	margin-top: .5em;
	font: 1.4em/1em Georgia,"Bitstream Vera Serif","Times New Roman",serif;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}


/* sign in box on home page */
div.loginBox{
  float:right ;
  border: 1px solid #84B7FF ;
  padding: 10px 10px 10px 20px ;
  margin: 10px 10px 10px 20px  ;  
  width: 150px ;
  background-color: #fff ;
  display:block ;
}

div.loginBox div.field label {

	width: 100%;

	padding: .2em;
	font-weight: normal;
	display:block;
	height:1% ;
}

div.loginBox div.rememberPasswordLink, div.loginBox div.signInButton  {
   	padding: 5px 0 5px 0;
}

div.loginBox div.recoverPasswordLink {
	padding: 5px 0 5px 0;
	width:100% ;
}

div.loginBox div.recoverPasswordLink a {
  color: #000000 ;
  text-decoration: none ;
  font-weight: normal ;
}

div.loginBox div.recoverPasswordLink a:hover {
  color: #000000 ;
  text-decoration:underline ;
}

/* left column on home page */
div#homePage_leftColumn {
  width: 525px ;
}




/*--------------------------------------------*/
/* sign in box in top of public pagess */
/*--------------------------------------------*/
#globalLoginDiv {
  float:right ;
  padding: 10px ;
  color: #000000 ;
  text-decoration:none ;
  font-size: 12px ; 
  font-weight: normal ;
  vertical-align:bottom ;
}

#globalLoginDiv div.signInLink{
    padding: 10px 10px 10px 0 ;
    text-align:right ;
}

#globalLoginDiv a {
  color: #000000 ;
  text-decoration:none ;
  font-size: 12px; 
  font-weight: normal ;
}

#globalLoginDiv a:hover {
  color: #000000 ;
  text-decoration:underline ;
}

#globalLoginDiv label {
  font-size: 12px; 
  font-weight: normal ;
}

/* localiztion div */
.switchLanguage {
  width: 100% ;
  text-align:right;
  float:right; 
  color: #000000 ;
  text-decoration:none ;
  font-size: 12px ; 
  font-weight: normal ;
  margin-top:4px ; 
  margin-bottom:5px ;
}

.switchLanguage a {
  color: #000000 ;
  text-decoration:none ;
  font-size: 12px; 
  font-weight: normal ;
}

.switchLanguage a:hover {
  color: #000000 ;
  text-decoration:underline ;
}

/*--------------------------------------------*/
/* Account TYpes   */
/*--------------------------------------------*/



/*layout*/
html{height: 100%; margin-bottom: 1px}
html,body{margin:0; padding:0 0 20px}
div#container{width: 850px; margin: 0 10px ; text-align: left}
div#header{margin:0 0 10px;padding: 0 0 5px;   }
div#header h1{margin:0 5px;padding:25px 0 2px; height: 100px;  }

div#headerMobile{margin:0 0 10px;padding: 0 0 5px;   }
div#headerMobile h1{margin:0 5px;padding:2px 0 2px; height: 100px;  }



div#title {margin-left: 10px; height:100px}

div#sidebar { float: left ; width: 150px; }
div#sidebar div{padding: 5px 0;margin-bottom: 5px; }
div#sidebar div#menu{margin: 0 5px}
div#sidebar p{margin: 0 5px;padding:0}
div#sidebar p+p{margin-top: 0.7em}


div#content{ float: right ; width:690px; padding:5px 0 ; background-color: red ;}

div#footer{clear:right ; float:right; width:690px; margin-top: 8px ; margin-bottom: 8px ; }


div#nav ul { margin:0; padding: 0px ; padding-top:5px; list-style-type:none; }
div#nav li{margin:0 5px ; 
	   	 padding: .5em 0 .5em 10px ; 
		 list-style-type:none;
		 border-bottom: 1px solid #DADAD9 ;  
}
 
/*  contorls spacing for recorded file name div */
.recordingName { padding-left: 8px; padding-top: 8px;}

 
/*  clear bottom line in nav box */
div#nav #login { border-bottom:none; } 
div#nav #logout { border-bottom:none; } 


div#nav li a{display:block ; text-decoration: none ; color: #582D82 ;} 	  
div#nav li:hover{ background: #F1F5F8  /*url(images/li_bg.png) no-repeat 5px 50% */ ; } 
                   
div#nav{background: #fff}  
div#nav a:hover{color: #000000}

/* <div#nav ul { margin:0; padding:0; list-style-type:none; line-height: 1.5}
div#nav li{margin:0;padding:0;list-style-type:none;line-height: 1.5}
div#nav a{margin-left:5px;padding-left:10px}

form{margin: 5px 0;padding: 5px 0}
form h3{margin-bottom: 10px}
form div{padding: 5px 0}
form input#find{width: 90px;margin-left:10px}
*/

blockquote{float:left;display:inline;width: 200px;margin: 0 10px 5px 15px;padding: 5px 0}
blockquote p{margin:0;padding: 0 5px;text-align: center}
div#relax{margin: 0 15px 10px;padding: 5px 0}
div#relax p, div#relax h2{margin: 0 5px}


div#login{margin-left: 10px; margin-right:10px}
div#loginPage{margin-left: 15px; margin-right:10px}
div#error { padding: 10px ; background-color: #F2EBDA ; margin-top:10px; margin-bottom:10px ; margin-left: 10px; margin-right:10px; border: 1px solid black ; display:block ;}

div#newRecording{margin-left: 5px}

object {margin-left: 15px}
table{margin-left: 10px; margin-right:10px}


/*colors*/
body{background: #D6DEEC}
/* div#header{background:#fff } 
div#header h1{background: #fff} */
div#header { background: white /* url(../images/guy_with_ipod.jpg) no-repeat top right*/;}
div#headerMobile { background: white ;}


div#title {color: #000000}
div#login {color: #000000 ; }

/*
h1 {color: #C1E6FF}
h1 a{color: #C1E6FF}
h1 a:hover{color: #657DA6}


a:hover{color: #000000 ;
		background: #F1F5F8 ;	
}
*/

h2{ color: #657DA6}
h3{color: #657DA6} 
h4{  color: #000000 ; } 
div#sectionsevoice { background: #F2F4F7; }

div#sidenotes{background:#fff}
/* form{background: #fff} 
blockquote{background: #CDFFAA}
div#relax{background: url(relax.jpg)}
div#relax h2{color: #F7DEB5}
div#relax p{color: #fff}
*/

div#content{background: #FFF}
div#footer{background: #F2F4F7; color: #333}
.button{ 
  		/*
		width: 59px;
		height: 26px;
		border:none;
        background: transparent url(../images/button_bg.gif) no-repeat; 
        */
        
		font-size: 10px;
		font-weight: bold;  
}
		
       

.helpText{font-size: 80%; padding-top:4px }

/* Sortable tables */
table.sortable a.sortheader {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}

table.sortable td{
  border-bottom: 1px solid #D6DEEC ;
  
}


/*  Recording Tabs  */
div#menu{float:left;width: 100%;padding-top:10px; margin-bottom:10px;  background: #D6DEEC; }
ul#navTab,ul#navTab li{list-style-type:none;margin:0;padding:0}
ul#navTab{margin-left: 5px;width:640px}
ul#navTab li{float:left;margin-right: 5px;text-align: center; }
ul#navTab a{float:left;width: 8em;padding: 5px 0; background: #E7F1F8; text-decoration:none; color: #000}
ul#navTab a:hover{background: #FFA826;color: #FFF ; }
ul#navTab li.activelink a,ul#navTab+ li.activelink a:hover{background: #FFF;color: #003}
ul#navTab li#webpage a{width: 20em;}


div#donate_form form  {
    padding-left: 15px;
}

div#donate {
    margin-top:10px ;
	background-color:#ffffff;
    padding-left: 15px;
    padding-top:15px;
}

div#donate_content{
  padding-left: 15px;
}

div#donate div#donate_title_div{
    background-color: #657da6;;
    margin:5px ;
}

div#donate p#donate_title{
  color: #ffffff;;
  font-weight: bold;
  text-align: center ;
  padding-left:5px ;
}

/* survey */

div#survey {
    margin-top:10px ;
	background-color:#ffffff;
    padding-left: 15px;
    padding-top:15px;
}

div#survey div#survey_title_div{
    background-color: #657da6;;
    margin:5px ;
}

div#survey p#survey_title{
  color: #ffffff;;
  font-weight: bold;
  text-align: center ;
  padding-left:5px ;
}


/* social side nav box */

div#social {
    margin-top:10px ;
	background-color:#ffffff;
    padding-left: 15px;
    padding-top:15px;
}

div#social div#social_title_div{
    background-color: #657da6;;
    margin:5px ;
}

div#social p#social_title{
  color: #ffffff;;
  font-weight: bold;
  text-align: center ;
  padding-left:5px ;
}


/* Code Forms on share page */
.codeform{
  margin: 15px ;
}
.codeform textarea{
  width: 600px;
  /* white-space: nowrap;*/
}

/*  My Accoutn Page  */
#reset_my_private_email{
  	display:inline ;
  	margin-left:10px ;
}

/* Share a single recording page */
.codeFormIndividaul{
  margin: 15px ;
}

.codeFormIndividaul textarea{
  width: 450px;
  /* white-space: nowrap;*/
}

.sharePage{
	line-height:250%;
	margin-top: -5px ;
}

/*-------------------------------- */
/* public Welcome page */
/*-------------------------------- */
/*-------------------------------- */
/* login */
/*-------------------------------- */
span.rememberMe{
 /* margin-left : 10.5% ;  */
}

table.loginPageForm{
   padding-top: 7px ; 
   padding-bottom: 10px ; 
}

table.loginPageForm td{
   padding-top: 3px ; 
   padding-bottom: 3px ; 
}



/*-------------------------------- */
/* home page */
/*-------------------------------- */
p.shareLinks{
  text-align: bottom:   
  vertical-align: middle ;
}


/*-------------------------------- */
/* Account ytpese */
/*-------------------------------- */

table.accountTypesTable{
	width:90% ;
}

table.accountTypesTable td{
	padding: .5em;
	border-right: 1px #CCCCCC solid ;
	border-bottom: 1px #CCCCCC solid ;
	text-align:center ;
}

table.accountTypesTable th{
	border-bottom: 1px #CCCCCC solid ;
	padding: .5em;
	border-right: 1px #CCCCCC solid ;
	background-color: #657DA6;
	color:#FFFFFF ;
}

table.accountTypesTable tr.tableHeading th{
	border-right:none ;
}

table.accountTypesTable th.rowHeading {
	font-weight:normal ;
	text-align:left ;
	background-color: #fff;
	color:#000 ;
}


/* donate row */
tr.donateRow{
	background-color:#F9F9F9 ;
	color:#000 ;
}

table.accountTypesTable tr.donateRow th.rowHeadingDonateRow {
	font-weight:normal ;
	text-align:left ;
	background-color: #F9F9F9;
	color:#000 ;
}



tr.donateRow a{
	color:#000 ;
	display:block ;
}

tr.donateRow td{
	padding: .5em;
}

.donateButton{
  margin-top: .5em;
}

/*-------------------------------- */
/* Account Types Useranme page */
/*-------------------------------- */
form.EnterUsername{
  padding-left: 20px ;
}


/*-------------------------------- */
/* Secure Welcome page */
/*-------------------------------- */
p.newRecordingLink a{
   padding: .7em ;
   border: 1px dashed #657DA6 ;
   width: 15em ;
   text-align: center ;
   text-decoration: none ;
   display: block ;
   color: #000 ;
   font-weight:bold ;
   background-color: #D4D0C8 ;
}

p.newRecordingLink a:hover{
	text-decoration: underline ;
	background-color: #657DA6 ;
	color: #fff ;
}

form.newRecording{
  margin-left: 20px ;
  padding-bottom:10px ;
}

/*-------------------------------- */
/* Record file tab */
/*-------------------------------- */

div#advancedOptionsBtn{
  text-align: right;
  padding-right:10px ;
  padding-bottom:10px ;  
}

div#advancedOptionsDiv{
   display: none ;
}

/*  show extra file fileds */
div#moreUploadFieldsBtn{
  text-align: left;  
  padding-left:15px ;
  padding-bottom:10px ;  
}

div#batchUploadDiv{
   display: none ;
}




/*-------------------------------- */
/* View Recordings page */
/*-------------------------------- */
div.paginate {margin: 0 15px; padding-top:8px; padding-bottom:8px; }

.mp3Icons { margin-bottom: 5px ;   }

.downloadIcons { margin-bottom: 2px ; margin-top: 3px ;  }

a.downloadLinks { padding-bottom: 1em ; font-size:80% ; display:block ; 
				  text-decoration:none ; font-weight: bold; color: #354D92 ;}


a.downloadLinks:hover{  text-decoration:underline ;  }


/* space out list */
.howToDownloadRecList {
  
}

.howToDownloadRecList li{
  padding-bottom: 5px ;
}

.helpBOx{
	border:1px solid #ccc ;
	padding: 10px ;
	margin: 10px ;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	width: 80% ;
}

table.browserAndActionTbl{
	padding: 10px ;
}

table.browserAndActionTbl th{
	background-color: #657DA6 ;
	color: #fff ;
	padding: 5px ;
	padding-right:8px ;
}

table.browserAndActionTbl td{
  padding: 5px ;
  border-bottom:1px solid #ccc ;
  padding-right:8px ;
}

div#howtoDownloadRecDiv {
  display: none ;
}




/*-------------------------------- */
/* Shareing Options page */
/*-------------------------------- */

pre.jsCodeExample{
  font-size:100% ;
  margin-left:0px ;
  padding-left:0px ;
  
}

/*-------------------------------- */
/* Account types */
/*-------------------------------- */
ul.supportingDocs{
  margin:0 ;
  padding-left:20px ;
  text-align: left ;
}

ul.supportingDocs li{
  padding-bottom:.6em ;
}


/*-------------------------------- */
/* Global styles */
/*-------------------------------- */

th.iconColumn{
  width:80px;
}

/* Main icon class used throughout the admin site  */
.icon{
	margin:.3em .3em ;
}

a.iconLink{
	color:#000000 ;
	 margin:.3em .3em ;
	 padding-bottom: .3em; 
	 padding-top: .3em; 	 
}

a.iconLink:visited{
	color:#000000 ;
	margin:.3em .3em ;
	padding-bottom: .3em; 
	padding-top: .3em; 	
}

.deleteIcon{
	margin-top:.3em; 
	margin-bottom:.3em; 
	margin-left:.7em; 
	margin-right:.3em; 
}


/* Buttons  */
.button, .addButton {
    width:auto;
    overflow:visible;
	padding: .3em .6em ;
	color: #000000;
	font-weight: bold;
}

/* disable buttons */
[disabled]{
	background-color:#CCCCCC ;
	color:#999999 ;
}

/* links made to look like buttons */
a.linkButton{
    width:auto;
	padding: .3em .6em ;
	color: #000 ;
	text-decoration:none ;
	font-weight:bold ;
	border: 1px outset #ccc ;
	background: #ccc;
	font-weight:normal ;
}

a.linkButton:visted{
    width:auto;
	padding: .3em .6em ;
	color: #363636 ;
	background: #ccc;
	font-weight:bold ;
}

a.linkButton:hover{
	color: #000 ;
	border: 1px inset #363636 ;

}


.cancelButton {
	border:none ;
	background-color: #fff ;
	background-
	color:#003399 ;
	font-weight: bold; 
	text-decoration: underline ;
}



/* Form layout code */ 
fieldset.twoColumnLayout {
	padding: .2em 0 0;
	margin: 0.2em 0 0 ;
	border:none ;
}

fieldset.twoColumnLayout div {
	clear: left;  
	padding: .2em 0 0;
	margin: 0.2em 0 0 ;
	overflow:auto ; 
	height:1% ;
}

fieldset.twoColumnLayout div label {
	clear: left ;
	width: 20%;
	float: left; 
	padding: .2em;
	font-weight: normal;
	display:block;
	height:1% ;
}

fieldset.twoColumnLayout div input {
	margin: .2em;
}

fieldset.twoColumnLayout div select {
	margin: .2em;
}

/*

fieldset.twoColumnGrid {
	padding: .2em 0 0;
	margin: 0.2em 0 0 ;
	border:none ;
}

fieldset.twoColumnGrid div {
	clear: left;  
	padding: .2em 0 0;
	margin: 0.2em 0 0 ;
	overflow:auto ; 
	height:1% ;
}

fieldset.twoColumnGrid div label {
	clear: left ;
	width: 20%;
	float: left; 
	padding: .2em;
	font-weight: normal;
	display:block;
	height:1% ;
}

fieldset.twoColumnGrid div div.content{
	margin: .2em;
}
*/

/* two column grid */
div.grid_row{
	padding: .2em 0 0;
	margin: 0.2em 0px 0px;
	overflow:auto ;
}

div.grid_row div.cell_1{
	clear: left;
	float: left;
	width: 20%;
	padding: .2em;
	display:block;
	height:1% ; 
}

div.grid_row div.cell_2{
	padding: .2em;
	display:block;
	height:100% ; 
}

/* links made to look like buttons */
a.linkButton{
    width:auto;
	padding: .3em .6em ;
	color: #000 ;
	text-decoration:none ;
	font-weight:bold ;
	border: 1px outset #ccc ;
	background: #ccc;
	font-weight:normal ;
}

a.linkButton:visted{
    width:auto;
	padding: .3em .6em ;
	color: #363636 ;
	background: #ccc;
	font-weight:bold ;
}

a.linkButton:hover{
	color: #000 ;
	border: 1px inset #363636 ;

}

/*-------------------------------- */
/* Utility  */
/*-------------------------------- */
/* Commone help classes  */

/* Utility Classes */
.widthFull {
	width: 98.5%;
}
.width95 {
	width: 95%;
}
.width90 {
	width: 90%;
}
.width85 {
	width: 85%;
}
.width80 {
	width: 80%;
}
.width75 {
	width: 75%;
}
.width70 {
	width: 70%;
}
.width65 {
	width: 65%;
}
.width60 {
	width: 60%;
}
.width55 {
	width: 55%;
}
.width50 {
	width: 50%;
}
.width45 {
	width: 45%;
}
.width40 {
	width: 40%;
}
.width35 {
	width: 35%;
}
.width30 {
	width: 30%;
}
.width25 {
	width: 25%;
}
.width20 {
	width: 20%;
}
.width15 {
	width: 15%;
}
.width10 {
	width: 10%;
}
.width5 {
	width: 5%;
}

.width10 label{
  width:10% !important ;
}

.width15 label{
  width:15% !important ;
}

/* for labels */
.colWidthFull label {
	width: 98.5% !important ;
}
.colWidth95 label{
	width: 95% !important ;
}
.colWidth90 label{
	width: 90% !important ;
}
.colWidth85 label{
	width: 85% !important ;
}
.colWidth80 label {
	width: 80% !important ;
}
.colWidth75 label{
	width: 75% !important ;
}
.colWidth70 label{
	width: 70% !important ;
}
.colWidth65 label{
	width: 65% !important ;
}
.colWidth60 label{
	width: 60% !important ;
}
.colWidth55 label{
	width: 55% !important ;
}
.colWidth50 label{
	width: 50% !important ;
}
.colWidth45 label{
	width: 45% !important ;
}
.colWidth40 label{
	width: 40% !important ;
}
.colWidth35 label{
	width: 35% !important ;
}
.colWidth30 label{
	width: 30% !important ;
}
.colWidth25 label{
	width: 25% !important ;
}
.colWidth20 label{
	width: 20% !important ;
}
.colWidth15 label {
	width: 15% !important ;
}
.colWidth10 label{
	width: 10% !important ;
}
.colWidth5 label{
	width: 5% !important ;
}


abbr, acronym, span.abbr {
	cursor: help;
}
blockquote {
	background-color: #CC9;
	color: #000;
	border: 1px solid #000;
	font-style: italic;
}
/* end utility classes  */

/* Aligment Utility classes */
.alignRight {
	text-align: right;
}
.alignCenter {
	text-align: center;
}
.alignLeft {
	text-align: left;
}
.alignTop {
	vertical-align: top;
}
.alignBottom {
	vertical-align: bottom;
}
.alignTopRight {
	text-align: right;
	vertical-align: top;
}
.alignTopCenter {
	text-align: center;
	vertical-align: top;
}
.alignTopLeft {
	text-align: left;
	vertical-align: top;
}
.alignBottomRight {
	text-align: right;
	vertical-align: bottom;
}
.alignBottomCenter {
	text-align: center;
	vertical-align: bottom;
}
.alignBottomLeft {
	text-align: left;
	vertical-align: bottom;
}
.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
.image-left { 
	float: left;
	vertical-align: text-top;
}
.image-right {
	float: right;
	vertical-align: text-top;
}
.indent1 {
	padding-left: 18px;
}
.indent2 {
	padding-left: 36px;
}
.indent3 {
	padding-left: 54px;
}
.indent4 {
	padding-left: 72px;
}
.indent5 {
	padding-left: 90px;
}

.paddingRight10 {
	padding-right: 10px;
}

 


/* End Aligment Utility classes */

/* LIST UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE DE LISTE */
ul.noBullet {
	list-style-type: none;
}
ul.disc {
	list-style-type: disc;
}
ul.square {
	list-style-type: square;
}
ul.circle {
	list-style-type: circle;
}
ol.lower-alpha {
	list-style-type: lower-alpha;
}
ol.upper-alpha {
	list-style-type: upper-alpha;
}
ol.lower-roman {
	list-style-type: lower-roman;
}
ol.upper-roman {
	list-style-type: upper-roman;
}
/* LIST UTILITY CSS ENDS | FIN DU CSS D'UTILITE DE LISTE */

/* text utility classes */
.noWrap {
	white-space: nowrap;
}
.doubleLineSpace {
	line-height: 24.0pt;
}
.uppercase {
	text-transform: uppercase;
}
.lowercase {
	text-transform: lowercase;
}
.black {
	color: #000000;
	background-color: transparent;
}
.white {
	color: #FFFFFF;
	background-color: transparent;
}
.red {
	color: #FF0000;
	background-color: transparent;
}
.blue {
	color: #0000FF;
	background-color: transparent;
}
.green {
	color: #009933;
	background-color: transparent;
}
.grey {
	color: #999999;
	background-color: transparent;
}
.deepyellow {
	color: #FFCC33;
	background-color: transparent;
}
.blackBG {
	background-color: #000000;
}
.whiteBG {
	background-color: #FFFFFF;
}
.redBG {
	background-color: #FF0000;
}
.blueBG {
	background-color: #0000FF;
}
.greenBG {
	background-color: #009933;
}
.lightgreyBG {
	background-color: #CCCCCC;
}
.deepyellowBG {
	background-color: #FFCC33;
}
div.highlight, p.highlight {
	border: 1px solid #030;
	background-color: #9F9;
	padding: 5px;
}
div.topPage, p.topPage {
	float: right;
	text-align: center;
}
/* end text utility classes */

/* Font size classes */
.fontSize200 {
	font-size: 200%;
}
.fontSize195 {
	font-size: 195%;
}
.fontSize190 {
	font-size: 190%;
}
.fontSize185 {
	font-size: 185%;
}
.fontSize180 {
	font-size: 180%;
}
.fontSize175 {
	font-size: 175%;
}
.fontSize170 {
	font-size: 170%;
}
.fontSize165 {
	font-size: 165%;
}

.fontSize155 {
	font-size: 155%;
}

.fontSize145 {
	font-size: 145%;
}

.fontSize135 {
	font-size: 135%;
}

.fontSize125 {
	font-size: 125%;
}

.fontSize115  {
	font-size: 115%;
}

.fontSize105 {
	font-size: 105%;
}
.fontSize100, .topPage, h1.headline, h2.headline, h3.headline, h4.headline, h5.headline, h6.headline {
	font-size: 100%;
}
.fontSize95 {
	font-size: 95%;
}
.fontSize90 {
	font-size: 90%;
}
.mediumFont, .fontSize85 {
	font-size: 85%;
}
.fontSize80 {
	font-size: 80%;
}
.smallFont, .fontSize75 {
	font-size: 75%;
}
.fontSize70 {
	font-size: 70%;
}
/* General css ends  */

/* test utility  */
.doubleLineSpace {
	line-height: 200%;
}
/* end test utility */



/*-------------------------------- */
/* Only a survey styles */
/*-------------------------------- */
div.OAS_survey{
  padding: .4em .4em  .4em  1em  ;
}

div.OAS_survey fieldset{
  border: 1px solid #ccc ; /* D6DEEC  */
}

div.OAS_survey fieldset legend{
  padding: .3em .6em .3em .6em  ;
}

/* Hide any element */
.displayNone{display:none;}

.clearBoth{
  clear:both ;
}