
/* Typographical Elements
--------------------------------------------- */

html {
	font-size: 62.5%; /* 10px browser default */
}

/* Chrome fix */
body > div {
	font-size: 1.5rem;
}

body {
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	line-height: 1.625;
	margin: 0;
    background-color: #dfe4e8;
}
.winbackground {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
	}

.wincontent {
        width: 85%;
        height: 90%;
        background-color: white;
        border: 1px solid #FF0000;

        position:absolute; /*it can be fixed too*/
        left:0; right:0;
        top:0; bottom:0;
        margin:auto;
        padding: 0;

        /*this to solve "the content will not be cut when the window is smaller than the content": */
        max-width:100%;
        max-height:100%;
        overflow:auto;
    }
	

#loginbuttons {
color: #FFFFFF;
background-color: #FF0000;
padding: 10px;
font-size: 15pt;
}


.letsencrypt img { max-width: 300px; margin-bottom: 10px; margin-top: 10px; }

#wrapper {
background-color:#ddd;
width:700px;
margin:0 auto;
padding:0px 20px 20px 20px; 
overflow:hidden;
position:relative;
left: 15px;
top: 21px;
border:3px solid #BABABA;
border-radius: 20px;
-moz-border-radius: 20px;
}

#widewrapper {
background-color:#ddd;
width:1024px;
margin:0 auto;
padding:0px 20px 20px 20px; 
overflow:hidden;
position:relative;
left: 15px;
top: 21px;
border:3px solid #BABABA;
border-radius: 20px;
-moz-border-radius: 20px;
}

#topBar
{
background-color:#fdfdfd;
width:99%;
/*  float:left; */
padding: 3px;
border:1px solid #CCCCCC;
border-radius: 20px;
-moz-border-radius: 20px;
}


/*
#fixedTop {
overflow: hidden;
position: fixed;
left: 0px;
top: 0;
}

#menu
{
width:100%;
BACKGROUND-COLOR: #444;
TEXT-ALIGN: center;
FONT-VARIANT: normal;
TEXT-DECORATION: none;
border:1px solid #BABABA;
}

.mainmenu { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-STYLE: normal; BACKGROUND-COLOR: transparent;  FONT-FAMILY: Verdana, arial, helvetica, serif; }
.mainmenu A:link {text-decoration: none; color: #FFFFFF;}
.mainmenu A:visited {text-decoration: none; color: #FFFFFF;}
.mainmenu A:active {text-decoration: none; color: #FFFFFF;}
.mainmenu A:hover {text-decoration: none; color: black; BACKGROUND-COLOR: yellow; }
*/

	
#menu {
overflow: hidden;
position: fixed;
left: 0px;
top: 0;
width:100%;
BACKGROUND-COLOR: #444;
TEXT-ALIGN: center;
FONT-VARIANT: normal;
TEXT-DECORATION: none;
border:1px solid #BABABA;
}

#mainmenu { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-STYLE: normal; BACKGROUND-COLOR: transparent;  FONT-FAMILY: Verdana, arial, helvetica, serif; }
#mainmenu A:link {text-decoration: none; color: #FFFFFF;}
#mainmenu A:visited {text-decoration: none; color: #FFFFFF;}
#mainmenu A:active {text-decoration: none; color: #FFFFFF;}
#mainmenu A:hover {text-decoration: none; color: blue; BACKGROUND-COLOR: white; }


#central
{
background-color:#CDCDCD;
width:97%;
clear:both;
padding:5px; 
border:1px solid #BABABA;
border-radius: 20px;
-moz-border-radius: 20px;
}

#bottomBar
{
background-color:#fdfdfd;
width:98%;
float:left;
padding: 5px;
border:1px solid #BABABA;
border-radius: 10px;
-moz-border-radius: 20px;
}


#logo
{
float:left;
width:20%;
padding: 3px;
}

#topright
{
float:right;
padding: 3px;
}


h1	{
	color: #6a5dbd; 
	font-family: verdana, arial, tahoma; 
	text-align:center; 
	font-size:24px; 
	FONT-WEIGHT: bold; 
	margin:0in; 
	margin-bottom:.0001pt; 
	padding:0in;
}

h2	{
	color: #008000; 
	font-family:times, serif; text-align:center; 
	font-style: italic; 
	font-size:18px; 
	margin:0in; 
	margin-bottom:.0001pt; 
	padding:0in;
}

h3	{
	color: #409b9b;
	font-family:times, serif; text-align:center; 
	font-size:16px; 
	margin:0in; 
	margin-bottom:.0001pt; 
	padding:0in;
}

h4	{
	color: #3b8fc1; 
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
	text-align:left; 
	font-size:12px; 
	margin:0in; 
	margin-bottom:.0001pt; 
	padding:0in;
}

.h5	{
	font-family: Trebuchet MS,Palatino,Times New Roman,serif;
	font-size: 11pt;
	font-weight: bold;
}

.h6	{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

.rssBoxes
{
	border-collapse: collapse;
	padding: 10px;
	border-style: solid;
	background-color: #FFFFFF;
	border-width: 0px 0px 0px 0px;
	border-color: #9797F9;
}

}
.text8 {
	FONT-WEIGHT: normal; FONT-SIZE: 8px; COLOR: #000000; FONT-STYLE: normal; BACKGROUND-COLOR: transparent;  FONT-FAMILY: Verdana, arial, helvetica, serif;
}

.text8blue {
	FONT-WEIGHT: normal; FONT-SIZE: 8px; COLOR: #0000FF; FONT-STYLE: normal; BACKGROUND-COLOR: transparent;  FONT-FAMILY: Verdana, arial, helvetica, serif;
}

.text10 {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #FFFFFF; FONT-STYLE: normal; BACKGROUND-COLOR: transparent;  FONT-FAMILY: Verdana, arial, helvetica, serif;
}

.text10black {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #000000; FONT-STYLE: normal; BACKGROUND-COLOR: transparent;  FONT-FAMILY: Verdana, arial, helvetica, serif;
}

.text11 {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; FONT-STYLE: normal; BACKGROUND-COLOR: transparent;  FONT-FAMILY: Verdana, arial, helvetica, serif;
}

.text11B {
	FONT-SIZE: 11px; BACKGROUND-COLOR: transparent;  FONT-FAMILY: Verdana, arial, helvetica, serif;
}

.text12 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; FONT-STYLE: normal; BACKGROUND-COLOR: transparent;  FONT-FAMILY: Verdana, arial, helvetica, serif;
}

.text12B {
	FONT-SIZE: 12px; BACKGROUND-COLOR: transparent;  FONT-FAMILY: Verdana, arial, helvetica, serif;
}

.text14 {
	FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000000; FONT-STYLE: normal; BACKGROUND-COLOR: transparent;  FONT-FAMILY: Verdana, arial, helvetica, serif;
}

.text16 {
	FONT-WEIGHT: normal; FONT-SIZE: 16px; COLOR: #000000; FONT-STYLE: normal; BACKGROUND-COLOR: transparent;  FONT-FAMILY: Verdana, arial, helvetica, serif;
}

.textlabel {
	FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #FFFFFF; FONT-STYLE: normal; BACKGROUND-COLOR: transparent;  FONT-FAMILY: Verdana, arial, helvetica, serif;
}

#getfeedupdatelink {background-color:#transparent;}
#getfeedupdatelink A {text-decoration: none; color: #444444;}
#getfeedupdatelink A:link {text-decoration: none; color: #444444;}
#getfeedupdatelink A:visited {text-decoration: none; color: #444444;}
#getfeedupdatelink A:hover {text-decoration: none; color: #444444;}

.headlinedesc {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; FONT-STYLE: normal; BACKGROUND-COLOR: transparent;  FONT-FAMILY: Verdana, arial, helvetica, serif;
}




#headlinebox {
  color: navy;
  FONT-SIZE: 12px;
  border-color: #DEDEDE;
  border-style: solid;
  border-width: 3px 0px 0px 0px;
  margin-top: 0px ;
  margin-bottom: 0px ;
  margin-left: 0px ;
  margin-right: 0px ;
  padding-top:3px;
  padding-bottom:10px;
  padding-right:0px;
  padding-left:0px;
  BACKGROUND-IMAGE: URL(/img/carp4.gif) ;
}

#headlinelink { background-color:transparent;}
#headlinelink A{ display:block; color:#0000FF; FONT-STYLE:normal; font-weight: normal; FONT-SIZE: 20px; FONT-FAMILY: Verdana, Arial, sans-serif; padding-left:10px; padding-bottom:3px; background-color:transparent; text-decoration: none;}
#headlinelink A:visited{ color:#0000FF; FONT-STYLE:normal; font-weight: normal; FONT-SIZE: 20px; FONT-FAMILY: Verdana, Arial, sans-serif; padding-left:10px; padding-bottom:3px; background-color:transparent; text-decoration: none;}
#headlinelink A:hover{ color:#000; FONT-STYLE:normal; font-weight: bold; FONT-SIZE: 20px; FONT-FAMILY: Verdana, Arial, sans-serif; padding-left:10px; padding-bottom:3px; background-color:#ADF; text-decoration: none;}
#headlinelink P{ COLOR:#0000FF; FONT-STYLE:normal; font-weight: normal; FONT-SIZE: 20px; FONT-FAMILY: Verdana, Arial, sans-serif; padding-left:10px; padding-bottom:3px; background-color:transparent; text-decoration: none;}


#carpMain {
  FONT-SIZE: 20px;
  border-color: #DEDEDE;
  border-style: solid;
  border-width: 3px 0px 0px 0px;
  margin-top: 1 ;
  margin-bottom: 0 ;
  margin-left: 2 ;
  margin-right: 2 ;
  padding-top:3px;
  padding-bottom:10px;
  padding-right:10px;
  padding-left:10px;
  BACKGROUND-IMAGE: URL(/img/carp4.gif) ;
}	
.carpMainOuter A:link {text-decoration: none; color: #0000FF;}
.carpMainOuter A:visited {text-decoration: none; color: #0000FF;}
.carpMainOuter A:active {text-decoration: none; color: #0000FF;}
.carpMainOuter A:hover {text-decoration: none; color: #FFFFFF; BACKGROUND-COLOR: blue; }
/* .carpMainOuter A:hover {text-decoration: none; color: black; BACKGROUND-COLOR: yellow; } */

#carp4box {
  color: navy;
/*  FONT-WEIGHT: bold;  */
  FONT-SIZE: 12px;
  border-color: #DEDEDE;
  border-style: solid;
  border-width: 3px 0px 0px 0px;
  margin-top: 1 ;
  margin-bottom: 0 ;
  margin-left: 2 ;
  margin-right: 2 ;
  padding-top:3px;
  padding-bottom:10px;
  padding-right:10px;
  padding-left:10px;
  BACKGROUND-IMAGE: URL(/img/carp4.gif) ;
}

#carp3text{background-color:transparent;}
#carp3text A{display:block; color:#0000FF; FONT-STYLE:normal; font-weight: bold; FONT-SIZE: 15px; FONT-FAMILY: Verdana, Arial, sans-serif; padding-bottom:3px; background-color:transparent; text-decoration: none;}
#carp3text A:visited{color:#0000FF; FONT-STYLE:normal; font-weight: bold; FONT-SIZE: 15px;text-decoration: none;}
#carp3text A:hover{color:#FF0000; FONT-STYLE:normal; font-weight: bold; FONT-SIZE: 15px; background-color:#DEDEDE;text-decoration: UNDERLINE;}
#carp3text P{COLOR:0000FF; FONT-STYLE:normal; font-weight: bold; FONT-SIZE: 15px; FONT-FAMILY: Verdana, Arial, sans-serif; text-decoration: none;}

.headlinedesc {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; FONT-STYLE: normal; BACKGROUND-COLOR: transparent;  FONT-FAMILY: Verdana, arial, helvetica, serif;
}


#rcorners1 {
	border:1px solid navy;
	border-radius: 40px;
	-moz-border-radius: 20px;
    background: #EFEFEF;
    padding: 20px; 
    width: 820;
	Margin-left: 10pt;
}

.camtext {
	border:1px solid navy;
	border-radius: 40px;
	-moz-border-radius: 10px;
    background: #EFEFEF;
    padding: 10px; 
    width: 700px;
/*	Margin-left: 50pt; */
}

#pagetitle1, #pagetitle2, #pagetitle3, #pagetitle4, #pagetitle5, #pagetitle6, #pagetitle7  {
background-color:#EDEDED;
text-align: center;
width: 500px;
/* margin:5px auto; */
padding: 2px;
border:1px solid #BABABA;

border-radius: 20px;
-moz-border-radius: 20px;
font-size: 24px; 
}


.lmnuTable
{
	border-collapse: collapse;
	padding: 10px;
	background-color: #EFEFEF;
	border-style: solid;
	border-width: 3px;
	border-color: #D7D7D7;
	font-family: 'Verdana, sans-serif';
	font-size: 1.0em;
	font-weight: 400;
}

.lmnu { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; FONT-STYLE: normal; BACKGROUND-COLOR: transparent;  FONT-FAMILY: Verdana, arial, helvetica, serif; }
.lmnu A:link {text-decoration: none; color: #000000;}
.lmnu A:visited {text-decoration: none; color: #000000;}
.lmnu A:active {text-decoration: none; color: #000000;}
.lmnu A:hover {text-decoration: none; color: #FFFFFF; BACKGROUND-COLOR: #FF0000; }

p.lmnu {
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 10px;
    margin-left: 5px;
}

.lmnutips { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; FONT-STYLE: normal; BACKGROUND-COLOR: #EDEDED;  FONT-FAMILY: Verdana, arial, helvetica, serif; }
.lmnutips A:link {text-decoration: none; color: #000000;}
.lmnutips A:visited {text-decoration: none; color: #000000;}
.lmnutips A:active {text-decoration: none; color: #000000;}
.lmnutips A:hover {text-decoration: none; color: #FFFFFF; BACKGROUND-COLOR: #FF0000; }


.dllinks A:link {text-decoration: none; color: #0000FF;}
.dllinks A:visited {text-decoration: none; color: #0000FF;}
.dllinks A:active {text-decoration: none; color: #0000FF;}
.dllinks A:hover {text-decoration: none; color: #FFFFFF; BACKGROUND-COLOR: #FF0000; }

p.lmnutips {
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 10px;
    margin-left: 5px;
}

div.toptable {
    max-width:75%;
    margin: auto;
    border: 3px solid #73AD21;
    padding: 10px;
}

div.commandstable {
    width:95%;
    margin: auto;
    border: 3px solid #73AD21;
    padding: 10px;
}

/* tablecheats
--------------------------------------------- */
tablecheats {
  margin-bottom: 40px;
  max-width: 100%;
}

th {
  text-align: left;
}

.tablecheats {
  width: 100%;
  margin-bottom: 40px;
}

.tablecheats > thead > tr > th,
.tablecheats > tbody > tr > th,
.tablecheats > tfoot > tr > th,
.tablecheats > thead > tr > td,
.tablecheats > tbody > tr > td,
.tablecheats > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #d9d9d9;
  border: 1px solid #d9d9d9;
}

.tablecheats > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #d9d9d9;
}

.tablecheats > caption + thead > tr:first-child > th,
.tablecheats > colgroup + thead > tr:first-child > th,
.tablecheats > thead:first-child > tr:first-child > th,
.tablecheats > caption + thead > tr:first-child > td,
.tablecheats > colgroup + thead > tr:first-child > td,
.tablecheats > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.tablecheats > tbody + tbody {
  border-top: 2px solid #d9d9d9;
}

.tablecheats .tablecheats {
  background-color: #fff;
}

.tablecheats-striped > tbody > tr:nth-child(odd) > td,
.tablecheats-striped > tbody > tr:nth-child(odd) > th {
  background-color: #ebebeb;
}

.command {
 padding: 10px;
 border: 1px dashed #0000FF;
 background-color: #fff;
 line-height: 1.1em;
 font: italic 600 16px Courier New, Courier, mono;
}

#hereiam
{
/* background-color:#F4A460; */
background-color: #999;
width:98%;
float:left;
padding: 5px;
border:1px solid #BABABA;
border-radius: 10px;
-moz-border-radius: 20px;
}

