#content-left, #content-middle, #content-right {float: left; margin-right: 10px; width: 420px;}
#content-middle {width: 400px;}
#content-right {margin-right: 0; width: 160px;}
#content-middle-left {float: left; width: 160px; clear: both;}
#content-middle-right {float: left; width: 234px; margin-left: 6px;}

#content-left .banner {margin-top: 5px;}

#master-article {padding: 0 10px;}
* html #master-article {width: 397px;}
#master-article .path {margin-top: 5px;}
#master-article h1 {font-size: 20px; line-height: 20px; padding: 5px 0 2px;}
#master-article h1 a, #main-articles h1 a {color: #b30000; text-decoration: none;}
#master-article h1 a:hover, #main-articles h1 a:hover {text-decoration: underline;}

#main-articles {margin-top: 5px;}
#main-articles .summary {padding: 10px; clear: both; color: #444; margin-bottom: 5px; background: #f7f7f7 url(../images/layout/homepage/bg-main-articles.png) top repeat-x;}
* html #main-articles .summary {width: 397px;}
#main-articles .path, #main-articles .path a {color: #888;}
#main-articles .path a:hover {color: #b30000;}
#main-articles h1 {font: bold 11px Tahoma; margin: 3px 0 2px;}

#columns, #tributes, #reportage, .grey {border-color: #ccc; background-image: url(../images/bg-block-grey.png); text-align: left;}
#columns h1, #tributes h1 {float: none; background-color: #5ea0e3; background-image: url(../images/bg-header-blue.png);}
#columns j2, #tributes j2 {float: none; background-color: #a5df19; background-image: url(../images/bg-block-green-traveler.png);}
#columns.block {padding: 10px 0;}
#columns.block .options {padding: 0 10px 5px; margin-top: 5px;}
#columns h1 span {display: block; font-weight: normal;}
#columns j2 span {display: block; font-weight: normal;}
#columns .pointer {margin-bottom: 7px;}
#columns .title img {float: left; padding: 1px; margin-right: 7px; border: 1px solid #fff;}
#columns .title {font-weight: bold; color: #555; clear: both;}
#columns li {float: left; display: block; width: 184px; background: transparent; padding-left: 10px; height: 113px;}
#columns li.h {display: none}
#columns li a {color: #666;}
#columns li a:hover {color: #0c2778;}
/*#columns .more-category {padding-left: 14px; margin-top: 10px; background: url(../images/icon-category.png) left center no-repeat;}*/
#columns .more-category {padding-left: 14px; margin-top: 10px; background: url(../images/_icon-sprites.png) left center no-repeat; background-position: -9px -6px;}
#columns .cosmote h1 {background-color: #a5df19; background-image: url(../images/cosmote/bg-block-green-traveler.png); background-position: top right; color: #fff;}
#columns .more-category2 {padding-left: 14px; margin-top: 10px; background-position: -9px -6px;}
#columns .img {margin-top:10px;}

.controls {float: right; width: 70px;}
.controls a.next, .controls a.prev, .controls a.pause {background: url(../images/icons-controls.png) no-repeat; display: block; width: 22px; height: 22px; float: left; outline: none;}
.controls a.pause {background-position: -40px 0;}
.controls a.next {background-position: -80px 0;}
.controls a.prev:hover, .controls a.prev.hover {background-position: 0px -30px;}
.controls a.pause:hover, .controls a.pause.hover {background-position: -40px -30px;}
.controls a.next:hover, .controls a.next.hover {background-position: -80px -30px;}

#myteam .select-team a {width: 120px;}

#tv {border-color: #8bbbeb; background: #f5f5fa; text-align: left;}
#tv .options {float: right;}
#tv .options span {margin: 0 0 0 10px;}
#tv .options a, #tributes .options a {text-decoration: underline;}
#tv .options a:hover {color: #0c2778;}
#tv li {background: none; padding: 3px 0 7px 0;}
#tv li p {color: #0c2778;}
#tv li span {color: #777;}
.options .tv {padding-left: 14px; background-image: url(../images/icon-sprites.png); background-position: -9px -204px;}
#tv .options a:hover {color: #0c2778;}
.block#tv .options span, .block#tributes .options span{display: block; background-position: left top;}

.block#opinion {background: #f7f7f7; border-color: #e5e5e5; font-size: 10px; text-align: left; padding: 5px;}
#opinion a {color: #818fb7; background: url(../images/icon-opinion.png) left center no-repeat; padding-left: 16px;}
#opinion a:hover {color: #495b98;}

#tributes h1 {float: left;}
#tributes .title {font-weight: bold; padding-bottom: 5px;}
#tributes .title img {margin: 5px 2px; display: block; float: right;}
#tributes .title a {color: #555;}
.block#tributes .options span {background-position: 0 2px;}

#categories {background: #f7f7f7; text-align: left; border-top: 1px solid #fff;}
.tabs li {float: left; display: block; width: 101px;}
.tabs a, .tabs .current a {display: block; width: 100px; padding: 10px 0; margin-right: 1px; color: #fff; font-weight: bold; text-decoration: none; text-align: center; background: url(../images/bg-tab-middle-blue.png) 0 0 no-repeat;}
.tabs #tab1 a {background-image: url(../images/bg-tab-left-blue.png);}
.tabs #tab7 a {width: 117px; margin: 0; background-image: url(../images/bg-tab-right-blue.png); background-position: 100% 0;}
.tabs a:hover {background-position: 0 -55px; color: #fff;}
.tabs #tab7 a:hover {background-position: 100% -55px;}
.tabs .current a, .tabs .current a:hover {background-position: 0% -110px;}
.tabs .current#tab7 a, .tabs .current#tab7 a:hover {background-position: 100% -110px;}
.tabs p {height: 5px; margin-bottom: 15px;}
.tabs .current p {background: url(../images/pointer-blue.png) 50% 0 no-repeat;}


.category-summary {padding: 0 10px 20px 0; display: none;}
.category-summary#tab1-panel {display: block;}
.category-summary div {padding-left: 10px; width: 195px;}
/*.category-summary div h1 {font: bold 11px Tahoma; padding-left: 14px; background: url(../images/icon-category-red.png) left center no-repeat;}*/
.category-summary div h1 {font: bold 11px Tahoma; padding-left: 14px; background: url(../images/_icon-sprites.png) left center no-repeat; background-position: -9px -30px;}
.category-summary div ul {padding: 0 0 10px 14px;}
.category-summary div li {padding: 2px 0 5px;}

#categories .options {display: block; clear: both; padding: 0 10px; margin: 0;}
#categories .options span {display: block;}
#categories .options a {color: #777;}
#categories .more-category {padding: 10px 0 0 14px; background-position: 0% 12px;}
#categories .more-category a {color: #555;}
#categories .category-summary h1 a, #categories .category-summary a:hover, #categories .options a:hover {color: #0c2778;}
#categories .all-categories {padding: 2px 0 10px 14px;}

#video {background: #1C4777 url(../images/bg-block-videos-top.png) top repeat-x; margin-bottom: 10px; border: 4px solid #1a213c;}
#video .options {padding: 2px 0 13px 13px;}
#video ul {overflow: hidden; height: 1%; margin-bottom: 10px;}
#video li {float: left; margin: 13px 0 0 13px; width: 88px; font-weight: bold; font-size: 10px;}
#video .main {width: 264px;}
#video li img {border: 1px solid #1a213c;}
#video li span {position: absolute; width: 86px; height: 48px;}
#video .main span {width: 262px; height: 147px;}
#video li span img {position: absolute; margin: -15px; left: 50%; top: 50%; border: 0;}
#video .main span img {margin: -50px;}
#video li p {font-weight: normal; line-height: 18px;}
#video a {text-decoration: none; color: #fff;}
#video a:hover {text-decoration: underline;}
#video .videoinfo {text-align: left; color: #68B3D7;}
#video .banner {margin: 0;}
#video .sponsor {text-align: center; border-top: 1px solid #1a213c; padding: 10px;}

/* radar update 10 Sep 2008 */
.reporters {float: left; width: 190px; margin-top:5px; }
.radar {float: right; width: 180px; margin-top:5px; }


.webtv .tab, .webtv .controls {float: left; padding: 0;}
.webtv .controls {padding: 5px 0 0 10px;}
.webtv .controls a {background-image: url(../images/layout/general/icons-controls-blue.png);}
.webtv .slidercontainer {clear: both; background: #2A385B url(../images/bg-block-webtv.png) bottom no-repeat; height: 1%;}
.webtv .slider {padding: 0; margin: 0;}
.webtv li {overflow: hidden; height: 55px; padding: 10px; width: 400px; color:#ffffff}
.webtv ul .thumb {float: left; margin-right: 10px;}
.webtv ul img {border: 1px solid #1a213c;}
.webtv ul span {position: absolute; width: 86px; height: 48px; color:#ffffff}
.webtv ul span img {position: absolute; margin: -15px; left: 50%; top: 50%; border: 0; color:#ffffff}
.webtv ul p {font-weight: normal; line-height: 18px; color:#00CCFF}
.webtv ul a {text-decoration: none; color: #fff; font-weight: bold; color:#ffffff}
.webtv ul a:hover {text-decoration: underline; color:#ffffff}
.webtv ul .videoinfo {text-align: left; color: #ffffff; float: left; width: 235px;}

/* ist college update 1 Sep 2009 */
#content .istcollege {background: #fff; border: 4px solid #ca1d06;}
#content .istcollege h1 {background: #fff url(../images/bg-header-ice.png) bottom repeat-x; color: #ffff;}
#content .istcollege h1 a, #content .istcollege h1 a:hover {color: #000;}
#content .istcollege .pointer {margin-bottom: 10px;}
#content .istcollege .videoinfo {color: #ffffff;}
#content .istcollege li a, #content .istcollege li a:hover {color: #ffffff;}
#content .istcollege .options {overflow: hidden; height: 1%; padding: 0 10px;}
#content .istcollege .options a, #content .minoan .options a:hover {color: #ffffff;}
#content .istcollege .sponsor {padding: 0 0 5px; border: 0;}

.webtv .controls a {background-image: url(../images/icons-controls.png);}
.webtv .slidercontainer {background: #eee url(../images/istcollege/bg-fp-video-block.png) bottom repeat-x; height: 1%;}
.webtv ul img {border: 1px solid #555;}
.webtv ul a {color: #ffffff;}
.webtv ul .videoinfo {color: #00CCFF;}
.webtv .sponsor {float: right;}

.kouklo {margin-bottom:7px;}

#scroller {margin-left:15px; margin-top:-5px; margin-bottom:-5px;}
#scroller2 {float: right; margin-right:30px; margin-top:-15px; margin-bottom:5px;}