body { 
 background-color: #eeeeee; 
 background-image: url(../../images/bg.jpg); 
 background-repeat: repeat; 
margin: 5px 0px 5px 0px; background-attachment:fixed; font-size: 11px; 	
font-family: Verdana, Arial, Helvetica, sans-serif; scrollbar-face-color: #E3E8EC; scrollbar-highlight-color: #F0F0F0; 
scrollbar-shadow-color: #DEE3E7; scrollbar-3dlight-color: #DBE1E6; scrollbar-arrow-color: #A9B8C2; 
scrollbar-track-color: #F4F4F4; scrollbar-darkshadow-color: #B8C7D1; 
}

/* yang aku bikin */
A {
text-decoration: none; color: #006600; font-weight: 500;
}
A:hover {
text-decoration: none; color: #ff9000; font-weight: 500;
}
.kiri { 
background-image: url(../../images/baru/bgkiri.gif); background-repeat: repeat-y;
}
.ok {
border: 2px; 
background-color: transparent; 
margin: 1px 0px 0px 0px; font-size: 11px; font-weight: bold; 
font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;
text-align: center; 
}
.ok a.topmenu {
border-width: 0px 0px 3px 0px;
border-style: solid; 
border-color: #666666;
background-color: transparent; 
margin: 1px 3px 3px 3px; font-size: 11px; font-weight: bold; 
font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;
text-align: center; 
padding:2px 5px 2px 5px;
}
.topmenu {
border-width: 0px 0px 3px 0px;
margin: 1px 3px 2px 3px;
border-style: solid; 
border-color: #666666;
background-color: transparent; 
margin: 1px 0px 0px 0px; font-size: 11px; font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;
text-align: left;
padding: 2px 5px 2px 5px;
}
.ok a.topmenu:hover {
border-width: 1px 1px 3px 1px;
margin: 1px 2px 3px 2px;
border-style: solid; 
border-color: #dddddd #dddddd #dddddd #dddddd;
background-color: transparent; 
font-size: 11px; font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;
text-align: left;
padding: 2px 5px 2px 5px;
}
.bghead {
background-image: url(../../images/baru/bghead.gif); background-repeat: repeat-x;
}
.bgheada {
background-image: url(../../images/baru/bgheada.gif); background-repeat: repeat-x;
}
.bgheadb {
background-image: url(../../images/baru/bgheadb.gif); background-repeat: repeat-x;
}
#kanan {
background-image: url(http://students.stttelkom.ac.id/web/images/baru/bgkanan.jpg); background-repeat: repeat-y; width: 7px; vertical-align: top;
}
#menu {
background-color: transparent; background-image: url(../../images/baru/bgmenu.gif); width: 100%; background-repeat: repeat-x;
}
#menua {
background-color: transparent; background-image: url(../../images/baru/bgmenua.gif); width: 100%; background-repeat: repeat-x;
}
#menub {
background-color: #7e9f67; background-image: url(../../images/baru/bgmenub.gif); width: 100%; background-repeat: no-repeat;
background-position: -2px;
}
.menu {
padding-left: 7px; vertical-align: top;
}
.isi {
padding-top: 6px; padding-left: 2px; padding-right: 2px; vertical-align: top; background-color: #f8f8f8;
}
#boxmenu {
border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; background-color: #e8e8e8; padding-left: 5px;
padding-right: 7px; line-height: 150%;
}
.jeda {
padding-right: 3px; padding-top: 6px;
}
.boxmenu {
border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; background-color: #e8e8e8; padding-left: 5px;
padding-right: 5px;
}
.garismenu {
background-image: url(../../images/baru/sample_garis.gif); padding-right: 10px
}
.garis_menu {
background-image: url(../../images/baru/sample_garis_menu.gif); background-color: #e8e8e8; 
}
.box {
border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; background-color: #e8e8e8; padding-left: 5px;
padding-right: 5px; width: 100%;
}
.foot {
background-image: url(../../images/baru/tengah.gif);
}
.pengumuman {
background-color: #e8e8e8; padding: 3px 3px 3px 10px; border-right: 1px solid #ffffff; font-weight: 500; text-decoration: none;
}
.footer {
padding-left: 7px; padding-right: 7px; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #f8f8f8;
text-align: center;
}
#students {
background-color: #3A8937; background-image: url(../../images/baru/bgmenu.gif); width: 100%; background-repeat: repeat-x;
color: #efefef; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-style: oblique;
}
.boxgaris { border: 4px solid #f9f9f9; }
.garisbox { border: 4px solid #dddddd; margin-bottom: 10px; text-align: center; }
.boxbesar { border: 1px solid #999999; }
/* sampe' sini */

/* Admin Forum Tables */
td.row1h0 { background-color: #E8F3FC; } /* blue, light */
td.row2h0 { background-color: #D5E8F9; } /* blue, dark */
td.row3h0 { background-color: #B7D9F6; } /* blue, extra dark */
td.row1h1 { background-color: #FCECE8; } /* red, light */
td.row2h1 { background-color: #F9DDD5; } /* red, dark */
td.row3h1 { background-color: #FACCBF; } /* red, extra dark */
td.row1h2 { background-color: #E9FAEA; } /* green, light */
td.row2h2 { background-color: #D5F9D6; } /* green, dark */
td.row3h2 { background-color: #B2EEB4; } /* green, extra dark */
td.cath0 { background-color: #B7D9F6; border: #FFFFFF; height: 28px; } /* blue */
td.spaceRowh0 { background-color: #D5E8F9; border: #FFFFFF; }
td.cath1 { background-color: #FACCBF; border: #FFFFFF; height: 28px; } /* red */
td.spaceRowh1 { background-color: #F9DDD5; border: #FFFFFF; }
td.spaceRowh2 { background-color: #D5F9D6; border: #FFFFFF; }
td.cath2 { background-color: #B2EEB4; border: #FFFFFF; height: 28px; } /* green */

/* Slideshow image border */
.imageborder { color: #444444; border-color: #444444; }

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif; }
/* a:link,a:active,a:visited { color : #006699; text-decoration: none }
a:hover { text-decoration: underline; color : #DD6900; } */
hr { background-color: #D1D7DC; color: #D1D7DC; height: 1px; border-width: 0px; }
hr.height { height: 1px; }

/* Admin CP */
p, td { font-size : 11px; color : #000000; }
li { font-size : 11px; color : #000000; }

OC
/* This is the border line & background colour round the entire page */
.bodyline { background-color: #efefef; border: 1px #98AAB1 solid; }

/* This is the outline round the main forum tables */
.forumline { background-color: #A9B8C2; border: 0px #A9B8C2 solid; }

/* Main table cell colours and backgrounds */
.lrow { background-color: #EEEEEE; }
.row1 { background-color: #EFEFEF; }
.row2 { background-color: #DEE3E7; }
.row3 { background-color: #D1D7DC; }

/*
 This is for the table cell above the Topics, Post & Last posts on the index.php page
 By default this is the fading out gradiated silver background.
 However, you could replace this with a bitmap specific for each forum
*/
td.rowpic { background-color: #FFFFFF; border: #FFFFFF; border-style: solid; height: 28px; background-image: url(http://students.stttelkom.ac.id/web/templates/Default/images/cellpic2.jpg); background-repeat: repeat-y; }

/* Header cells - the blue and silver gradient backgrounds */
th { color: #efefef; font-size: 11px; font-weight : bold; background-color: #8B8B8B; }
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom { font-size: 12px; background-color: #969696; border: #FFFFFF; border-style: solid; }
/*
 Setting additional nice inner borders for the main table cells.
 The names indicate which sides the border will be on.
*/
td.cat,td.catHead,td.catSides,td.catBottom,td.rowpic { height: 29px; border-width: 0px 0px 0px 0px; }
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR { height: 20px; font-weight: bold; color: #ffffff; background-color: #AFAFAF; border: #FFFFFF; border-style: solid; }
td.row3Right,td.spaceRow { background-color: #D1D7DC; border: #FFFFFF; border-style: solid; }
th.thHead,td.catHead { font-size: 12px; border-width: 0px 0px 0px 0px; }
th.thSides,td.spaceRow { border-width: 0px 0px 0px 0px; }
th.thRight,td.catRight,td.row3Right { border-width: 0px 0px 0px 0px; }
th.thLeft { font-size: 12px; border-width: 0px 0px 0px 0px; }
td.catLeft { font-size: 12px; height: 29px; border-width: 0px 0px 0px 0px; }
th.thBottom,td.catBottom { border-width: 0px 0px 0px 0px; }
th.thTop { border-width: 0px 0px 0px 0px; }
th.thCornerL { border-width: 0px 0px 0px 0px; }
th.thCornerR { border-width: 0px 0px 0px 0px; }

/* The largest text used in the header title. */
.headtitle { color: #000000; font: bold 240% Verdana, Arial, Helvetica, serif; text-decoration: none; margin: 0px; }

/* The largest text used in the index page title, toptic title & Admin CP etc. */
.maintitle,h1,h2 { font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; text-decoration: none; line-height : 120%; color : #000000; }
.maintitle:hover { font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; text-decoration: none; line-height : 120%; color : #ff9000; }

img { border: 0px; }

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.ssmall { font-size : 9px; }
.gen,.genmed,.gensmall,.ssmall { color : #000000; }
a.gen,a.genmed,a.gensmall,a.ssmall { color: #3A8937; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover,a.ssmall:hover { color: #ff9000; text-decoration: underline;}

/* magic brs */
.sbr { font-size : 3px; color : #000000; }
a.sbr { color: #3A8937; text-decoration: none; }
a.sbr:hover { color: #ff9000; text-decoration: underline; }

.teksitem {
	font-size : 12px;
	font-weight: bold;
	color : #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
/* The register, login, search etc links at the top of the page */
.mainmenu { font-size : 11px; color : #000000; }
a.mainmenu { text-decoration: none; color : #666666; font-weight: bold;  }
a.mainmenu:hover{ text-decoration: underline; color : #ff9000; font-weight: bold; }

/* Forum category titles */
.cattitle { font-weight: bold; font-size: 12px; color : #efefef; }
a.cattitle { font-weight: bold; text-decoration: none; color : #efefef; }
a.cattitle:hover{ font-weight: bold; text-decoration: underline; font-weight: bold; color="#ffffff";  }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink { font-weight: bold; font-size: 12px; color : #3A8937; }
a.forumlink { text-decoration: none; color : #3A8937; }
a.forumlink:hover{ text-decoration: underline; color : #ff9000; font-weight: bold; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav { font-weight: bold; font-size: 11px; color : #000000; }
a.nav { text-decoration: none; color : #333333; }
a.nav:hover { text-decoration: underline; font-weight: bold;}

/* titles for the topics: could specify viewed link colour too */
.topictitle { font-weight: bold; font-size: 11px; color : #666666; }
a.topictitle:link { text-decoration: none; color : #666666; }
a.topictitle:visited { text-decoration: none; color : #5493B4; }
a.topictitle:hover { text-decoration: underline; color : #ff9000; font-weight: bold; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size : 11px; color : #000000; }

/* Location, number of posts, post date etc */
.postdetails { font-size : 10px; color : #000000; }

/* The content of the posts (body of text) */
.postbody { font-size : 12px; line-height: 18px; }
a.postlink:link { text-decoration: none; color : #666666 }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: underline; color : #ff9000; font-weight: bold;  }

/* Quote & Code blocks */
.code { font-family: Helvetica, Courier, 'Courier New', sans-serif; font-size: 10px; color: #006600; background-color: #f4f4f4; border: #D1D7DC; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; }
.quote { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #444444; line-height: 125%; background-color: #f4f4f4; border: #D1D7DC; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; }

/* Copyright and bottom info */
.copyright { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; letter-spacing: -1px; }
a.copyright { color: #333333; text-decoration: none; }
a.copyright:link { text-decoration: none; color : #666666; }
a.copyright:visited { text-decoration: none; color : #666666; }
a.copyright:hover { color: #000000; text-decoration: underline; font-weight: bold; }

/* Form elements */
input.button,input.post,textarea.post,input.liteoption,input.mainoption,input,textarea, select { background-color : #FAFAFA; color : #000000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; border-color : #7C92A2; border: 1px solid #7C92A2; }
input { text-indent : 2px; }

/* This is the line in the posting page which shows the rollover
 help line. This is actually a text box, but if set to be the same
 colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }

/* Opacity tools :) */
.imgfull{filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.imgfade{filter:alpha(opacity=65); -moz-opacity: .65; -khtml-opacity: .65; opacity: .65; }
.garis {
	border: 1px solid #AAAAAA;
}

/* diambil dari main_header_edit.tpl */
.menu           {
	font-family: verdana;
	font-size: 11 px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	padding-left:40;
	padding-right:25;
	padding-top:10;
	padding-bottom:10;
	text-align:right;
	vertical-align: middle;
}
.menu2           {
	font-family: verdana;
	font-size: 11 px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	padding-left:16;
	padding-right:10;
	padding-top:10;
	padding-bottom:10;
	text-align:right;
}
.msg {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #FF0000;
	FONT-FAMILY: verdana, arial, helvetica;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #FF0000;
}
.kiri {
	border-left: 1px solid #333333;
}
.kanan {
	border-right: 1px solid #333333; background-color: #209C1B; width: 100%;
}
.sirihsatu {
	color: #003300;
	font-family: "Courier New", Courier, mono;
	font-size: 11px;
	font-weight: bold;
	padding-left: 6px; padding-right: 6px;
}
.sirihdua {
	color: #003300;
	font-size: 11px;
	font-family: "Courier New", Courier, mono;
	padding-left: 6px; padding-right: 6px;
}
.sirihtiga {
	font-size: 12px;
	font-family: "Courier New", Courier, mono;
	font-weight: bold;
	font-style: italic;
}
.box_kiri {
	background-image: url(../../images/box_isi_4.gif);
	background-repeat: repeat-y;
}
.box_kanan {
	background-image: url(../../images/box_isi_5.gif);
	background-repeat: repeat-y;
}
.newfitur { 
	font-size : 11px;
	color : #FF0000;
	font-weight: bold;
	}
a.newfitur { 
	text-decoration: none; 
	color : #FF0000; 
	font-weight: bold;  
	}
a.newfitur:hover{ 
	text-decoration: underline; 
	color : #ff0000; 
	font-weight: bold; 
	}
.garismenuwanita {
	background-image: url(../../images/baru/wwanita-bg.gif);
	background-repeat: repeat-x;
}