body{
	/* Dessa två skapar 3 st scrollbars som man iint vill ha i IE10 */
	/*margin: 0 0 1px; */ /*Force vertical scrollbar*/
	/*overflow-y: scroll;*/
	margin:0px; /* Without this you get white space around site in EI and FF */
	padding:0; 
	height:100%; 
	width:100%; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #382513;
	line-height: 140%;
	} 
	
table{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
}

table.mainnamelist{font-size:16px;}

#namelist{
	float: left;
	clear:left;
	padding-left:5px;
	}

h1{font-family:"Trebuchet MS", "Trebuchet MS", sans-serif; color: #729C08;}
h2{font-family:"Trebuchet MS", "Trebuchet MS", sans-serif; color: #729C08;}
h3{font-family:"Trebuchet MS1", "Trebuchet MS", sans-serif; color: #729C08;}
h4{font-family:"Trebuchet MS1", "Trebuchet MS", sans-serif; color: #729C08;}




h1{ 
text-align: left;
margin-bottom:20px;
font-size: 26px;
margin-top:40px;
}

h1.tight{ 
margin-top:0px;
}

h2{ 
text-align: left;
font-size: 22px;
margin-left:5px;
margin-top:30px;
margin-bottom:5px;
}

h3{ 
text-align: left;
font-size: 16px;
margin-left:5px;
margin-top:20px;
margin-bottom:10px;
}

h4{ 
text-align: left;
font-size: 16px;
margin-left:10px;
margin-top:20px;
margin-bottom:5px;
}



h2.small{ 
font-size: 14px;
margin-bottom: 3px;
margin-top:0px;
}


img{
border: 0px;
padding:0px;
}
img:hover{text-decoration:none;}


/* Debug: */
/* div{border: solid 1px gray;} */

.input {color:#000000;}  
.inputDefault{color:gray;}

input.big {
color: #333333;
font-family: arial, verdana, "ms sans serif";
font-weight: bold;
font-size: 12pt;
} 


a{color:#2053A9;}
a:hover{text-decoration:underline;}
a:visited{text-decoration: none}

.link{cursor:pointer; color:#2053A9; text-decoration:underline;}
.ok{color:green; text-decoration:none;}
.not{color:#C0C0C0; text-decoration:none;}
.warning{color:#D80000;}
.warningmedium{color:#a87b5b;}


.refwords{color:gray;font-size:10pt;}
.gray {color:#C8C8C8;}
.darkgray {color:#575757;}





/* Page Header */
span#slogan{font-size:14px; font-family:Lucida Console; color:gray; padding-left:20px;} 
div#logo-name{float:left; margin-left:5px; margin-top:50px;}
div#logo-img{float:left; padding-left:35px;}
div#google{float:right; padding-right:5px; padding-bottom:5px; padding-top:15px;}

div#header{
float:left;
/*border-bottom: solid 1px gray;*/
width:100%;
}



.available{background-color:#729C08; padding:3px;}
.occupied{background-color:#C0C0C0; padding:3px;}


.favo{cursor:pointer;}


div.block{
padding:0px;
margin:0px;
display: -moz-inline-stack;
display: inline-block;
*display: inline;
zoom: 1;
width: 200px;
overflow: hidden;
}

div.blockheader{
padding:0px;
margin:0px;
display: -moz-inline-stack;
display: inline-block;
*display: inline;
zoom: 1;
width: 200px;
overflow: hidden;
}




span.highlight
{
color:#D80000;
}

span.highlightgreen, span.pattern
{
color:#00CC00;
}

span.nohighlight
{
color:black;
}

span.highlight2
{
color:black; font-size:14px; font-weight:bold;
}

span.nohighlight2
{
color:#BDBDBD; font-size:14px; font-weight:bold;
}

span.highlightbig
{
color:black; font-size:18px; font-weight:bold; 
}

span.nohighlightbig
{
color:#BDBDBD; font-size:18px; font-weight:bold;
}


legend{
color:#2053A9;
font-size: 12pt;
font-weight: bold;
}

fieldset
{
border: 1px solid #7598D4;
padding: 5px;
margin:5px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-opera-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
line-height: 100%;
}

fieldset.subset{
border:1px solid #C9C9C9;
padding-left:15px;
}

fieldset.subset2{
border:none;
padding-left:15px;
}

.inactive{color: #D0D0D0;}


#thesaurus{
padding-left:20px;
font-family: sans-serif;
font-size: 10pt;
color: #000000;
background: #FFFFFF;
text-align: justify;
line-height: 11pt;
}




/* Processen: Menyer och listor */ 
 
 #nav-menu{
 padding-top:20px;
 padding-left:20px;
 font-size:16px;
 margin-bottom:100px;
 }
 
 #nav-menu ul
{
list-style: none;
padding: 0px;
margin: 0px;
float: left;
width: 100%;
}

#nav-menu li
{
float: left;
margin: 0px;
padding-left: 5px;
padding-right: 5px;
height: 30px;
line-height: 30px;
float: left;
display: block;
text-align: center;
text-decoration: none;
-moz-border-radius:15px;
-webkit-border-radius:15px;
-opera-border-radius:15px;
-khtml-border-radius:15px;
border-radius:15px;
}



/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

#nav-menu .processhighlight{ 
font-size:14px; 
color:black;
background-color: #D4F87D;
border: solid 1px #91B43B;
}

#nav-menu .processdefault{ 
font-size:14px; 
color:black;
}


div#indextext{
	padding-top:0px; 
	margin:0 auto; 
	width:60%;
	}


div#footer{
clear:both; 
margin: 0 auto;
width:55%;
padding-bottom:20px; 
padding-top:70px; 
font-size:14px;}



div#container{
width:100%; 
background-image:url('fade-gray.png');
background-repeat:repeat-x;
padding-top:20px;
}

div#loadpage{
padding: 20px 30px 30px 30px;
}

div#centerpage{
	margin:0 auto; 
	width: 940px;
	padding-top: 40px;
}

div#centerpage2{
	margin:0 auto; 
	width: 940px;
	padding-top: 40px;
}
/***** Color wheel *****/
div#wheel {width: 256px; height: 256px; padding:0px;}
div#democ { float:left; width: 60px; height: 70px; padding: 10px;}
div#picka {float:left; width: 155px; height: 70px; padding: 10px;}

.btxt {color: #000000;}
.wtxt {color: #ffffff;}

.toggle{color:red; cursor:pointer;}


td.setfont{overflow:visible; line-height:100%;}
table#namecolor{overflow:visible;}

/** Google search API **** 
Rör ej, ska se ut exakt så här, verkar behöva placeras längst ner för EI
*/
#searchcontrol{width:100% !important; margin-top:20px;}
#searchcontrol .gsc-control{width: 940px!important; margin: 0 auto;}






div.mynames{clear:left; cursor: pointer;}

.delete{color:red; cursor:pointer;}
.delete:hover{font-weight:bold}


td.margin{width:150px;}



/****** tooltip styling *******/
.tooltip {
	background-color:white;
	border:solid 2px gray;
	display:none;
	padding:10px;
	width:450px;
	height:300px;
	font-size:11px;
	overflow:hidden;
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-opera-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;

    zoom: 1; /* hasLayout-Push for IE6 */
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
    -vendor-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
	
 filter: 
        progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=7)
        progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=10)
        progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=10)
        progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=7);

}

.tooltip .gsc-control{width:100%}

.gsc-search-box{display:none;}

/* mouseover state */

.nameprop:hover {
	background-position:0 -44px ;	
	float: left;
}

img#ear{
float:left; 
margin-right:3px;
}

/* clicked state */
.nameprop:focus {
	background-position:0 -88px;
}




/****** Buttons *******/

.bigbutton
{
   font-size:16px;
   color:black;
   width:150px;
   height:40px;
   cursor:pointer; 
}

.buttonon
{
   color:#2053A9;
}

.button{cursor:pointer; border:1px solid #7598D4; background:#E8E8E8; padding:8px; width:150px;}
.button:hover{background:#B8D9FF; border:1px solid #FFCC00;}





/* Language colors */
span.Romance{background-color: #cd0000; padding:3px;}
span.Japonic{background-color:#6c6932;  color:white;padding:3px;}
span.West-Germanic{background-color: #003e89; color:white; padding:3px;}
span.Semitic{background-color: #007500; color:white;padding:3px;}
span.Berber{background-color: #dbffdb;padding:3px;}
span.Chadic{background-color: #b1015f;padding:3px;}
span.Cushitic{background-color: #b9b9b9;padding:3px;}

span.Mongolic{background-color: #996f02;padding:3px;}
span.Tungusic{background-color: #ab5b5b;padding:3px;}
span.Turkic{background-color: #753600;color:white;padding:3px;}
span.Algic{background-color: #8d8d00;padding:3px;}
span.Je-Tupi-Carib{background-color: #c3be01;padding:3px;}
span.Mayan{background-color: #ff7575;padding:3px;}
span.Quenchumaran{background-color: #c0d9c9;padding:3px;}
span.Uto-Aztecan{background-color: #ca46ff;padding:3px;}

span.Austro-Asiatic{background-color: #cdfe76;padding:3px;}
span.Austronesian{background-color: #fe9ecb;padding:3px;}
span.Dene-yeniseian{background-color: #b8d487;padding:3px;}
span.Dravidian{background-color: #ff0000;padding:3px;}
span.Australian-families{background-color: #9b8afe;padding:3px;}
span.Sintic{background-color: #ffc600;padding:3px;}
span.Tibetan{background-color: #ffff00;padding:3px;}

span.Armenian{background-color: #a7d4d4;padding:3px;}
span.Baltic{background-color: #7bc1fc;padding:3px;}
span.Slavic{background-color: #ffffcd;padding:3px;}
span.Celtic{background-color: #d0e7ff;padding:3px;}
span.Noth-Germanic{background-color: #00a9b4;padding:3px;}

span.North-Germanic{background-color: #00a9b4;padding:3px;}
span.Greek{background-color: #0000ff;padding:3px;}

span.Indo-Aryan{background-color: #7c01f0;padding:3px;}
span.Iranian{background-color: #fe58a4;padding:3px;}

span.Albanian{background-color: #92ffff;padding:3px;}
span.Khoisan-families{background-color: #5fb101;padding:3px;}
span.Kradai{background-color: #ff7536;padding:3px;}
span.Isolate{background-color: #007575; color:white;padding:3px;}
span.Niger-Congo{background-color: #e5ba9f;padding:3px;}
span.Bantu{background-color: #00ff75;padding:3px;}
span.Nilo-Saharan{background-color: #ff0075;padding:3px;}
span.Paleosiberian-families{background-color: #d9b8ca;padding:3px;}
span.Papuan-families{background-color: #6d7e8e; color:white;padding:3px;}
span.South-Caucasian{background-color: #ffe3d5;padding:3px;}
span.Finno-Permic{background-color: #ba00ba; color:white;padding:3px;}
span.Finno-Ugric{background-color: #ff75ff;padding:3px;}
span.Samoyedic{background-color: #750075; color:white;padding:3px;}



@media screen and (max-width : 710px){
	div#indextext {
	 width:95%;
	}
}