/* CSS Document */

/* Almost everthing here must be optimized! Be aware! */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
/*	background: url(img/timao.png) no-repeat fixed center; */
/*	background: url(http://www.freepgs.com/rraver/timao.jpg) no-repeat fixed center; */
}

.dialog {
	position:fixed;
	width: 300px;
	height: 150px;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -75px;
	min-width: 300px;
	min-height: 150px;
	background-color: #FFFFFF;
	border: 2px solid #CCCCCC;
	-moz-border-radius: 10px;
	z-index: 1;
}

.center {
	position:relative;
	width: 700px;
	left: 50%;
	margin-left: -350px;
	min-width: 300px;
	border: 2px solid #CCCCCC;
	-moz-border-radius: 15px;
}
.center p {
	margin: 10px;
}
#main {
	top: 15px;
}
#Footer {
	top:30px;
	border-bottom-style: hidden;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	text-align: center;
}
#header {
	top:0px;
/*	border-top-style: hidden; */
	border-top-color: #FFFFFF;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
}

#header h1	{
	font-size: 30px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

#tabmenu {
	padding: 6px;
	padding-bottom: 0px;
	border-top: 2px solid #CCCCCC;
	text-align:center;
	margin-left: 0px;
}

#tabmenu li {
	display: inline;
	list-style-type: none;
}	
		
#tabmenu a, a.active {
	color: #666666;
	text-decoration: none;
	border: 2px solid #FFFFFF; 
	padding: 6px;
	font-size:11px;
	font-weight: 600;
	-moz-border-radius: 8px;
}
		
#tabmenu a:visited {
	color: #666666;
}

#tabmenu a:hover, .btn {
	-moz-border-radius: 8px;
	color: #000000;
	background-color:#F0F0F0;
	border: 2px solid #CCCCCC;
}	
.tabmenuselected {
	color: #000000 !important;
	font-style:italic !important;
}
.sectiontitle {
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	margin: 10px;
/* Debugar */
	border-bottom-width: 2px;
	border-bottom-style: outset;
	border-bottom-color: #666666;
}
.sectionsubtitle {
	font-style: italic;
	font-weight: bold;
	margin: 10px;
	text-decoration: underline;
}
a:link, a:visited {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	color: #333333;
	font-weight: bold;
}
.done-strike {
	text-decoration:line-through;
}
.done {
	font-style:italic;
	text-decoration:none;
	font-size: 10px;
}
img {
	border: 0px;	
}
#form_contact {
	position:relative;
	width: 500px;
	left: 50%;
	margin-left: -250px;
	min-width: 300px;
	border: 2px solid #CCCCCC;
	-moz-border-radius: 15px;
}
input, select, textarea {
	border: 1px solid #CCCCCC !important;
}
.highlight {
	font-weight: bold;
	font-style:italic;
}

/* Dialog Boxes */
.msg_box {
	position:relative;
	width: 90%;
	left: 50%;
	margin: 18px 0px 18px -45%;
	font: 11px tahoma,sans-serif;
	padding: 5px; 
	-moz-border-radius: 5px;
}
.msg_box p{
	margin: 5px 5px 5px 35px;
}
.msg_box img {
	position: absolute;
	left: 12px;
	top: 50%;
	margin-top: -10px;
}
.info_box {
	background-color: #ECF5FF;
	border: 1px solid #003399;
}
.alert_box {
	background-color: #FFFAE5;
	border: 1px solid #FFCC00;
}
.hack_box {
	font: 12px "Courier New", Courier, mono !important;
	background-color: #000000;
	border: 2px solid #00CC33;
	color: #00CC33;
}
.hack_box p {
	margin: 10px 5px 10px 70px !important;
}
.hack_box img {
	margin-top: -17px !important;
}

/* Extensions Page */
.extBox {
	position:relative;
	width: 680px;
	left: 50%;
	margin-left: -340px;
	min-height: 80px;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 10px;
	font-size:12px;
	margin-top: 15px;
}
.extBox p {
	margin: 6px !important;
}
.extBox img {
	border:dashed thin #CCCCCC;
	margin:10px;
	padding:10px;
}
.extBox img:hover {
	background-color:#F5F5F5;
}
.extTitle{
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	text-decoration:underline;
}
.extLeft {
	width:75px;
	float:left;
}
.extRight {
	margin-left: 90px; 
}

/* Translation List */
.tradLeft {
	width:52px;
	float:left;
}
.tradRight {
	margin-left: 66px; 
}

/* Oldnews */
.oldnewsBox {
	margin-top: 10px;
	height: 250px;
	overflow: auto;
}
.oldnewsBox p {
	margin: 10px !important;
}

/* Contact Page */
.contactLeft {
	float:left;
	width:100px;
}
.contactLeft p{
	margin: 10px !important;
	padding-bottom: 3px;
}
.contactRight {
	margin-left:105px;
}
.contactRight p{
	margin: 10px !important;
}
.contactName {
	background: url(img/txtName.png) no-repeat;
	padding-left: 18px;
}
.contactMail {
	background: url(img/txtEmail.png) no-repeat;
	padding-left: 18px;
}
.contactOther{
	background: url(img/txtOther.png) no-repeat;
	padding-left:18px;
}
.contactMessage {
	width: 98%;
	padding-top: 6px;
	padding-left: 8px;
	background: url(img/txtMessage.png) no-repeat;
}
.crypterKey{
	background: url(img/txtKey.png) no-repeat;
	padding-left:18px;
}

/* Banner DIV */
.bdiv {
	position:relative;
	width: 468px;
	left: 50%;
	margin: 18px 0px 18px -240px;
}

/* Media */
.mediaLeft {
	width:95px;
	float:left;
}

.mediaRight {
	margin-left: 110px; 
}

/* Banners */
.bnright {
	position: absolute;
	margin-left: -138px;
	border-left: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	padding: 5px 0px 10px 5px ;
	width: 130px;
	left: 100%;
	-moz-border-radius-bottomleft: 15px;
}