/*+++++$Id: style.css,v 1.19 2006/05/28 11:01:27 cachak Exp $+++++*/

@import url(style-usermanager.css);
@import url(style-topic.css);
@import url(style-gallery.css);
@import url(style-guestbook.css);
@import url(style-profile.css);
@import url(style-links.css);
@import url(style-event.css);
@import url(style-polling.css);
@import url(style-pages.css);
@import url(style-banner.css);
@import url(style-file.css);

@import url(style-tablelist.css);


@import url(style-bbcode.css);
@import url(lightbox.css);

/*+++++ body +++++++++++++++++++*/
body, table {
	font-family:tahoma, verdana, arial, helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	margin:5px auto;
}

#wrap {
	width:760px;
	margin:0px auto;
}

#page {
	width:750px;
	margin:0px auto;
	padding:0px;
}

a {
	color: #3162a6;
	text-decoration:none;
}

a:visited {
	color: #3162a6;
    text-decoration: none;
}

a:active {
	color: #3162a6;
    text-decoration: none;
}

a:hover {
	color: #ff6600;
	text-decoration:none;
}



/*+++++ header +++++++++++++++++++*/
#header {
	height:50px;
	background-color:#102d6a;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 20px;
	/*
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:bold;
	color:#ffffff;
	*/
	border-top:4px solid #3162a6;
}

#header .cmstitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:bold;
	color:#6699cc;
}

#header .webclient {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#99cccc;
}

#header .webclient a {
	color:#ffffff;
}

/*+++++ navigasi +++++++++++++++++++*/
#nav {
	background-color:#102d6a;
	margin-top:1px;
}

#link {
	color:#ffffff;
	padding:10px 5px 2px 5px;
}

#link .left {
	float:left;
}

#link .right {
	float:right;
}

#link a {
	color:#ffffff;
	text-decoration:none;
}

#link a:hover {
	color:#99cccc;
	text-decoration:none;
}

#menu {
	margin-top:20px;
	height:15px;
	padding:0px 0px 0px 4px;
}

#menu span.off a {
	color:#ffffff;
	text-decoration:none;
	padding:2px 5px 2px 5px;
	margin:0px 0px 0px -2px;
	background-color:#336699;
	border-top:1px solid #336699;
}

#menu span.off a:hover {
	color:#99cccc;
	background-color:#336699;
	border-top:1px solid #99cccc;
}

#menu span.on a {
	color:#3162a6;
	text-decoration:none;
	padding:2px 5px 2px 5px;
	margin:0px 0px 0px -2px;
	background-color:#dddddd;
	border-top:1px solid #99cccc;
}

#menu span.on a:hover {
	color:#3162a6;
	background-color:#dddddd;
	border-top:1px solid #99cccc;
}

#submenu {
	background-color:#dddddd;
	padding:10px 10px 2px 10px;
	color:#000000;
}

#submenu .left {
	float:left;
}

#submenu .right {
	float:right;
}

#submenu .none {
	clear:both;
}

/*+++++ main +++++++++++++++++++*/
#main {
	margin:10px 0px 0px 0px;
	padding:5px;
	border:#dddddd solid 1px;
}

#title {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:bold;
	color:#ff6600;
	border-bottom:1px solid #ff6600;
}

#content {
	padding:0px;
	margin-top:10px;
}

#content .subcontent {
	padding:5px;
	margin-top:0px;
	border:#dddddd solid 1px;
	background-color:#efefef;
}

#content .admin-note {
	color:#ff0000;
	font-size:smaller;
}

label {
	cursor:pointer;
}

/*+++++ footer +++++++++++++++++++*/
#footer {
	clear:both;
	height:10px;
	background-color:#102d6a;
	margin:10px 0px 0px 0px;
	padding:10px 10px 10px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	border-bottom:2px solid #3162a6;
}

#footer .left {
	float:left;
}

#footer .left a {
	color:#ffffff;
	text-decoration:none;
}

#footer .right {
	float:right;
}

#footer .right span {
	padding:0px 0px 0px 10px;
}

#footer .right a {
	color:#ffffff;
	text-decoration:none;
}

/*+++++ form +++++++++++++++++++*/
form {
	display:inline;
}

.inputtext {
	font-family:tahoma, verdana, arial, helvetica, sans-serif;
	font-size:11px;
	padding:0px 0px 0px 2px;
	margin:0px 0px 1px 0px;
}

.inputbutton {
	font-family:tahoma, verdana, arial, helvetica, sans-serif;
	font-size:11px;
	cursor:pointer;
}

.inputsubmit {
	font-family:tahoma, verdana, arial, helvetica, sans-serif;
	font-size:11px;
	cursor:pointer;
}

.inputselect {
	font-family:tahoma, verdana, arial, helvetica, sans-serif;
	font-size:11px;
}

.inputtextarea {
	font-family:tahoma, verdana, arial, helvetica, sans-serif;
	font-size:11px;
	padding:0px 0px 0px 2px;
	margin:0px 0px 1px 0px;
}

input {
	font-family:tahoma, verdana, arial, helvetica, sans-serif;
	font-size:11px;
	padding:0px 0px 0px 2px;
	margin:0px 0px 1px 0px;
}

select {
	font-family:tahoma, verdana, arial, helvetica, sans-serif;
	font-size:11px;
}

textarea {
	font-family:tahoma, verdana, arial, helvetica, sans-serif;
	font-size:11px;
}


/*BBCode*/
.btnbbcode {
	/*
	background-color:#efefef;
	color:#000000;
	*/
	font-family:tahoma, verdana, arial, helvetica, sans-serif;
	font-size:11px;
	cursor:pointer;
}

.genmed { 
	font-size:11px;
}

.ed_button {
	border:1px solid #cccccc;
	background-color:#f4f4f4;
	color:#000000;
	margin-right:2px;
	padding:1px 4px 1px 4px;	
	font-family:tahoma, verdana, arial, helvetica, sans-serif;
	font-size:11px;
	cursor:pointer;
}