/* CSS Document */
/* class  section  */

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #404417;
	padding: 4px;
}
.bldtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #404417;
	text-decoration: none;
	font-weight: bold;
	padding: 4px;
}
.smltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #404417;
	padding: 4px;
}
.smlbldtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #404417;
	text-decoration: none;
	font-weight: bold;
	padding: 4px;
}
.linethrtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #404417;
	padding: 4px;
	text-decoration: line-through;
}
.maintitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #404417;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	margin : 20px, 0;
	padding: 4px;
}
.subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #404417;
	font-weight: bold;
	padding: 4px;
}
.panetitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #c38f03;
	font-weight: bold;
}
.whitebldtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	padding: 4px;
}
.bldredtext {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
	padding: 4px;
}
.redast {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF0000;
	font-weight: bold;
	position: relative;
	top: 6px;
}
.mainmenu {
	font-size: 16px;
}
.shift20right {
	position: relative;
	left: 20 px;
}
.admintitle {
	position: absolute;
	top: 50px;
	left: 355px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
    color:#c38f03;
}
.table {
	clear: both;
}
.tblhead {
	background-color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
}
.tblfoot {
	background-color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
}
.tblodd {
	background-color: #cccccc;
}
.tbleven {
	background-color: #eeeeee;
}
.tbldetail {
	background-color: #f9f0d8;
}
.inp_btn {
  width: 250px;
  height: 35px;
  font-size: 14px;
  font-weight: bold;
}
.star_logo {
	position: absolute;
	top: 11px;
	left: 11px;
}
.comp_name {
	position: absolute;
	top: 13px;
	left: 75px;
}

.comp_name_blue {
	position: absolute;
	top: 15px;
	left: 25px;
}
.backto {
	position: absolute;
	top: 65px;
	left: 30px;
    font-size: 12px;
}
.select_200 {
 width: 200px;
}

/* ID section */
#menu {
 position: absolute;
 top: 70px;
 left: 25%;
}
.sys_btn {
  width: 150px;
  height: 30px;
  font-size: 12px;
  font-weight: bold;
}


#top {
 background: url(/img/rav_banner.gif);
 height: 110px;
}

#tip {
 background: #fbf3dc;
 height: 70px;
}

#tip_top {
 background: url(/img/mini_star.gif) repeat-x;
 height: 10px;
}

#wide_main {
 margin: 0 2% 0 10%;
 padding: 0;
}

#main {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #404417;
 margin: 0 2% 0 25%;
 padding: 20 0 0 0;
}

#main_left {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #404417;
 position: absolute;
 padding: 15px 3px 0 3px;
 top: 200;
 left: 5;
 width: 20%;
}

#pcenter {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #404417;
 position: absolute;
 top: 350;
 margin: 0 33% 0 33%;
 padding: 20 1% 0 1%;
}
#pleft {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #404417;
 position: absolute;
 top: 350;
 margin: 0 67% 0 0;
 padding: 20 0 0 1%;
}
#pright {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #404417;
 position: absolute;
 top: 350;
 margin: 0 0 0 67%;
 padding: 20 1% 0 0;
}


#admin_main {
 margin: 0 15% 0 15%;
 padding: 0 1% 0 15%;
}

#admin_left {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #404417;
 position: absolute;
 padding: 15px 3px 0 3px;
 top: 200;
 left: 5;
 width: 26%;
}

#buttons {
 text-align: center;
 height: 72px;
 margin: 0 2% 0 20%;
}

#butt_form {
 position: relative;
 top: 35px;
}

#left_picture {
  float: left;
  margin: 0 1.5% 3px 0.2%;
}

#right_picture {
  float: right;
  margin: 0 1% 3px 1.5%;
}

#recipes {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #404417;
 position: absolute;
 padding: 15px 0px 0 10px;
 top: 130;
 left: 5;
 width: 20%;
 height: 450px;
 overflow: auto;
 background: #f9f0d8;
}

#bbcode {
 position: absolute;
 padding: 5px 5px 0 10px;
 top: 150;
 left: 5;
 width: 18%;
 height: 450px;
 overflow: auto;
}




/* Tag section */

body {
 margin: 0;
 padding: 0;
}

input, textarea, select {
 background-color: #efefef;
 font-family: verdana, arial, sans-serif;
 font-size: 10px;
 color: #404417;
 padding: 0px; 
} 

button, input.button {
 border:2px outset #999; 
 background-color: #ccc;
 margin-left: 10px;
 margin-right: 10px;
 font-family: verdana, arial, sans-serif;
} 

a:link {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #7F6420;
 font-weight: bold; 
 text-decoration: none;
 }
a:visited {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #7F6420;
 font-weight: bold;
 text-decoration: none;
 }
a:hover {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color:#c38f03;
 font-weight: bold;
 text-decoration: none;
 }
a:active {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #7F6420;
 font-weight: bold;
 text-decoration: none;
 }