/*
-----------------------------------------------
Ukr.net Base Styles
Version:  21 October 2004
----------------------------------------------- */


body {
  text-align:center;
  background:#fff;
  margin:0;
  padding:0;
  color:#000;
  font:x-small/1.2em Verdana,Arial,Helvetica;
  font-size/* */:/**/small;
  font-size: /**/small;
  }


/* Links
----------------------------------------------- */
a:link {
  color:#000;
  }
a:visited {
  color:#800080;
  }
a:hover {
  color:#2A6FC2;
  }
a img {
  border-width:0;
  }
  
  
  
/* Structure
----------------------------------------------- */
#out{
	text-align: left;
	margin: auto;
	width: 768px;
}
#pagebody {
	background: #fff url(/prx/000/http/cssing.org.ua/examples/ukrnet/pic/str.gif) repeat-y 0 0;
}
#nav {
	float: left;
	width: 200px;
}
#content {
	float: right;
	width: 568px;
}
#content-main {
	float: left; 
	width: 400px;
}
#content-extra {
	float: right;
	width: 162px;
}
#footer {
	clear: both;
}
  
  
  /* Assorted
----------------------------------------------- */
ul{
	margin: 0;
	padding: 0;
}
hr{
	visibility: hidden;
	clear: both;
	height: 1px;
	margin-top: -1px;
	padding: 0;
	margin: 0;
}


  /* Left sidebar (#nav)
----------------------------------------------- */
#pagebody{
	margin-top: 4px;
}
#nav{
	font-size: 10px;
	font-family: Tahoma;
}
#nav a, #nav a:visited{
	color: #00c;
}
#nav a:hover{
	color: #f60;
}
#nav dl{
	margin: 0;
	padding: 0;
}
#nav dt{
	background-color: #CDE4FA;
	color: #235AA6;
	margin: 0 1px 0 1px;
	padding: 0 0 0 29px;
	height: 19px;
	font-weight: bold;
	line-height: 19px;
	font-size: 11px;
}
#nav dd{
	border-bottom: 1px solid #ccc;
	padding: 7px 0 7px 29px;
	margin: 0 0 1px 0;
	letter-spacing: 0;
	font-size: 11px;
}
#nav .l-last{
	border: none;
}
#nav ul{
	list-style: square url(/prx/000/http/cssing.org.ua/examples/ukrnet/pic/bullet.gif);
}
#nav ul li{
	margin: 0;
	padding: 0;
	line-height: 17px;
	height: 17px;
}
/*submitting new mail form*/
#nav #l-newmail{
	text-align: center;
	padding-left: 0;
	background: #2A6FC2 url(/prx/000/http/cssing.org.ua/examples/ukrnet/pic/topper111.gif) repeat-x 0 0;
}
#l-newmail a, #l-newmail a:hover{
	color: #fff;
}
dl dd#mailform{
	padding: 7px 6px 0 8px;
	margin: 0 0 1px 0;
	font-size: 11px;
	margin: 0 1px 2px 0;
	background-color: #F4F9FF;
	line-height:17px;
}
dl dd#mailform p{
	margin:0;
	padding-top:6px;
}
#login, #password{
	width: 68px;
	font-size: 11px;
}
#nav p span {
	margin-left: 6px;
}
#nav p{
	margin: 6px 0 0 0;
	padding: 0;
}
#nav p .label{
	float: left;
	width: 49px;
	text-align: right;
	margin: 0;
}
#enter{
	font-size: 12px;
	width: 50px;
	background: #ccc url(/prx/000/http/cssing.org.ua/examples/ukrnet/pic/send_back.gif) repeat-x 0 0;
}
#mailform a{
	color: #4f4f4f;
	display: block;
	text-align: center;
}
#mailform a:hover{
	color: #8f8f8f;
}
/*icons*/
#l-ukr, #l-net, #l-com, #l-ent, #l-use, #l-pci,#l-aut, #l-spo, #l-for{
	background-position: 0 50%;
	background-repeat: no-repeat;
}
#l-ukr{
	background-image: url(/prx/000/http/cssing.org.ua/examples/ukrnet/pic/lnukrnews.gif);
}
#l-net{
	background-image: url(/prx/000/http/cssing.org.ua/examples/ukrnet/pic/lnmedia.gif);
}
#l-com{
	background-image: url(/prx/000/http/cssing.org.ua/examples/ukrnet/pic/lnchat.gif);
}
#l-ent{
	background-image: url(/prx/000/http/cssing.org.ua/examples/ukrnet/pic/lnfun.gif);
}
#l-use{
	background-image: url(/prx/000/http/cssing.org.ua/examples/ukrnet/pic/lnlinks.gif);
}
#l-pci{
	background-image: url(/prx/000/http/cssing.org.ua/examples/ukrnet/pic/lncomp.gif);
}
#l-aut{
	background-image: url(/prx/000/http/cssing.org.ua/examples/ukrnet/pic/lnavto.gif);
}
#l-spo{
	background-image: url(/prx/000/http/cssing.org.ua/examples/ukrnet/pic/lnsport.gif);
}
#l-for{
	background-image: url(/prx/000/http/cssing.org.ua/examples/ukrnet/pic/lnworld.gif);
}


  /* Main content (#content-main)
----------------------------------------------- */
#content-main { 
  width:405px; 
  padding:0 7px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:391px;
} 
html>body #content-main {
	width: 391px;
} 
h2{
	color: #235AA6;
	font-size: 14px;
	font-family: Tahoma;
	margin: 0 0 7px 0;
	float: left;
	width: 150px;
}
#content-main strong{
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
	text-align: right;
	color: #ccc;
	font-size: 10px;
}
#content-main dl{
	font-size: 12px;
	line-height: 17px;
	margin: 0;
	padding: 0;
	clear: both;
}

#content-main dd span{
	color: #acacac;
}
#content-main dt{
	color: #235AA6;
	float: left;
	width: 44px;
	margin: 0px 0 0 3px;
	background: #fff url(/prx/000/http/cssing.org.ua/examples/ukrnet/pic/newssep.gif) no-repeat 100% 20%;
	font-size: 11px;
}
#content-main dt.first-item{
	color: #f60;
}
#content-main dd{
	margin: 0 0 0 53px;
	padding: 0 0 8px 0;
	font-size: 12px;
	font-family: Arial;
}
#content-main .newsbox{
	padding-bottom: 13px;
	font-size: 22px;
	background: #fff url(/prx/000/http/cssing.org.ua/examples/ukrnet/pic/newshsep.gif) no-repeat 50% 100%;
}



  /* Right sidebar (#content-extra)
----------------------------------------------- */

#content-extra,option{
	font-size: 11px;
	font-family: Arial;
}
#content-extra dl{
	margin: 0;
	padding: 0;
}
#content-extra a, #content-extra a:visited{
	color: #00c;
}
#content-extra a:hover{
	color: #f60;
}
#content-extra dt{
	background-color: #CDE4FA;
	color: #235AA6;
	margin: 0 0 0 2px;
	padding: 0 0 0 29px;
	height: 19px;
	font-weight: bold;
	line-height: 19px;
	font-size: 11px;
	clear: both;
}
#content-extra dd{
	border-bottom: 1px solid #ccc;
	margin: 0 0 1px 0;
	padding: 0;
}
#content-extra .l-last{
	border: none;
}
#content-extra #r-logotips{
	background-image: none;
}
	/*sms
----------------*/
dt.r-sendsms{
	background: #CDE4FA url(/prx/000/http/cssing.org.ua/examples/ukrnet/pic/rnsms.gif) no-repeat 0 50%;
	margin-bottom: 0;
}
#content-extra dl dd.r-sendsms{
	background-color: #f4f9ff;
	margin: 0 0 0 2px;
	text-align: center;
}
#Submit{
	background: #ccc url(/prx/000/http/cssing.org.ua/examples/ukrnet/pic/send_back.gif) repeat-x 0 0;
}
dd.r-sendsms textarea{
	width: 147px;
	margin: 0;
	padding: 0;
}
 dd.r-sendsms form{
	margin: 0;
	padding: 0;
}
dd.r-sendsms p{
	margin: 0;
	padding: 3px;
}
	/*logo
----------------*/
#content-extra dt.r-logotips{
	padding-left: 0;
	text-align: center;
	color: #fff;
	background-color: #2A6FC2;
}
 #content-extra dl dd.r-logotips{
	text-align: center;
	padding: 0;
	border: none;
}
#content-extra dd.r-logotips p{
	margin: 8px 0 0 0;
	padding: 0;
}
/*flash
----------------*/
dd#r-flash{
	margin-left: 1px;
}
	/*goro
----------------*/
#leftgoro, #rightgoro{
	margin-left:0 0 0 10px;
	padding:1px 0 1px 0px;
	width:80px;
	float:left;
	display:inline;
	list-style:none;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:70px;
	display:inline;
	padding-left:10px;
} 
html>body #leftgoro, html>body #rightgoro {
	width: 70px;
	padding-left:10px;
} 
#rightgoro{
	float: right;
}
dt.goroskop{
	background: #CDE4FA url(/prx/000/http/cssing.org.ua/examples/ukrnet/pic/rngoro.gif) no-repeat 0 50%;
}
dd.goroskop{
	margin: 0;
	padding: 0 0 5px 10px;
}
#rightgoro li, #leftgoro li{
	margin: 0;
	padding: 0;
	line-height: 16px;
	list-style:none;
}
	/*currency
	---------------------*/
#content-extra dt.r-currency{
	background: #CDFADD url(/prx/000/http/cssing.org.ua/examples/ukrnet/pic/rncurrency.gif) no-repeat 0 50%;
}
#content-extra dd.r-currency{
	list-style: none;
	padding: 3px 8px 7px 8px;
	line-height: 17px;
}
#content-extra dd.r-currency ul {
	list-style: none;
	margin-top: 8px;
}
#content-extra dd.r-currency ul li em{
	color: #235AA6;
	font-style: normal;
}

	/*weather
	-------------------------*/
#content-extra dt.r-weather{
	background: #FFDCA4 url(/prx/000/http/cssing.org.ua/examples/ukrnet/pic/rnweather.gif) no-repeat 0 50%;
	margin-top: 3px;
}
#content-extra dd.r-weather{
	padding: 7px 8px;
	font-size: 11px;
}
#content-extra dl dd.r-weather p{
	padding: 0;
	margin: 1px 0;
	font-size: 11px;
}
#content-extra dl dd option{
	font-size: 10px;
}
#content-extra dl dd select{
	font-size: 11px;
}


  /* Header (#MASTHEAD )
----------------------------------------------- */

/*FLASHROW*/
#flashrow #leftmovie{
	width: 120px;
	float: left;
}
#flashrow #rightmovie{
	float: right;
	width: 120px;
}
#flashrow #centermovie{
	float: right;
	width: 468px;
	margin-right: 30px;
}
/*searchROW*/
#searchrow{
	height: 61px;
	background: #ffb030 url(/prx/000/http/cssing.org.ua/examples/ukrnet/pic/bg_search.gif) no-repeat 0 0;
}
#searchrow p{
	text-align: center;
	padding: 10px 0 0 0;
	margin: 0;
	font-weight: bold;
	font-size: 12px;
}
#searchrow ul{
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0 0 0 220px ;
	font-size: 11px;
}
#searchrow a, #searchrow a:hover{
	color: #333;
}
#searchrow ul li{
	float: left;
	padding-left: 10px;
}
#searchrow #SearchBtn{
	background: #ccc url(/prx/000/http/cssing.org.ua/examples/ukrnet/pic/send_back.gif) repeat-x 0 0;
	font-size: 11px;
}
/*
-------------navrow */
#navrow{
	height: 54px;
	position: relative;
	margin-top:15px;
}
#navrow h1{
	float: left;
	margin: 0;
	padding: 0;
}
#navrow h1 a{
	display: block;
	width: 175px;
	height: 54px;
	text-indent: -1000em;
	overflow: hidden;
	background: #fff url(/prx/000/http/cssing.org.ua/examples/ukrnet/pic/ukrnet.gif) no-repeat 0 0;
}
#navrow h1 span{
	display: none;
}
#navrow div{
	float: right;
	width: 300px;
	text-align: right;
	font-size: 11px;
}
#navrow #makestart{
	padding-left: 20px;
	background: #fff url(/prx/000/http/cssing.org.ua/examples/ukrnet/pic/start.gif) no-repeat 0 0;
}
#navrow #makefave{
	padding-left: 20px;
	background: #fff url(/prx/000/http/cssing.org.ua/examples/ukrnet/pic/favor.gif) no-repeat 0 0;
}
#navrow a{
	color: #00c;
}
#navrow a:hover{
	color: #f60;
}
/*
-----------------navigation*/

#navigation {
	position: absolute;
	bottom: 0;
	left: 175px;
	height: 26px;
}
#navigation ul{
	list-style:none;
	font-weight:bold;
	margin:0;
	padding:0 0 0 3px;
	width:490px;
	height:26px;
	background: #f4f9ff url(/prx/000/http/cssing.org.ua/examples/ukrnet/pic/bg_menu.gif) no-repeat 0 0;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:487px;
}
html>body #navigation ul{
	width: 487px;
} 
#navigation ul li{
	float: left;
	margin: 0;
	padding: 5px 10px;
}
#navigation ul li{
	margin-left: 1px;
}
#navigation ul li#hm a{
	color: red;
}
 #navigation ul #ugly  {
	padding: 5px 8px;
	margin: 0;
	color: green;
}
/*AND ON UGLY HACK I REALLY HATE*/
/**/
* html #navigation ul {
	position: relative;
	top: 15px;
}
/*\*/

  /* Footer (#footer)
----------------------------------------------- */

#footer{
	font-family: Arial;
	color: #333;
	font-size: 10px;
	height: 59px;
	line-height: 59px;
	background: #f4f4f4 url(/prx/000/http/cssing.org.ua/examples/ukrnet/pic/footer.gif) repeat-x 0 0;
	padding: 0 10px;
}
#footer p{
	margin: 0;
	padding: 0;
}
#footleft{
	float: left;
	width: 500px;
}
#footright{
	float: right;
	width: 200px;
	position: relative;
	top: 12px;
	padding: 0;
	line-height: 30px;
}