/* =RESETTING ELEMENTS -------------------------------------------- */
/* Margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, thead, tbody {
	margin: 0;
	padding: 0;
	color: #000066;
}
/* Font-size for headers */
h1, h2, h3, h4, h5, h5 {font-size: 100%;}
/* Removing list-style form lists */
ol, ul {list-style: none;}
/* Normalizes font-style and font-weight to Normal */
address, caption, cite, code, dfn, em, strong, th, var, legend {font-style: normal;font-weight: normal;}
/* Normalizes table borders */
table {border-collapse: collapse;border-spacing: 0;margin:auto 0;}
/* Removes borders from fieldset and images */
fieldset, img {border: 0;}
/* Left align text in caption and th */
caption, th {text-align: left;} 
/* Removes quotation marks from q */
q:before, q:after {content:'';}
/* =END RESETTING ELEMENTS ---------------------------------------- */


/*********************************************************************/
/***  Formating for common to all pages   ****************************/
/*********************************************************************/
html {text-align:left;}
body {position:relative;margin:0 auto;background:#0099FF;text-align:center;
font-family: Arial, sans-serif;color: #000066;line-height: 1.166;behavior:url(../styles/csshover.htc);}

#globalNav{position:relative;width: 100%;min-width: 640px;height: 32px;color: #000066;
padding:0;;margin:0;background-image: url(../images/glbnav_background3.gif);
}
/* =Wrapper */
div#wrapper{
text-align:left;
width:770px;
margin:10px auto 0px auto;
}
div#maincontent {
width:100%;
position:relative;
margin:20px 0px;
}
/* =Logo  */
div#banner {
/*
padding:0px 153px 10px 153px ;*/
position:relative;
width:760px;
margin:0 auto;
text-align:center;
}
div#alignCenter {
width:760px;
margin:0 auto;
}
div#subNavWrapper {
position:relative;
left:0;
width:200px;
height:33px;
margin:0 0;

}


div#subnavigation{
height:32px;
width:300px;
position:relative;
text-align:left; 
background-image: url(../images/glbnav_background3.gif);

}
/* =Menu top navigation commun to all the dictionary pages */

#navigation ul, #navigation li{
padding:0;
list-style:none;
}
#navigation li #subnavigation li{
float:left;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
/*border-right:1px solid #ff6600;*/
}


a:link, a:visited {
color: #000066;
text-decoration: none;
}

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

a.glink {
font-size: small;
color: #000066;
font-weight: bold;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 4px;
padding-left: 5px;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #ff6600;
}
a.glink:hover{
font-size: 80%;
color: #ffffcc;
font-weight: bold;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 4px;
padding-left: 5px;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #ff6600;
}



.firstLi {
border-left:1px solid #FFFFFF;
padding-left:0px;
}

#navigation a, #subnavigation a{
display:block;
padding:5px 10px;
}
.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Hide from IE-mac */
label .fieldLabel {
display:inline;
float:none;
}
input .formInputText {
font-size:.8em;
color:#666;
background-color:#fee;
padding:2px;
border:solid 1px #f66;
margin-right:5px;
margin-bottom:5px;
height:15px;
text-align:left;
}
/* Alternate style for each expression of one word table */
.exprows0{font-family: "Verdana";font-size: 80%;color: #000066;background-color: #98f39c;}
.exprows1{font-family: "Verdana";font-size: 80%;color: #000066;background-color: #ff9900;}
span.hidelang{color:#FFFFFF;}

/* Header list table */
td#hideFrwordIcon{padding:0 0 0 8px;text-align:left;}
td#hideFwTd{width:115px; text-align:left;}
td#hideFxTd{text-align:left; padding-left:10px;width:265px;}
td#hideEwTd{text-align:left;width:120px;}
td#hideExTd{text-align:left;width:140px;}
/* List table dynamic cells */
.listLeftIcon{padding:0 12px 0 0; text-align:right;}
.flashBtn{padding:4px 0 0 0;margin:0;text-align:center;}
/* =Navigation for tables List */
div#navWrapper{position:relative; width:770px;height:50px;padding:5px 0;text-align:center;}
div#botNavDiv{position:relative;width:750px;height:35px;margin:5px auto;}
ul#botNavUl{position:relative;width:740px; height:30px;margin:0 auto; padding:3px 0; font-size:80%}
ul#botNavUl li{display:inline;margin:0 2px; padding:0 5px;background:#FFFF00; color:#0000FF; border:1px solid #000099;}
ul#botNavUl li:hover{cursor:pointer; background:#FFFF99;}
ul#botNavUl li.selected{background: #FF9900;}
ul#botNavUl li:hover.selected{ background:#FFFF00;}
ul#botNavUl li.notselected{ background:#FFFF00;}
ul#botNavUl li:hover.notselected{ background:#FFFF99;}

td#botRightImgCorner{text-align:right; margin:0; padding:0;}
td#botRightImgCorner img{ margin:0; padding:0;vertical-align:bottom; position:relative;}
td#botLeftImgCorner{text-align:left; margin:0; padding:0;}
td#botLeftImgCorner img{ margin:0; padding:0;vertical-align:bottom; position:relative;}

td#topRightImgCorner{text-align:right; margin:0; padding:0;}
td#topRightImgCorner img{ margin:0; padding:0;vertical-align:top; position:relative; top:-1px;}
#tables, #footerTable, #headerTable {position:relative;width:735px;margin:0 auto;background-color:#000000;font-size:80%;text-align:left;}
#headerTable span, #headerTable tr,  #headerTable td{font-size:10px;}
#waitingBox{font:10px Arial,Helvetica,sans-serif;background-color:#66CCFF;border:solid 5px #FF9900; 
text-align:center;width:200px;padding:1px;position:relative;margin:0 auto;z-index:110;display:none;color:#333333;}

/***  END OF Formating for TABLES listing words and expressions	******/
/*********************************************************************/


/*************************************************************************************/
/************  				admin/public =ADD WORDS AND EXPS styles   	**************/ 
/*************************************************************************************/

/**** Style common to addPage  ***/
#addPage{position:relative;width:770px;margin:5px auto;padding:5px 0;font-family:Arial, Helvetica, sans-serif;
font-size: 80%;color:#000066;background-color:#66cc33;}
#addPage fieldset{width:720px;border:1px solid #006600;padding:10px 10px;margin:0 auto;background-color:#FF9900;}
#addPage table {width:700px;background-color:#98f39c;}
#addPage table td{padding:2px 5px;text-align:left;}
#word, #wordextra, #addExp, #expression, #saveexp {width:760px;position:relative;margin:0 auto;padding:5px 0;background-color:#66cc33;}
#wordgender{height:30px;}
#verbgroup{height:30px; margin:5px 0px;}
#selectmenu{width:150px;}

/*****  form input styles **/

.show{display:block;}
.hide{display:none;}
#wordextra{display:none;}
#expression{display:none;}
#addExp{display:none;}
#saveexp{display:none;}

/****    alert boxes styles  ***/
#savebox {font-size:18px;width:270px;height:100px;position:absolute;top:50%;left:40%;color:#000066;background:#99FF99;border: 5px solid #FF6600;z-index:101;display:none;}
#savebox table{position:relative;left:5px;top:5px;padding:10px 10px;}
#savebox table td{margin:5px 5px;padding:5px 5px; text-align:center;}
#savebox img{width:20px;height:20px;vertical-align:middle;}
#needwordbox {font-size:18px;width:400px;height:160px;position:absolute;top:50%;left:40%;color:#000066;background:#99FF99;border: 5px solid #FF6600;z-index:101;display:none;}
#needwordbox table{position:relative;left:5px;top:5px;padding:10px 10px;margin:10px 10px 10px 5px;}
#needwordbox table td{margin:5px 5px;padding:5px 5px; text-align:center;}
#needwordbox img{width:20px;height:20px;vertical-align:middle;}
#noneedwordbox{font-size:18px;width:270px;height:100px;position:absolute;top:50%;left:40%;color:#000066;background:#99FF99;border: 5px solid #FF6600;z-index:101;display:none;}
#noneedwordbox table{position:relative;left:5px;top:5px;padding:10px 10px;}
#noneedwordbox table td{margin:5px 5px;padding:5px 5px; text-align:center;}
#noneedwordbox img{width:20px;height:20px;vertical-align:middle;}
#wdexpinserted, #expinserted, #wdinserted, #wordonlyconfbox, #addexpconfbox{
font-size:18px;width:270px;height:100px;position:absolute;top:50%;left:40%;color:#000066;background:#99FF99;border: 5px solid #FF6600;z-index:101;display:none;}
#alertbox{font-size:14px;width:280px;height:100px;position:relative;margin:0 auto;color:#000066;background:#99FF99;border: 5px solid #FF6600;z-index:130;display:none;}
#alertbox table td{text-align:center;}
#wdexpinserted table, #expinserted table, #wdinserted table, #wordonlyconfbox table, #addexpconfbox table{
position:relative;left:5px;top:5px;padding:10px 10px;}
#wdexpinserted table td, #expinserted table td, #wdinserted table td, #wordonlyconfbox table td, #addexpconfbox table td, #alertbox table td{margin:5px 5px;padding:5px 5px; text-align:center;}
#wdexpinserted img, #expinserted img, #wdinserted img, #wordonlyconfbox img, #addexpconfbox img, #alertbox img{
width:20px;height:20px;vertical-align:middle;}

/*************************************************************************************/
/************  			END	admin/public =ADD WORDS AND EXPS styles   	**************/ 
/*************************************************************************************/
/*************************************************************************************/
/************  				SEARCH WORDS AND EXPS styles   				**************/ 
/*************************************************************************************/
#searchForms{position:relative;width:770px;margin:5px auto;padding:5px 0;font-family:Arial, Helvetica, sans-serif;
font-size: 80%;color:#000000;background-color:#98f39c;}
#searchForms fieldset{width:720px;border:1px solid #006600;padding:10px 10px;margin:0 auto;background-color:#98f39c;}
#searchForms table{width:700px;background-color:#98f39c;}
#searchForms table td{padding:2px 5px;text-align:left;font-size:60%;}
/*************  Classes    *************/
/* =wordSearch result */
.foundWord{font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-style: italic;font-weight: bold;color: #000066;
text-decoration: none;}
.alignRight{text-align:right;}
.activeLink{border-bottom:solid 4px #FF6600;}
/************** siteInfo styles ****************/
/* Admin add/update navigation bar dropdown styles + adminsearch*/
div#navigation{height:32px;width:716px;position:relative;text-align:center;z-index:300;background:#00CC00;margin:0 auto; 
/*background-image: url(../images/glbnav_background3.gif);*/
}
div#navigation ul{margin:0; padding:0;width:720px;}
div#navigation ul.level1 li{position:relative;list-style:none;margin:0;padding-top:5px;height:26px;float:left;
border-left:solid 1px #0099FF;border-right:solid 1px #0099FF; border-bottom:none;border-top:none;/*To visually separate the li elements*/}
div#navigation li#homeAdmin, li#requestAdmin, li#search, li#list, li#statsAdmin, li#logout, li#add, li#update{width:5.5em;}

div#navigation li:hover{z-index:3000; color:#FF9900;}
div#navigation li.submenu{background:url(../images/arrow-down.gif) 100% 50% no-repeat; text-align: center;}
div#navigation li.submenu:hover{z-index:3000;}
div#navigation li a{display:block;padding:0.1em 0;text-decoration:none;
/* IE6-  rules */
width:100%;voice-family: "\"}\"";voice-family:inherit;
/* Specify explicit width IE/WIN 
left padding = 0.5  + content width = 11.5 => 12em  for ul */
width:5em;}
div#navigation li#add a, div#navigation li#update a, div#navigation li#search a{ width:5.5em;}
/*div#navigation li#seeSchool, div#navigation li#compareSchool{border-bottom:none;}*/
div#navigation>ul a{ /* IE will skip this rule but the other browsers will take it*/
width:auto;}
div#navigation ul ul{position:absolute;top:32px;left:-1px;width:5.5em;display:none;}
div#navigation ul.level1 li.submenu:hover ul.level2 {display:block; background:#00CC33;width:5.5em;}
ul.level2 li a{ white-space:nowrap; font-size:.8em; text-align:left;margin-left:.5em;}
div#navigation li.submenu li{width:5.5em;border-bottom:solid 1px #0099FF;border-top:solid 1px #0099FF; border-right:none;border-left:none;}
/* End drop down navigation */
/* Public search navigation bar dropdown styles + adminsearch*/
div#navigation_public{height:32px;width:730px;position:relative;text-align:center;z-index:300;background:#00CC00;margin:0 auto; font-size:.9em;
/*background-image: url(../images/glbnav_background3.gif);*/
}
div#navigation_public ul{margin:0; padding:0;width:732px;}
div#navigation_public ul.level1 li{position:relative;list-style:none;margin:0;padding-top:5px;height:26px;float:left;
border-left:solid 1px #0099FF;border-right:solid 1px #0099FF; border-bottom:none;border-top:none;/*To visually separate the li elements*/}
div#navigation_public li#homeSite,  li#homePublic, li#favouritep, li#search, li#listPublic, li#downloadsp,li#forump,  li#loginp, li#addp, li#helpp{width:5.5em;}

div#navigation_public li:hover{z-index:3000; color:#FF9900;}
div#navigation_public li.submenu{/*background:url(../images/arrow-down.gif) 100% 50% no-repeat; */text-align: center;}
div#navigation_public li.submenu:hover{z-index:3000;}
div#navigation_public li a{display:block;padding:0.1em 0;text-decoration:none;
/* IE6-  rules */
width:100%;voice-family: "\"}\"";voice-family:inherit;
/* Specify explicit width IE/WIN 
left padding = 0.5  + content width = 11.5 => 12em  for ul */
width:5em;}
div#navigation_public li#search a{ width:5.5em;}
div#navigation_public>ul a{ /* IE will skip this rule but the other browsers will take it*/
width:auto;}
div#navigation_public ul ul{position:absolute;top:32px;left:-1px;width:5.5em;display:none;}
div#navigation_public ul.level1 li.submenu:hover ul.level2 {display:block; background:#00CC33;width:5.5em;}
ul.level2 li a{ white-space:nowrap; font-size:.8em; text-align:left;margin-left:.5em;}
div#navigation_public li.submenu li{width:5.5em;border-bottom:solid 1px #0099FF;border-top:solid 1px #0099FF; border-right:none;border-left:none;}
/* End drop down navigation */
/* =Search forms */
div#fwordsearch img{margin-top:4px;}
/* French word form */
div#fwordsearch{position:relative; top:10px;width:32em; height:2em; margin:0 auto; padding:5px .2em; border:2px solid #FF6600;background:#98f39c; text-align:center;}
div#fwordsearch label{float:left; height:1.5em; padding:.25em 0;}
input#fwordinput {float:left;  height:1em; margin:.5em .8em;}
input#fwordformbtn {float:left; height:1.5em; margin:.25em .5em .25em .5em;}
/* English word form */
div#ewordsearch{position:relative; top:10px;width:25em; height:2em; margin:0 auto; padding:5px .2em; border:2px solid #FF6600;background:#98f39c; text-align:center;}
div#ewordsearch label{float:left; height:1.5em; padding:.25em 0;}
input#ewordinput {float:left;  height:1em; margin:.5em .8em;}
input#ewordformbtn {float:left; height:1.5em; margin:.25em .5em;}

/* Alpha search */
div#alphasearch{position:relative; top:10px;width:45em; height:1.2em; margin:0 auto; padding:.2em .2em; border:2px solid #FF6600;background:#98f39c; text-align:center;}
ul#alphasearchul{position:relative;width:40em;margin:0 auto;padding:0 2.5em;height:1em;}
ul#alphasearchul li{float:left; padding:0 .4em;}
li.firstletter{padding-left:0;}
li.lastletter{padding-right:0;}
/* Topic form */
div#topicsearch{position:relative; top:10px;width:23em; height:2em; margin:0 auto; padding:5px 2em 5px 5em; border:2px solid #FF6600;background:#98f39c; text-align:center;}
div#topicsearch label{float:left; height:1.5em; padding:.25em 1em 0 .5em;}
select#topiclist {float:left;  height:1.5em; margin:.3em 0 0 0;}

/* Category form */
div#catsearch{position:relative; top:10px;width:23em; height:2em; margin:0 auto; padding:5px 2em 5px 5em; border:2px solid #FF6600;background:#98f39c; text-align:center;}
div#catsearch label{height:1.5em; padding:.25em 1em 0 .5em; float:left;}
select#catlist {float:left;  height:1.5em; margin:.3em 0 0 0;}

div.aligncentre{position:relative;height:1.9em; width:22em;margin:0 auto; text-align:center;};

/*End search forms*/

/*Accent keyboard*/
#keytable{width:210px;height:120px;margin:0 auto;padding:10px 5px 2px 5px;background:#FF6600;text-align:center;}
#keyboard{margin:0 auto;background:#FF6600;}
table#keyboard div {background-color:#98F39C;width:20px;height:20px;vertical-align:middle;text-align:center;padding:2px 2px;margin:2px 2px;}
table#keyboard div:hover{cursor:pointer;background:#FF9900;}
div#theLayer{position:relative;left:500px;top:300px;width:220px;text-align:center;z-index:30000;border:solid 4px #66cc33;background:#66CC33;display:none;}
div#titleBar{width:220px;height:18px;margin:0 auto;padding:4px 0;text-align:center;position:relative;background: #FF6600;}
div#titleBar:hover{cursor:move;}
div#titleBar img{position:relative;left:20%;}
div#titleBar img:hover{cursor:pointer;}

/* =suggest public */
div#suggestboxform{position:relative; width:380px; margin:0 auto; text-align:left; font-size:80%; background:#98f39c;}
#suggestboxform label{width: 10em; text-align: left; margin-right: 0.5em; display:block; float:left;}
#suggestboxform fieldset{padding-top:20px;border:2px solid  #FF6600; background:#98f39c;width:360px;padding-left:20px;}
.fillin{text-align:left;width:300px;color:#000066;background:#FFFFFF;border: 1px solid #FF6600;}
.submit{text-align:center;margin:20px 0 10px 0;}
.fitem{margin-bottom:5px;}
.submit input{color: #000;background: #ffa20f;border: 2px outset #d7b9c9;}
.kbimg {
	text-align:center;
	margin-bottom:10px;
	color:#000066;
	font-weight: bold;
	letter-spacing:1pt;
	font-family: Arial, Helvetica, sans-serif;
}
.kbimg img{vertical-align:middle;}
div#suggestmsgdiv{width:380px;position:relative;margin:10px auto;padding:10px 5px;background: #98f39c;border:2px solid #FF6600;
color: #000066;font-weight: normal;}
#suggestmsg {background: #98f39c;}
/*=home page public */
div#mainContent{position:relative;float:left; width:500px; font-size:0.8em;}
div#sideContent{position:relative;float:right; width:250px; padding-right:20px; font-size:0.8em;}
div#help{position:relative;margin:0 auto; width:450px;}
div#rightContent{width:185px; background: #FFCC00; border:1px solid  #00FF00;}
#wordoftheday, #topics, #wordcount, #lastexp, #searchword, #demohelp, #quickhelp, #searchalpha, #searchcat{
position:relative;background-color:#98f39c;color:#000066;text-align:left;border-top: 0;}
#wordoftheday h3, #topics h3, #wordcount h3, #lastexp h3, #searchword h3, #demohelp h3, #quickhelp h3, #searchalpha h3, #searchcat h3{height:20px;background:#FF6600; padding:5px 3px;color:#000066;text-align:center;}
#searchword form {padding:2px 5px;}
#lastexp ol, #wordoftheday ul, #helpquickright ul {padding:0px 0px;}
#topics ul {padding-left: 5px;padding-right: 5px;padding-bottom: 5px;padding-top: 5px;}
#wordcount p{padding:0 5px;color: #000066;}
 /* set background images for corners */
.rbroundbox { background: #66CC33; }
.rbroundboxlarge { background: #66CC33; }
.rbroundboxlarge2 { background: #66CC33; }
.rbroundboxsmall { background: #66CC33; }
.rbtop div  { background: url(../images/corner1_2007.gif) no-repeat top left; }
.rbtop      { background: url(../images/corner2_2007.gif) no-repeat top right; }
.rbbot div  { background: url(../images/corner3_2007.gif) no-repeat bottom left; }
.rbbot      { background: url(../images/corner4_2007.gif) no-repeat bottom right; }

 /* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.rbcontent  { margin: 0 15px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	}	
.rbroundbox { width:250px; margin:0 auto 10px auto;}
.rbroundboxsmall { width:220px; margin:0 auto 10px auto; }
.rbroundboxlarge { width:450px; margin:0 auto 10px auto; }
.rbroundboxlarge2 { width:770px; margin:0 auto 10px auto; }

/*=home search form*/
#searchword img{vertical-align:middle;}
#searchword label{width: 7em;text-align: right;margin-right: 0.2em;display:block;float:left;color: #000066;}
#searchword fieldset{padding:5px 0;}
.fdbmsg {text-align:center; color:#000066; padding:5px;}
.homesearchtitle {text-align: center; color: #000066; padding: 5px; }
.hfillin{text-align:left;width:180px;color:#000066;background:#FFFFFF;border: 1px solid #FF6600;}
.hsubmit{color: #000066;background: #ffa20f;border: 2px outset #d7b9c9;text-align:left;height:20px; font-size:10px;}
.hfitem{margin-bottom:5px;}
#searchword h4{margin-right:0.2em;color:#000066;}
/*#searchresults{position:relative;background-color:#FF9900;padding-left:5px;padding-right:5px;padding-bottom:5px;padding-top: 5px;}
*/
div.searchresults{position:relative;background-color:#FF9900;padding-left:5px;padding-right:5px;padding-bottom:5px;padding-top: 5px; text-align:center;}

#alphasearchulist {width:400px; padding:0; margin:0 auto; border:0;} 
ul#alphasearchulist ul{width:390px; padding:0; margin:0 auto; clear:left;} 
#searchalphali{width:420px;padding:0; margin:0 auto; border:0;}
ul#alphasearchulist{position:relative;width:410px;margin:0 auto;padding:0 5px;height:1em;}
ul#alphasearchulist ul li{float:left; padding:.2em .4em;width:1.2em;}
#searchcatul{width:410px; padding:0; margin:0 auto; border:0; }  
#searchcatul ul{width:410px; padding:0; margin:0 auto; clear:left;}
#searchcatul ul li{float:left; padding:0; width:200px;}

/*=home word of the day / countword / lastexp ul li*/
.fexpli{color:#000066;padding-left:5px;padding-right:5px;padding-bottom:5px;padding-top:5px;}
.eexpli{background:#FF9900;color: #000066;padding-left:5px;padding-right:5px;padding-bottom:5px;padding-top:5px;}
.wcountul{padding-left:5px;padding-right:5px;padding-bottom:5px;padding-top:5px;}
#wordoftheday li {margin-left:5px;}
#wordoftheday span {margin-left:5px;}
/*=home Help li*/
.wordres {color:#000066;font-weight:900;}
.expres2 {color:#000000;font-weight:700;background:#FF6600; text-indent:.5em;}
.expres1 {color:#000000;font-weight:700;background:#FFCC00; text-indent:.5em;}
ul#ulhelplist{padding:5px 15px;}
ul#ulhelplist li{list-style: disc; margin:5px 0 0 0; line-height:1.2em; letter-spacing:.7pt;}
ul#ulhelpsublist{padding:2px 2px 2px 25px;}
ul#ulhelpsublist li{list-style: circle; margin:5px 0 0 0;}
.highlight{ color: #000066; font-weight:800;}
a.gotolink{text-decoration:underline;}
a:hover.gotolink{color:#FF9900;}
