/*Index table --------------------------------------------------------------------*/
td img {display: block;}
body {
	min-width:768px;
	min-height:400px;
	font-family: helvetica, arial, sans-serif;
	/*color: #4f4f4f; */
	color: #4f4f4f;
	font-size: 90%;

	}

input {
	border: 1px solid #AAD7FA;
}

.DAdminBody{
	background-color:#ffffff;
	height:100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	min-width:768px;
  font-family: helvetica, arial, sans-serif;
	color: #4f4f4f;
}

.DPublicBody{
	background-color:#ffffff;
	height:100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	min-width:768px;
  font-family: sans-serif;
	color: #4f4f4f;
}

#loginUsername, #loginPassword {
	background-color:Transparent;
	background-position:3px 3px;
	background-repeat:no-repeat;
	border:0px solid #fff;
	color:#000000;
	font-size:14px;
	margin:0 3px 0 0;
	padding:2px;
}

.screenShots {
 border: 4px solid #000000;
 position: absolute;
 z-index: 1020;
 padding: 4px;
 background-color: #FFF;
}

.promptBg {
 position: absolute;
 z-index: 1010;
 top: 0px;
 left: 0px;
 opacity: 0.6;
 background-color: #000;
 filter: alpha(opacity=60);
 display: none;
}

html {
	height:100%;
}

.adminCadre {
  background-color: white;
  border: 1px solid #cecece;
}

.buttonWizard{
	border: 1px solid black; 
	background-color: #606060; 
	color: white; font-wight: bold; 
	font-size: 16px; 
	height: 25px; 
	cursor:pointer;
	font-family: helvetica, arial, sans-serif;
}


.tableLayout {
/* this next line centers tables BTW, I just added it because the center attribute is also depreciated */
margin: auto;
height: 100%;
width: 100%;
border: 0px solid #000000;
}

.divHead{
	background-color: #ffa9a9;
}

.layoutTable{
	table-layout:auto;
	border-collapse:colapse;
	background-color: #ffffff;
	width: 776px;
	border-style: none solid none solid;
	border-width: 5px;
	border-color: #878787;
}

.layoutWizard{
	background-color: #ffffff;
}

.topImage01{
	width:766px;
	height:78px;
	text-align:right;
	padding:0px 20px 0px 0px;
}

.txtCurrentWidgetText{
	font-size:90%;
}

#upperMenuPart2 a {
color: #000000;
text-decoration: none;
cursor: hand;
}

#upperMenuPart2 a:hover {
color: #000000;
text-decoration: none;
cursor: hand;
}

#divWizardList {
	width: 90%;
	height: 90%;
	background-color: #c0c0c0;
}

.txtUpperLink{
	font-size:90%;
	color:#000000;
	text-decoration:none;
}
.txtUpperLink a {
color: #000000;
text-decoration: none;
cursor: hand;
vertical-align: text-bottom; 
}
.txtUpperLink a:hover {
color: #000000;
text-decoration:underline;
}
.txtUpperLink:hover
{
color: #000000;
text-decoration:underline;
}

.txtShareThisLink{
	font-size:14px;
	color:#000000;
	text-decoration:none;
}
.txtShareThisLink a {
color: #000000;
text-decoration: none;
cursor: hand;
vertical-align: text-bottom;
	background-color:;
}
.txtShareThisLink a:hover {
color: #000000;
background-color:#ebebeb;
}
.txtShareThisLink:hover
{
color: #000000;
background-color:#ebebeb;
}

.txtPublicTopLink{color:#686565;text-decoration:none;}

.txtPublicTopLink a {
color: #686565;
text-decoration: none;
cursor: hand;
vertical-align: text-bottom; 
}
.txtPublicTopLink a:hover {color: #686565;text-decoration:underline}
.txtPublicTopLink:hover {color: #686565;text-decoration:underline}

.txtPublicTopLinkGray{color:#686565;text-decoration:none;}

.txtPublicTopLinkGray a {
color: #686565;
text-decoration: none;
cursor: hand;
vertical-align: text-bottom; 
}
.txtPublicTopLinkGray a:hover {text-decoration:underline;}
.txtPublicTopLinkGray:hover {text-decoration:underline;}

.txtLinkPublic{
	font-size:16px;
	color:#000;
	text-decoration:none;
}
.txtLinkPublic a {
color: #000;
text-decoration: none;
cursor: hand;
vertical-align: text-bottom; 
}
.txtLinkPublic a:hover{color: #000;text-decoration:underline;}
.txtLinkPublic:hover {color: #000;text-decoration:underline;}

.txtWhiteLink{
	font-size:90%;
	color:#ffffff;
	text-decoration:none;
}
.txtWhiteLink a {
color: #ffffff;
text-decoration: none;
cursor: hand;
vertical-align: text-bottom; 
}
.txtWhiteLink a:hover {
color: #ffffff;
text-decoration:none;
}
.txtWhiteLink:hover
{
	text-decoration:none;
}
.txtWhiteLink:hover
{
color: #ffffff;
text-decoration:none;
}


.txtBlackLink{
color: #000;
text-decoration: none;
cursor: hand;
vertical-align: text-bottom; 
}
.txtBlackLink a {
color: #000;
text-decoration: none;
cursor: hand;
vertical-align: text-bottom; 
}
.txtBlackLink a:hover {
	text-decoration:underline;
}
.txtBlackLink:hover
{
	text-decoration:underline;
}


.txtGrayLink{
color: #555555;
text-decoration: none;
cursor: hand;
vertical-align: text-bottom; 
}
.txtGrayLink a {
color: #555555;
text-decoration: none;
cursor: hand;
vertical-align: text-bottom; 
}
.txtGrayLink a:hover {
	text-decoration:underline;
}
.txtGrayLink:hover
{
	text-decoration:underline;
}

/*style pour le site public*/
.generalTitle{
	color: #00aaff;
	font-size:25px;
	font-weight:normal;
}
.generalSubTitle{
	color: #000;
	font-size:14px;
	font-weight:normal;
	color: #4f4f4f;
}
.generalTextSection{
	color: #000;
	font-size:16px
}
.generalText{
	color: #000;
	font-size:small
}
.generalSection{
	color: #000;
	font-size:20px;
}
.generalNormalText{
	color: #4f4f4f; 
	font-size:14px;
	font-family: helvetica;
}
.txt_whathow_title {
	color: #4f4f4f;
	font-weight:bold;
	font-size:22px;
}
.txt_whathow_normal {
	font-size:16px;
	color: #4f4f4f;
}
.txt_sign_up_title {
	color: #ff33ff;
}
.txt_sign_up_normal {
	font-size:14px;
	color: #656565;
}
.inputsign_up {
	background-color:Transparent;
	background-position:3px 3px;
	background-repeat:no-repeat;
	border:0px solid #fff;
	color:#000000;
	font-size:15px;
	margin:0 3px 0 0;
	padding:2px;
	width:200px;
}

.publicGeneral{
	font-size: small;
	color: #4f4f4f;
}
li {
	padding: 2px;
}


/*general theme --------------------------------------------------------------------*/

.enteteTbl {
  color:#ffffff;
  font-size: small;
  padding: 2px;
  background-color:#979da1;
}

.textTbl {  
  font-size: small;
  color: black;
}

#title {
  width: 600px;
  color: #000;
}



.fontTahoma {
  font-size: small;
  color: #8F8F8F;
  padding-right: 4px;
}

.fontBreadcrumbs
{
	text-decoration:none;
	color: #0033BB
}

/*Disconnect button --------------------------------------------------------------*/
.linknodecoration.link
{
	text-decoration:none;
}
.linknodecoration:visited
{
	text-decoration:none;
}
.linknodecoration:hover
{
	text-decoration:none;
}


/*edit module --------------------------------------------------------------------*/


#midlePage{
	width: 750px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0px solid black;
  position: relative;
}
#moduleEdited{
  border: 1px solid black;
  width: 300px;
  position: relative;
}
  
#divCustomerRequest {
  margin-top: 10px;
  position: relative;
}
  
#divTemplateDemo {
  padding: 2px;
  width: 400px;
  position: relative;
  background-color: #FFFFFF;
}

/*view module --------------------------------------------------------------------*/


#tblModuleInfo {
  border: 1px solid black;
  width: 300px;
}

/*customer module list --------------------------------------------------------------------*/


#divModuleList {
  width: 620px;
  background-color: #c0c0c0;
}

/*default view list -----------------------------------------------------------*/
#divDefaultView {
	width: 620px;
  background-color: #c0c0c0;
}


/*module mod request -----------------------------------------------------*/

#modRequest {
  border: 0px solid black;
  padding: 5px;
  width: 600px;
  margin-bottom: 10px;
  margin-top: 10px;
}

/*customer view list ---------------------------------------------------*/

.borderTable {
  border: 1px solid black;
}

/*customer module view list -----------------------------------------------------*/

#divViewMenu {
  width: 600px;
  font-family: helvetica, arial, sans-serif;
  font-size: small;
}

#divViewList {
	width: 620px;
  background-color: #c0c0c0;
}

/*edit view ------------------------------------------------------------------------*/


#divSkin {
  width: 600px;
}

#divCustomize {
  width: 600px;
}

#divViewCustomize {
  width: 700px;
}

#tblEditView {
  border: 1px solid black;
}

.tblSpace {
  padding: 2px;
  font-size: small;
}

/*edit view basic------------------------------------------------------------*/


.borderTableEdit {
  padding-top: 2px;
  padding-bottom: 3px;
  padding-left: 6px;
  border-bottom: 1px solid black;
}

.borderTableRight {
  padding-top: 2px;
  padding-bottom: 3px;
  padding-left: 2px;
  border-bottom: 1px solid black;
  border-right: 1px solid grey;
}


div.yuimenu .bd {
  zoom: normal;
}

.button-container {
  padding: .5em;
  border-top: solid 1px #000;
  padding: .5em .25em;
  margin-top: .5em;
}

.color-picker-button {
  vertical-align: baseline;
}

.color-picker-button button {
    
   outline: none; 
   line-height: 1.5;
 }


#color-picker-containerbutton-container .yui-picker-controls,
#color-picker-containerbutton-container .yui-picker-swatch,
#color-picker-containerbutton-container .yui-picker-websafe-swatch {
    
  display: none;
    
}
    
 #color-picker-containerbutton-container2 .yui-picker-controls,
 #color-picker-containerbutton-container2 .yui-picker-swatch,
 #color-picker-containerbutton-container2 .yui-picker-websafe-swatch {
    display: none;
 }
 
 #color-picker-containerbutton-container3 .yui-picker-controls,
 #color-picker-containerbutton-container3 .yui-picker-swatch,
 #color-picker-containerbutton-container3 .yui-picker-websafe-swatch {
    display: none;
 }
            
#color-picker-menu .bd {
  width: 220px;    
  height: 190px;
}

 #container { position: relative; padding: 6px; background-color: #eeeeee; width: 420px; height:220px; } 

/*edit view advanced --------------------------------------------------------*/

.cellLeft {
  border-right: 1px solid grey;
  border-bottom: 1px solid black;
}
.cellRight {
  border-bottom: 1px solid black;
}
/*edit customer--------------------------------------------------------------*/


#tblEditCustomer {
  border: 0px solid black;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0px
}

/*view customer --------------------------------------------------------------*/

#customerinfo {
  width: 200px; 
}
.tableText {
  font-size: x-small;
}

/*system faq -----------------------------------------------------------------*/

#divFAQ {
  border: 0px solid black;
  width: 600px;
}
  
.txtFAQ {
  font-size: small;
  color: #8F8F8F;
}

/*question list -----------------------------------------------------------------*/

#divQuestionList {
  width: 620px;
  background-color: #c0c0c0;
}
#QuestionAnswer {
}

#divQuestion {
 background-color: #ececec;
 padding: 5px;
 color: #c20000;
}

#divResponse {
  padding: 5px;
}

#LookinFor {
  font-size: small;
}
/*ask question -----------------------------------------------------------------*/
#QuestionAsked {
  width: 600px;
}

/*show short help -----------------------------------------------------------------*/
#shorthelp {
  border: 0px solid black;
  width:600px;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: small;
}

#menuHelp {
  border: 1px solid black;
  width: 600px;
  padding: 0px;
  background-color: #ddddff;
}

#text {
  font-size: small;
  font-family: helvetica, arial, sans-serif;
  color: #8F8F8F;
  padding-bottom: 10px;
}

#divCloseHelp {
  width: 600px;
  margin-top: -20px;
}

/*Free module list ----------------------------------------------------------------------*/

#freeModuleList {
  border: 0px solid black;
  width: 600px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;

}

#cadre {
  width: 600px;
}

.formModules {
  padding: 0px;
}

#freeTitle {

  width: 600px;
  color: #FA5B04;

}


/*manage one poll ---------------------------------------------------------------*/



#divOnePollInside {
	width: 350px;
  padding: 10px;
  margin: 10px;
  background-color: white;
}

.subDiv {
  width: 490px;
  border: 1px solid black;
  padding: 5px;
  border-color: #cecece;
  padding-top: 10px;
  padding-bottom: 10px;


}

#divAddAnswer {
  width: 310px;
  border: 1px solid black;
  padding: 5px;
  border-color: #cecece;
}

/*regist customer -----------------------------------------------------------------------*/

#registcustomer {
  border: 0px solid black;
  width: 600px;
  padding: 5px;
}

#accounttype {
  border: 1px solid black;
  padding: 5px;
  margin: 5px;
}

#passwordfield {
  border: 1px solid black;
}

#licence {
  width: 600px;
  font-size: x-small;
}