body {
	background: #CDD0D5;
	color:#444;
	font-size:12px;
	font-family:Arial, Verdana, sans-serif;
	padding:0;
	margin:0;
}

a, a:active, a:visited {
	text-decoration:none; 
	outline:0; 
	color:#416999;
	color:#4173AF;
	font-family:Arial, Verdana, sans-serif;
}
a:hover {text-decoration:underline;}


.clear {clear:both;}

div {text-align: left;}

table tr td {font-size:11px;}
.quotebox .body {font-size:10px;}

ul li {list-style-type:none;}

/** -- Header -- **/

.header_top {
	background-color: transparent;
	background: url(/images/header_gr.png) repeat-x left top;
	height: 30px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.header_top .c, .header_main .c{
	width:970px;
	color:#7ba8d1;
	margin:5px auto;
	overflow:hidden;
}

.header_top .login {float:right;}

.header_top a, .header_top a:active, .header_top a:visited {
	color:#fff;
	font:100 11px Verdana;
	text-decoration:none;
}

.header_top a:hover {color:#a1bad0;}

.header_main{
	height: 164px;
	/*height: 230px;*/
	background: url(/images/header_gr.png) repeat-x 0pt -30px;
	background-color: #12547c;
	/*background-color: #316b9b;*/
	background-attachment: scroll;
	overflow:hidden;
}

#facebook{
	display: block;
	width: 970px;
	height: 35px;
	background: url(../img/FacebookCWD.png) no-repeat;
	margin: 10px auto 20px auto;
}

.banner728{
	width:728px;
	height:90px;
	float:right;
	cursor:pointer;
	position:relative;
	background:#fff;
	margin: 0 0 18px 0;
	border:1px solid #6D8FB5;
}

.banner728 .blockBanner{margin-top:0;}

.banner336 {
	width:300px;
	margin:20px 20px 0 0;
}

.blockBanner, .blockAdsNoSpec{
	text-align:center;
	margin:15px auto 0 auto;
	cursor:pointer;
	position:relative;
}

#banner-336 .blockBanner {height: 250px;}
#banner-336 .blockBanner img, #banner-336 .blockBanner object {width:300px; height: 250px;}
#banner-336 .blockAdsNoSpec {height: 600px;}
.blockAdsNoSpec{margin-top:20px;}

.logo{
	float:left;
	width:220px;
	height:55px;
	display:block;
	background:url(/images/logo.gif) no-repeat left center;
	margin:25px 0 0 0;
}

.menu {
	width:970px;
	margin:0px auto;
	overflow:hidden;
	border-left:1px solid #ccc;
}

.menu a, .menu a:active, .menu a:visited, .menu a:hover, .menu .home {
	color:#333;
	float:left;
	display:block;
	padding:0 16px;
	/*padding:0 18px;*/
	font-size:14px;
	line-height:34px;
	text-decoration:none;
	border-right:1px solid #ccc;
}

.menu a:hover, .menu img:hover {background:url(/images/bg_menu.png) 0 34px;}

.menu a.in_english, .menu a:hover.in_english{
	color: white;
	background: url(/images/inEnglish/menu_background.png) repeat-x left top;
	width:89px;
	text-align:center;
}

.menu .home, .menu .home:hover {
	background:url(/images/house.gif) no-repeat center center;
	width:11px;
	height:33px;
}
.menu .home:hover {
	background:url(/images/house_on.gif) no-repeat center center;
}

.menu a.last, .menu a:hover.last {
	color:#fff;
	/*width:125px;*/
	/*width:116px;*/
	text-align:center;
	background:url(/images/header_grn.png) repeat-x left top;
}

.cw_about {
	background-color:#CDD0D5; 
	background:url(/images/header_gr.png) repeat-x 20px -150px; 
	border-bottom:1px solid #fff;
}

.nav_pointer{
	width:15px;
	height:7px;
	margin:1px 0 0 75px;
	overflow:hidden;
	background:transparent url(/images/submenu_pointer.png) no-repeat top left;
}

.nav_menu{
	background:url(/images/submenu1.png) repeat-x;
	border-top:1px solid #CFA526;
	border-bottom:1px solid #CFA526;
	width:970px;
	height:28px;
	padding:0 15px;
	margin:0 auto 0 auto;
}


/* ******************************* */

/* -- MENU -- */
#menu {position:relative; padding:0; margin:0;}
#menu ul {padding:0; margin:0; overflow:hidden;}
#menu #submenu {float:left;}

#menu li {
	margin:0;
	padding:0;
	height:28px;
	list-style-type:none;
}

#menu li a.m{
	float:left;
	color:#555;
	display:block;
	padding:7px 10px;
	background: url(/images/submenu_sep.png) center right no-repeat;
}

#menu li a.m:hover, #menu li:hover a.m, #menu li.sfHover a.m, #menu li.selected a.m{
	color:#fff;
	text-decoration:none;
	background:url(/images/smh.png) repeat-x;
}

#menu li a.m div {
	display:block;
	float:right;
	width:10px;
	height:10px;
	background:url(/images/tb_arrow_g.gif) no-repeat right 5px;
}

#menu #submenu:hover div {
	background-image:url(/images/tb_arrow_w.gif);
}

#menu #submenu.selected div{
	background-image:url(/images/tb_arrow_w.gif);
}

/* -- SUBMENU -- */
#submenu ul{
	top:28px;
	z-index:110;
	display:none;
	background:#000;
	position:absolute;
	opacity:0.85;
	filter:alpha(opacity=85);
}

#menu .sm_theme ul {width:173px;}
#menu .sm_arch ul {width:68px;}
#menu .it_arch ul {width:65px;}
#menu .vesti ul {width:69px;}
#menu .nauka_i_tehnika ul {width:127px;}
#menu .komunikacii ul {width:150px;}

#submenu li.sm{
	list-style-type: none;
	border-bottom:1px solid #434342;
}

#submenu li.sm a{
	margin:0;
	color:#ccc;
	height:20px;
	display:block;
	padding:5px 10px 0 10px;
}

#submenu li.sm:hover {background:#07497F}

#submenu li.sm a:hover{
	color:#fff;
	text-decoration:none;
}

#submenu li.last{
	height: 5px;
}

#submenu li.last div#lastl{
	float:left;
	width: 50%;
	height: 5px;
	background: url(../images/menu_bgbl.png) bottom left no-repeat;
}

#submenu li.last div#lastr{
	float:left;
	width: 50%;
	height: 5px;
	background: url(../images/menu_bgbl.png) bottom right no-repeat;
}


/* *************************** */

.rightarrowpointer{
	position:absolute;
	padding-top:3px;
	left:100px;
	border:0;
}

/* Leading topics */
.leadings{
	color:#888;
	float:left;
	padding:2px;
	width:600px;
	font-size:11px;
	margin:10px 20px 0 20px;
	border:1px dotted #CDD0D5;
}

.leadings a {
	font-size:11px;
	color:#AC3939;
}

/* PR zone */
a.przone_btn{
	color:#fff;
	width:70px;
	height:17px;
	float:right;
	outline:none;
	font-size:10px;
	padding-top:3px;
	font-weight:bold;
	text-align:center;
	margin:10px 15px 0 0;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #444;
	background:url(/images/przone.png) no-repeat left top;
}
a.przone_btn:hover{
	text-shadow:1px 1px 1px #666;
	text-decoration:none;
}

/** -- Right -- **/

.right {
	width:300px;
	overflow:hidden;
	margin:20px auto;
}

.search {
	width:300px;
	height:30px;
	background:url(/images/search_skin.png) no-repeat top left;
}

.search input[type=text]{
	top:6px;
	left:30px;
	color:#333;
	border:none;
	width:200px;
	height:16px;
	outline:none;
	font-size:11px;
	position:relative;
	background:transparent;
}

.search input[type=submit], .search .advanced {
	left:28px;
	width:25px;
	height:25px;
	border:none;
	cursor:pointer;
	position:relative;
	background:transparent;
}

.search #options {
	top:-2px;
	height:46px;
	width:300px;
	display:none;
	font-size:11px;
	background:#434343 url(/images/search_tmp.png) no-repeat left -30px;
}

#options label {
	color:#aaa;
	float:left;
	display:block;
	height:15px;
	margin:17px 10px 0 0;
}
#options label:hover {cursor:pointer; color:#ccc;}


	/** -- Footer -- **/
.footer {
	margin:0 auto;
	width: 970px;
	background-color:#2e2e2e;
}

.footer_div {
	background:url('../images/footer_bg_bl.png') repeat-x;
	padding: 10px 20px 10px 20px;
	color: #fff;
}
.footer_div a:link, .footer_div a:active, .footer_div a:visited, .footer_div a:hover {color:#aaa;}

.footer_div .l{
	float:left;
	width:220px;
	font:bold 12px Arial, Verdana;
	overflow:hidden;
	background:url(../images/footer_sep_bl.png) repeat-y right bottom;
}

.footer_div .rss{
	background:url(../images/rsscenter.png) no-repeat left top;
	width:200px;
	height:26px;
	padding:4px 0;
}

.footer_div .rss span{
	displa:block;
	float:left;
	width:19px;
	height:19px;
	margin:0 5px;
	background:url(../images/rsscenter_icon.png) no-repeat left top;
}
.footer_div .rss select {float:right; margin:0 5px;}

.footer_div .r{overflow:hidden;}

.footer_div .col {
	float:left;
	width:110px;
	margin-left:30px;
}

.footer_div h1{
	margin:0 0 10px 0;
	padding:0;
	font:bold 14px Verdana,sans-serif;
	color:#878787;
}

.footer_sep{
	background:url(../images/footer_sep_horiz.png) repeat-x left top;
	height:2px;
}

.footer_info{
	color:#474747;
	padding-top:5px;
	font-size:11px;
	overflow:hidden;
	text-align:center;
	background:#1d1d1d url(../images/footer_info.png) repeat-x left 5px;
}

.footer_info a{
	color:#878787;
}

.tyxo_counter {float:right; margin:-8px 8px 0 0;}

/** -- Common -- **/

.contentwrapper{
	width:970px;
	margin:0 auto;
	margin-top:-9px;
	text-align:center;
	background:#fff;
	overflow:hidden;
}

.separator {
	width: 100%;
	height: 1px;
	margin: 5px 0 15px 0;
	font-size: 1px;
	border-bottom:1px dotted #b8b8b8;
}

.pagination {
	width:580px;
	margin:20px auto;
	overflow:hidden;
}
.pagination .pagesLinks {float:left;}
.pagination .previous, .pagination .next, .pagination .pagesLinks a:link, .pagination .pagesLinks a, .pagination .pagesLinks a:hover, .pagination .pagesLinks .selPage{
	display:block;
	float:left;
	text-align:center;
	background:transparent url(../images/pageoff.png) no-repeat top left;
	width:22px;
	height:22px;
	padding-top:3px;
	margin:0 5px;
	color:#555;
}
.pagination .pagesLinks .selPage, .pagination .pagesLinks a:hover{
	color:#fff;
	text-decoration:none;
	background:transparent url(../images/pageon.png) no-repeat top left;
}

.picLeft {margin:0px 15px 5px 0px; border:1px solid #b8b8b8; padding:2px; float:left;}
.picMiddle {border:1px solid #b8b8b8; margin:10px 0px 0px 0px; padding:2px;}
.picRight {margin:0px 0px 5px 15px; border:1px solid #b8b8b8; padding:2px; float:right;}

/* Right */
.prHat, .rightHat {
	width:99%;
	height:21px;
	background:url(../images/submenu1.png) repeat-x;
	padding:7px 0 0 10px;
	border:1px solid #CFA526;
	border-bottom:none;
	margin-top:20px;
}

.prHat h3, .rightHat h3 {
	color:#555;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 0 10px;
	
}

.rightBody, .prContent{
	border:1px solid #ccc;
	background:#EBEBEB;
	padding:5px 0;
	width:99%;
	color:#333;
	font-size:12px;
	overflow:hidden;
	margin:0;
	list-style-type:none;
}

.rightBody .inner {margin:5px 10px;}

.rightBody li {padding:5px 10px;}
.rightBody a{color:#666}

.rightBody .video {
	float:left;
	width:9px;
	height:18px;
	background:url(../images/blueicons_pack.png) no-repeat -220px -126px;
	background:url(../images/video.png) no-repeat left top;
	margin:3px 7px 0 0;
}

.rightBody .r {text-align:right;}
.rightBody .r a, .rightBody .r a:visited {font-weight:normal; font-size:11px;}

.prContent .pr {background:#EBEBEB;}
.prContent img{
	border:1px solid #b8b8b8;
	padding:2px;
	margin:0 10px 10px 0;
	float:left;
}
.prContent em {font-size:12px; font-style:normal;}
.prTitle a, .prTitle a:active, .prTitle a:visited {font-weight: bold;}
.prSep{
	border-top:1px dotted #b8b8b8;
	margin-bottom:10px;
	clear:both;
}

.prContent .last {border:0;}

.wp {
	width:99%; 
	color:#555;
	margin-bottom:20px;
}
.wp img{
	border:1px solid #b8b8b8;
	padding:1px;
	margin:0 10px 10px 0;
	float:left;
}
.wp a, .wp a:link, .wp a:active, .wp a:visited{
	font-weight:bold;
}

.nprint {
	width:300px;
	overflow:hidden;
}
.nprint .r{
	float:left;
	width:135px;
	margin:5px 10px;
	overflow:hidden;
	text-align:center;
	position: relative;
}

.nprint img {
	border:0;
	padding:1px;
	border:1px solid #b8b8b8;
}
.nprint .a, .nprint .areg{
	display:block;
	margin-bottom:10px;
}
.nprint .areg{
	background:url(../images/reg.gif) no-repeat;
	width:14px;
	height:14px;
	float:left;
	margin:0;
	padding:0;
	margin-right:5px;
}

.blic {
	list-style-type:none;
	margin:0;
	padding:0;
}
.blic li {margin:3px 0; overflow:hidden; font-size:10px;}

.blic li .percent{float:right;}

.blic li label{
	display:block;
	float:left;
	width:80px;
}

.slideshow{
	background:#232323;
	border:1px solid #232323;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
}
.slideshow .head {color:#fff; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #ccc; margin:0 10px 20px 10px;}
.slideshow .holder{
	width:145px;
	height:80px;
	float:left;
	margin:0 10px 0 5px;
	background:transparent url(../images/ss_holder_bg.png) no-repeat left top;
}
.slideshow a {font-size:11px;}
.slideshow img {border:0;  display:block; width:58px; margin:7px auto;}
.slideshow a.t, .slideshow a:link.t {font:bold 14px Arial, Verdana; color:#fff;}
.slideshow .r {text-align:right; margin-right:10px;}

.interview {font-size:11px; color:#555;}
.interview img {border:1px solid #b8b8b8; padding:1px; margin-right:10px;}
.interview a, .interview a:link {color:#4173AF; font:bold 12px Arial;}

.bar {
	width:127px;
	float:left;
	height:14px;
	border:1px solid #b8b8b8;
}
.bar .inner {
	height:12px;
	margin:1px;
	background:#4173AF;
}

/* paid article */
.prHat {float: left;}
.prContent {text-align:left;}
.prContent img {border:none;}
.prSep{
	border-top:1px dotted #b8b8b8;
	margin:10px 0;
	clear:both;
}
.pr img {border:1px solid #b8b8b8;}

.overadpr{
	margin-top:0px;
	z-index: 1000; 
	position: absolute;
}

.videonews{
	background:transparent url(../images/videonews.png) no-repeat left top;
	padding-left:15px;
}

/* search */ 
.search_left {
	width:580px;
	overflow:hidden;
	margin:20px;
	float:left;
}
.search_left .h {
	display:block;
	color:#888;
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:1px solid #777;
}
.search_left .h a, .search_left .h a:active, .search_left .h a:visited, .search_left .h a:hover {
	color:#777;
	font-weight:bold;
	text-decoration:none;
}
.search_ni {
	margin:20px 0;
	overflow:hidden;
	clear:both;
}
.search_ni .title {
	color:#416999;
	font-weight:bold;
	font-size:12px;
	margin:0;
}
.search_ni p {
	color:#666;
	margin:4px 0;
}
.search_ni .date{
	color:#444;
	float:left;
	width:80px;
	height:80px;
	text-align:right;
	margin-right:25px;
	padding:0 5px 0 0;
	overflow:hidden;
	background:url(../images/date_bg.png) no-repeat top right;
}
.search_ni .r {font-size:10px;}
.search_ni .r .v {
	background:url(../images/ico_view_tiny.gif) no-repeat left bottom;
	padding-left:18px;
	color:#416999;
}
.search_ni .r .c {
	background: url(../images/ico_comment_tiny.gif) no-repeat left bottom;
	padding-left:18px;
	color:#416999;
}
.search_ni .r .v:hover, .search_ni .r .c:hover {text-decoration:none;}
.search_left .icon {
	background:transparent url(../images/iconpad_list.png) no-repeat left top;
	border:0;
	padding:2px;
	float:left;
	margin:0 10px 10px 0;
}
.search_left .sword{
	background:#FFD03C;
	padding:1px 5px;
}

/* White Papers & Sponsored Links*/
.wp_holderwide{
	width: 570px;
	margin-bottom: 20px;
	clear: both;
}

.wp_holderwide .header{
	color:#888;
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:1px solid #777777;
	text-transform:uppercase;
}
.wp_holderwide .header a {color:#888;}

.wp_holder{
	float:left;
	width:270px;
	/*height: 300px;*/
	margin-left: 10px;
}

.wp_holder ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.wp_holder ul li {
	height:35px;
	margin:20px 0;
	padding-left:10px;
	position: relative;
}
.wp_holder ul li.wphp{height: 105px;}

.wp_holder ul li a {padding-left: 8px; font:normal 12px Arial, Verdana, sans; color:#0F538C; background:url(../images/pointer_blue.gif) no-repeat left 4px;}
.wp_holder ul li a:hover {color:#197DCF;}

.wp_holder ul li a.more{
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 11px;
	color: #686868;
	background-image: none;	
}

.wp_holder .more{border:none;}

.wp_holder ul li img{
	float: left;
	padding: 2px;
	border: 1px solid #bbb;
	margin-right: 10px;
}

#wp_prev{
	width: 16px;
	height: 16px;
	border: none;
	cursor: pointer;
	margin-left: 460px;
	background:url(../img/navigation_home.png) no-repeat 0 0;
}

#wp_prev.ina{background-position: -32px 0;}

#wp_next{
	width: 16px;
	height: 16px;
	border: none;
	cursor: pointer;
	margin-left: 5px;
	background:url(../img/navigation_home.png) no-repeat -16px 0;
}
#wp_next.ina{background-position: -48px 0;}

.blockPartners{
	color: #555;
	width: 321px;
	height:21px;
	background:url(../images/submenu1.png) repeat-x;
	font-weight: bold;
	padding: 7px 0 0 15px;
	border:1px solid #CFA526;
	border-bottom:none;
	margin-top:20px;
	text-transform:uppercase;
}
.blockPartners .blockTitle {margin-top:-10px;}

/* UNCLICKABLE BANNERS WORKAROUND */
#clickable728{
	width: 728px;
	height: 90px;
	z-index: 1000;
	position: absolute;
	top:0;
	left:0;
	background: url(http://idg.bg/img/ads/728x90.gif) top left no-repeat;
}

#clickable300,
#clickable336{
	width: 300px;
	height: 250px;
	z-index: 1000;
	position: absolute;
	top:0;
	left:0;
	background: url(http://idg.bg/img/ads/336x280.gif) top left no-repeat;
}

#clickable468{
	width: 468px;
	height: 60px;
	z-index: 1000;
	position: absolute;
	top:0;
	left:0;
	background: url(http://idg.bg/img/ads/468x60.gif) top left no-repeat;
}

.social_counts {text-align:right; margin:0;/*margin:0 0 20px 0; padding:1px 0 1px 0;*/}
.social_counts .google-buzz-button {float:right;}
.fb_edge_widget_with_comment{bottom:3px;}

/* 20 YEARS LOGO */
#rec20y{
	position: relative;
	margin:0 auto;
}

#cw20y {
	position: absolute;
	top:50px;
	left:5px;
	width:127px;
	height:115px;
	background:url(../images/cw20years.png) no-repeat;
	z-index: 20;
}

#cw20ybg{
	position: absolute;
	top: 0px;
	left:0;
	width: 136px;
	height:185px;
	background: #222;
	opacity: 0.4;
	-o-opacity: 0.4;
	-moz-opacity: 0.4;
	-webkit-opacity: 0.4;
	filter: alpha(opacity=40);
	z-index: 10;
}

.carrersvip {
	width:99%;
	margin:20px 0px;
	overflow:hidden;
	border:1px solid #70935A;
}

.carrersvip h1 {
	margin:0;
	padding:5px 10px;
	background:#dadada;
	font:normal 11px Verdana;
	text-transform:uppercase;
	
}

.carrersvip a:link, .carrersvip a:visited {
	margin:5px;
	color:#478B1F;
	display:block;
	overflow:hidden;
	line-height:25px;
	font:bold 12px Verdana;
	padding:10px 10px 5px 30px;
	background:url(http://computerworld.bg/images/vip.png)no-repeat left 7px;
}

.carrersvip p {
    margin:0 30px;
    padding:0 0 15px 5px;
    font: normal 11px Verdana;
    border-bottom: 1px dotted #B8B8B8;
}

/*techquiz right*/
.quizIcon{
	float:left;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
}

.quizIcon img{border:1px solid #999; border-radius:7px;}

.quizTitle{
	float:left;
	width:210px;
	margin-top:8px;
}
.quizTitle a{color:#D92021;}

.quizBody{
	float:left;
	width:210px;
	margin-top:10px;
	margin-bottom:10px;
	color:#0487C1;
}

.quizHat{
	position: relative;
	width:287px;
	border: 1px solid #9CC4F4;
	background-image: url(/images/sb_green.png);
}
.quizHat h3{color: #fff;}

.quizMain{
	background:url(/images/quiz_background_sb.jpg);
}

.web_counter{
	margin: 0 auto;
	text-align: center;
	width: 100px;
	padding-top: 5px;
	height: 20px;
}
