body{background: #000; margin: 0 0 0 0px;}
body,td{font-family: Verdana; font-size: 11px; color: #9CBFEA;}

a{text-decoration: none; color: #FFF;}
a:hover{text-decoration: none;}
img{border: 0px}

form{margin: 0px; padding: 0px;}
input, select, textarea{font-size: 10px; background: #000000; border: 1px solid #041062; font-family: Verdana; color: #EEEEEE;}

.italic{font-style: italic;}
.bold{font-weight: bold}
.underline{text-decoration: underline;}
.center{text-align: center;}
.fleft{float: left; text-align: left;}
.fright{float: right; text-align: right;}
.left{text-align: left;}
.right{text-align: right;}
.clr{clear: both;}
.top{vertical-align: top;}

.actionInfo{padding: 10px; text-align: center;}
.voteBar{width: 100px; background: #000;}

.avatar{text-align: center; background: #000; width: 62px;}
.wildcard{font-size: 8px; vertical-align: super; font-weight: bold; padding-left: 2px;}
.buttons{text-align: right;}
.note{text-align: center; padding: 10px;}
.pages{text-align: center;}

.screen{margin: auto; margin-top: 10px; margin-bottom: 10px; border: 1px solid #000; float: none; display: block;}
.playoffFullInside{height: 100%; width: 100%;}

/* decoration for user permissions in online box */
.permission2{text-decoration: underline;}
.permission3{text-decoration: underline; font-weight: bold;}

/* banner */
.logo{background: url('im/head_bg.gif');}
.sign{text-align: right; height: 99px;}

/* boxes, leave it unless you want to create your own layout for boxes */
.box_head{font-size: 10px; text-align: center; font-weight: bold; letter-spacing: 1.5px; color: #B9DFFF; background: url('im/box_hd_bg.gif'); height: 18px;}

.top_boxes{padding-left: 10px; width: 33%; height: 100%;}
.topBox{width: 100%; height: 127px; background: url('im/box_bg.gif');}
.topBoxI{vertical-align: top; height: 100%;}

.rightBox{width: 100%; background: url('im/box_bg.gif'); margin-bottom: 5px;}

.topBoxesRight{padding-left: 10px; width: 33%; height: 100%; padding-top: 13px;}
.leftBox{width: 150px; background: url('im/box_bg.gif'); margin-bottom: 5px;}
.BoxTleft{background: url('im/box_hl_bg.gif'); width: 6px; height: 18px;}
.BoxTright{background: url('im/box_hr_bg.gif'); width: 16px; height: 18px;}
.BoxMcenter{height: 6px; background: url('im/box_top_line.gif');}
.BoxMright{height: 6px; width: 6px; background: url('im/box_tr_corner.gif');}
.BoxMleft{height: 6px; width: 6px; background: url('im/box_tl_corner.gif');}
.BoxCleft{background: url('im/box_lft_line.gif'); width: 6px;}
.BoxCright{background: url('im/box_rgh_line.gif'); width: 6px;}
.leftBoxBleft{background: url('im/box_bl_corner.gif'); width: 6px; height: 6px;}
.leftBoxBright{background: url('im/box_br_corner.gif'); width: 6px; height: 6px;}
.leftBoxBcenter{height: 6px; background: url('im/box_btm_line.gif');}

.contentTable{background: url('im/box_bg.gif'); width: 100%;}
.contentHeader{background: url('im/box_hd_bg.gif'); font-weight: bolder; color: #FFF; letter-spacing: 1.5px; text-align: right; height: 18px;}
.content{background: url('im/content_bg.gif');}
.navigationShortcut{text-align: right; height: 18px; background: url('im/head2_bg.gif'); margin-bottom: 2px; padding-right: 5px;}

.foot{background: url('im/footer_bg.gif'); text-align: center; height: 21px; line-height: 21px;}

/* layout for comments and votes */
div.submitContainer{position: absolute;left: 50%; top: 50%; margin-left: -150px; margin-top: -150px; text-align: center;}
.submitBox2{background-image: url('img/box_bg.gif'); width: 400px;}

/* boxes specific settings */
.topBoxI a, .leftBoxI a{display: block;}

.minitabHead{padding-top: 5px; padding-bottom: 3px; text-align: center; width: 140px;}

form.languagesList, form.leaguesList, form.seasonsList{text-align: center;}
form.layoutLoginForm{margin-left: 5px;}
td.powered_byBox{text-align: center;}


/* tables inside content */
table.tab_brdr{background: #081027; margin: auto; margin-top: 10px; margin-bottom: 10px;}
table.tab_brdr2{margin: auto;}
.content1{background: #000011; color: #9CBFEA;}
.content1 a{}
.content1 a:hover{text-decoration: underline; color: #AFD4FF;}
.content2{background: #000000; color: #9CBFEA;}
.content3{background: #000000; color: #9CBFEA; font-weight: bold;}
.content4{background: #060A14; color: #FFF; font-weight: bold; text-align: center;}
.tab_head1{color: #9CBFEA;}
.tab_head2{background: #000000; color: #9CBFEA; font-weight: bold;}
.tab_head3{background: #000000; color: #9CBFEA; font-weight: bold; text-align: center;}

/* options inside content */
.contentOptions{text-align: center; color: #3B41EF;}
.contentOptions a{color: #5F65FF;}
.contentOptions a:hover{color: #CFD1FF;}


/* news */
.news_head, .news_head1, .news_head2{color: #B9DFFF; line-height: 18px;}
.news_head1{text-align: left;}
.news_head2{text-align: right;}
.newsBg{background: url('im/box_hd_bg.gif');}
.news{text-align: justify; padding: 3px; line-height: 16px;}

.newsBottom{background: url('im/news_com.gif'); width: 177px; text-align: center; height: 23px;}
.newsBottomLine{background: url('im/news_btm_line.gif');}
.bottomNewsCorner{background: url('im/news_lft_corner.gif'); background-repeat: no-repeat; width: 5px;}
.comment{background: #001; color: #9CBFEA; text-align: justify;}

.articleTitle{font-weight: normal; letter-spacing: normal;}
.articleCategory{font-weight: normal; letter-spacing: normal;}

/* search forms */
.searchForm input.form_text{width: 80px;}
.searchForm select.countries{width: 150px;}
.searchFormTable{padding-bottom: 15px; margin: auto;}

/* multiple items floating on left, currently used for players */
.listMultipleItems{margin: auto;}
.listMultipleItems table.tab_brdr{margin: 0;}


/* calendar */
table.calendar td{vertical-align: top; font-family: Tahoma;}
table.calendar td a{display: block; border: 1px solid #0A1433; padding: 2px; margin: 2px 0;}
table.calendar td a:hover{border: 1px solid #0E1D49; text-decoration: none;}
table.calendar td.content1{width: 95px; height: 90px;}
table.calendar td.notBelong{background: #000;}
table.calendar td.today{background: #0C225F;}
table.calendar td.event{background: #0C225F;}
table.calendar span.won{color: #090;}
table.calendar span.lost{color: #A00;}
table.calendar span.match_time{display: block;}


@media screen and (max-width: 600px) {
     .resp600
	 {
       width:100%;
		float:left;
    }
	 
	td.resp600 table.leftBox{
		float:left;
		width:100%;
	}
	td.resp600 table.leftbox::after{
		clear:both;
		}
		
	.top_boxes{
		float:left;
		width:100%;
		}
		
		tr.logo td.resp600 a img{
		width:100%;	
			}
		tr.logo td.sign a img{
		float:left;
		width:100%;	
			}	
			.topBoxesRight{
			padding-left:0 !important;
			}
			.top_boxes{
				padding-left:0 !important;
			}
			body, td{
				font-size:10px !important;
				}
			
}


@media screen and (max-width: 320px) {
body, td{
				font-size:8px !important;
				}
}