@import url('style.navi2.css');

td,th {
	font-family: tahoma;
	font-size: 12px;
}

FONT	{FONT-FAMILY: Tahoma,Verdana,Helvetica; FONT-SIZE: 11px}
TD		{FONT-FAMILY: Tahoma,Verdana,Helvetica; FONT-SIZE: 11px}
BODY	{FONT-FAMILY: Tahoma,Verdana,Helvetica; FONT-SIZE: 11px}
P		{FONT-FAMILY: Tahoma,Verdana,Helvetica; FONT-SIZE: 11px}
DIV		{FONT-FAMILY: Tahoma,Verdana,Helvetica; FONT-SIZE: 11px}

body {background-color:#FFFFFF; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#DDDDDD; scrollbar-shadow-color:#DDDDDD; scrollbar-3dlight-color:#FFFFFF; scrollbar-arrow-color:#FFCC00; scrollbar-track-color:#FFFFFF; scrollbar-darkshadow-color:#F5F5F5;}

FORM 		 {FONT-FAMILY: Tahoma,Verdana,Helvetica; FONT-SIZE: 11px}
A:link       {BACKGROUND: none; COLOR: #3b5998; FONT-SIZE: 11px; FONT-FAMILY: Tahoma,Verdana, Helvetica; TEXT-DECORATION: none}
A:active     {BACKGROUND: none; COLOR: #3b5998; FONT-SIZE: 11px; FONT-FAMILY: Tahoma,Verdana, Helvetica; TEXT-DECORATION: none}
A:visited    {BACKGROUND: none; COLOR: #3b5998; FONT-SIZE: 11px; 
FONT-FAMILY: Tahoma,Verdana, Helvetica; TEXT-DECORATION: none}
A:hover      {BACKGROUND: none; COLOR: #ff9933; FONT-SIZE: 11px; FONT-FAMILY: Tahoma,Verdana, Helvetica; TEXT-DECORATION: none}



.title 		 {BACKGROUND: none; COLOR: #1785BD; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Tahoma,Verdana, Helvetica; TEXT-DECORATION: none}
.content 	 {BACKGROUND: none; COLOR: #182838; FONT-SIZE: 11px; FONT-FAMILY: Tahoma,Verdana, Helvetica}

.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(img/menub_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(img/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(img/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}
.block-title {BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 10px; FONT-FAMILY: Tahoma,Verdana, Helvetica}
.block-title2 {BACKGROUND: none; COLOR: #1785BD; FONT-SIZE: 11px; FONT-FAMILY: Tahoma,Verdana, Helvetica}
.storytitle  {BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Tahoma,Verdana, Helvetica; TEXT-DECORATION: none}
.storytitle2  {BACKGROUND: none; COLOR: #1785BD; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Tahoma,Verdana, Helvetica; TEXT-DECORATION: none}
.storytitle3  {BACKGROUND: none; COLOR: #ff6020; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Tahoma,Verdana, Helvetica; TEXT-DECORATION: none}
.storycat	 {BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Tahoma,Verdana, Helvetica; TEXT-DECORATION: underline}
.boxtitle 	 {BACKGROUND: none; COLOR: #1785BD; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Tahoma,Verdana, Helvetica; TEXT-DECORATION: none}
.boxcontent  {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica}
.option 	 {BACKGROUND: none; COLOR: #1785BD; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Tahoma,Verdana, Helvetica; TEXT-DECORATION: none}
.option2 	 {BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Tahoma,Verdana, Helvetica; TEXT-DECORATION: none}
.tiny		 {BACKGROUND: none; COLOR: #1785BD; FONT-SIZE: 11px; FONT-WEIGHT: normal; FONT-FAMILY: Tahoma,Verdana, Helvetica; TEXT-DECORATION: none}
.small		 {BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Tahoma,Verdana, Helvetica; TEXT-DECORATION: none}
.page_footer		    {background-color: #F7F7F7; padding:5px}
.code 	{BACKGROUND: none; COLOR: #006600; FONT-SIZE: 12px; FONT-FAMILY: Courier}
.php 	{BACKGROUND: none; FONT-SIZE: 12px; FONT-FAMILY: Courier}
.topnavtd              {background: #eee url(img/page_headernavi.gif); height:27px; _height:29px;}
.speedbar              {color:#ccc}
.navigation_box       {line-height:20px; color:#fff; padding:3px; background:#E7E7E7 url(img/box_innerhead.gif); font-weight:bold;}
.navigation_box:first-letter {font-size:130%;}
.row_first            {background-color:#f1f1f1}
.row_second           {background-color:#F9F9F9}
.button,.button_bbodes {font-weight: bold;font-size:11px;color: #fff;background-color: #777;cursor: pointer;border: 1px solid #fff;}
.button,
.button_bbodes   {
	border: 3px double #cf9700;
	border-left-color: #ffe6a4;
	border-top-color: #ffe6a4;
	margin: 1px;
	color: white;
	height: auto;
	text-decoration: underline;
	padding: 1px;
	cursor: pointer;
	background: #ffba00;
	text-decoration: none;
}	

ul#menu { width: 100%; height: 43px; background: #FFF url("images/menu-bg.gif") top left repeat-x; font-size: 0.8em; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; }
ul#menu li { display: block; float: left; margin: 0 0 0 5px; }
ul#menu li a { height: 43px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 15px 0; }
ul#menu li a:hover { color: #333; }
ul#menu li a.current{ color: #FFF; background: #FFF url("images/current-bg.gif") top left repeat-x; padding: 5px 15px 0; }


INPUT 		{FONT-SIZE: 10px; FONT-FAMILY: Tahoma,Verdana,Helvetica; background-color : #FFFFFF; color: #000000; border: #F5F5F5; border-style: solid; border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 1px

	background-color: #FFFFFF;
	border: #D4D4D4 1px solid;
	background-image : url(../images/buttonx.png);

}
input.button {FONT-SIZE: 10px; FONT-FAMILY: Tahoma,Verdana,Helvetica; color: #182838; background-color : #F5F5F5; border: #000000; border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 1px}


/* This is the outline round the main forum tables */
.forumline	{ background-color: #FFFFFF; border: 0px #F2FAFF solid; }
.forumline1	{ background-image: url(../images/ust_nav2.gif); }


td.navpic {
		background-color: #FFFFFF;
		background-image: url(../images/ust_nav.gif);
		height: 30px;
}

#slantedmenu{
font-weight: bold;
font-size: 90%;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #e0e0e0;
border: 1px solid #bebebe;
text-align: left; /*set value to "center" for example to center items*/
}

#slantedmenu ul li{
display: inline;
}

#slantedmenu ul li a{
color: #494949;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(media/slantdivider.gif) top right no-repeat;
}

#slantedmenu ul li a:visited{
color: #494949;
} 

#slantedmenu ul li a:hover{
color: black;
}




.contentstyle2{
border: 1px solid gray;
width: 457px;
margin-bottom: 1em; padding: 10px;
}

.invertedshiftdown{
padding: 0;
width: 100%;
border-top: 5px solid #D10000; /*Highlight red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 5px 10px; /*Padding within each menu item*/
background-color: lightblue; /*Default menu color*/
border-bottom: 8px solid white;
}

.invertedshiftdown a:hover{
background-color: #D10000; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #D10000; /*Highlight red color theme*/
color: white;
}

.invertedshiftdown .current a{ /** currently selected menu item **/
background-color: #D10000; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #D10000; /*Highlight red color theme*/
color: white;
}

.invertedshiftdown2{
padding: 0;
width: 100%;
border-top: 5px solid #D10000; /*Highlight red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown2 a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 5px 10px; /*Padding within each menu item*/
background-color: lightblue; /*Default menu color*/
border-bottom: 8px solid white;
}

.invertedshiftdown2 a:hover{
background-color: #D10000; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #D10000; /*Highlight red color theme*/
color: white;
}

.invertedshiftdown2 .current a{ /** currently selected menu item **/
background-color: #D10000; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #D10000; /*Highlight red color theme*/
color: white;
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 2px;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid #D10000;
background-color: black;
color: white;
}

#sarkan_menu ul {
	  margin: 0;
	  padding: 0;
	  height: 90%;	  
	  overflow: hidden;
	  list-style: none;
	}

	#sarkan_menu ul li {
		float: left;
		margin-right: 1px;
		font: bold 12px/14px Arial, Helvetica;
	}

	#sarkan_menu ul li a {
	  display: block;
	  padding: 5px 0;
	  width: 79px;
	  border-top: 8px solid #30bef5;
	  color: #30bef5;
	  text-align: center;
	  text-decoration: none;  
	}

	#sarkan_menu ul li a:hover, 
	#sarkan_menu ul li a.aktif {
	  padding-bottom: 8px;
	  border-top: 8px solid #2aa3ec;
	  background: #2aa3ec url(mouse-over.png) bottom no-repeat;
	  color: #fff;
	}



.postimage {cursor: pointer;cursor: hand;border-style:none;}
.postimage:hover {background-color: #C2CFE5;cursor: pointer;cursor: hand;}
.postbbsep {border-style:none;height:20px;width:1px;padding-left:5px;padding-right:5px;}