@charset "UTF-8";
/* CSS Document */

html, body {
	height:100%;
}

body {
	min-width:956px;
	background-color:#f0f0f0;
}

#message, #loading, #popup, #responder, #tinymce {
	height:auto;
	min-width:400px;
	background:#fff;
}

#maintable {
	height:100%;
	width:956px;
	margin:0 auto;
	background-color:#FFF;
	border-left:1px #999 solid;
	border-right:1px #999 solid;
}

#content {
	padding: 0 4px 4px;
	height:90%;
}

#container {
	vertical-align:top;
}

#banner td {
	padding-bottom:18px;
	vertical-align:bottom;
}

#banner img {
	border:1px solid #999;
}

#header {
	background-image:url(../imgs/header-bg.gif);
	height:90px;
}

#header h1 {
	width:269px;
	height:90px;
	margin:0px;
	color:#FFFFFF;
	background-image:url(../imgs/header-left.gif);
	background-repeat:no-repeat;
	background-position: left top;
	float:left;
}

#header #logo {
	background-image:url(../imgs/header-right.gif);
	background-repeat:no-repeat;
	background-position: right top;
	float:right;
	height:90px;
	width:168px;
}

/* subheader */

#subheader {
	background-image:url(../imgs/header-bg.gif);
	height:67px;
	background-position: bottom;
	background-color:#B2B2B2;
}

#subheader #search {
	background-image:url(../imgs/header-left.gif);
	background-repeat:no-repeat;
	height:67px;
	width:269px;
	padding-left:18px;
	background-position:left bottom;
	float:left;
}

#subheader #nav {
	background-image:url(../imgs/header-right.gif);
	background-repeat:no-repeat;
	height:67px;
	background-position: right bottom;
	padding-right:25px;
}

#login_header {
	background-image:url(../imgs/login-header-bg.gif);
	height:90px;
}

#login_header h1 {
	width:266px;
	height:90px;
	margin:0px;
	float:left;
	color:#FFFFFF;
	background-image:url(../imgs/login-header-left.gif);
	background-repeat:no-repeat;
}

#login_header #logo {
	background-image:url(../imgs/login-header-right.gif);
	background-repeat:no-repeat;
	float:right;
	height:90px;
	width:162px;
}

#login_header h1 b, #header h1 b  {
	display:none;
}

#header h1, #login_header h1 {
	width:400px;
}

#nav a {
	color:#000;
	background-color:transparent;
	background:url(../imgs/nav-left.gif) no-repeat left top;
}

#nav a:visited {
	color:#000;
}

#nav a:hover, #nav .active a {
	color:#fff !important;
}

#nav li {
	float:right;
	margin-left:8px;
	background:url(../imgs/nav-right.gif) no-repeat right top;
	font-weight:bold;
}

#nav li:hover, #nav .active {
	background-image:url(../imgs/nav-right-active.gif);
}

#nav li:hover a, #nav .active a {
	background-image:url(../imgs/nav-left-active.gif);
}

.nav .notification {
	/* IE PNG HACK */
	background-image: /**/ url(../imgs/notification.png);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/imgs/notification.png', sizingMethod='crop');
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    float: left;
    height: 28px;
    left: 41px;
    line-height: 24px;
    margin-bottom: -41px;
    position: relative;
    top: -45px;
    width: 24px;
}

.search_button {
	float:left;
	background-image:url(../imgs/search.gif);
	background-repeat:no-repeat;
	width:45px;
	height:54px;
	cursor:pointer;
}

#dialog {
	background-color:#BFBFBF;
	width:434px;
	margin:0 auto;
	text-align:center;
	background-image:url(../imgs/dialog-footer.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	margin-top:18px;
}

#dialog h2 {
	background-image:url(../imgs/dialog-header.gif);
	background-repeat:no-repeat;
	height:50px;
	padding-top:30px;
	margin:0px;
	font-size:22px;
}

/* Boxes */
#boxes .box {
	width:163px;
	height:102px;
	float:left;
	margin-right:18px;
	margin-bottom:18px;
}

#boxes a {
	text-decoration:none;
	color:#000000;
}

#boxes h3 {
	margin:0px;
	text-align:center;
	background-repeat:no-repeat;
	background-image:url(../imgs/box_header_grey.gif);
	background-color:#b2b2b2;
	height:26px;
	line-height:26px;
	font-size:13px;
}

#boxes .border {
	/* IE PNG HACK */
	background-image: /**/ url(../imgs/box_border_mask.png);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/imgs/box_border_mask.png', sizingMethod='crop');
	background-repeat:no-repeat;
	height:72px;
	width:163px;
	position:absolute;
	z-index:1;
	cursor:pointer;
}

#boxes .new .border {
	/* IE PNG HACK */
	background-image: /**/ url(../imgs/box_border_new.png);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/imgs/box_border_new.png', sizingMethod='crop');
}


#boxes .ticked .border {
	/* IE PNG HACK */
	background-image: /**/ url(../imgs/box_border_ticked.png);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/imgs/box_border_ticked.png', sizingMethod='crop');
}

#boxes img {
	margin:0px;
	padding:0px;
	border:none;
}

/* Blue */
#boxes .blue h3 {
	background-image:url(../imgs/box_header_blue.gif);
}

/* Green */
#boxes .green h3 {
	background-image:url(../imgs/box_header_green.gif);
}

/* Black */
#boxes .black h3 {
	background-image:url(../imgs/box_header_black.gif);
}

#boxes .green h3 a, #boxes .blue h3 a, #boxes .black h3 a {
	color:#FFFFFF;
}

#footer {
	vertical-align:bottom;
}

#foot {
    background-color: #000000;
    height: 12px;
    padding: 4px;
}

/* OK button */
.ok_button {
	/* IE PNG HACK */
	background-image: /**/ url(../imgs/ok-button.png);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/imgs/ok-button.png', sizingMethod='crop');
}

/* button */

.button a, .button a:visited, .button input {
	padding:5px 8px;
	height:24px;
	background-color:transparent;
	line-height:12px;
	
	/* IE PNG HACK */
	background-image: /**/ url(../imgs/button.png);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/imgs/button.png', sizingMethod='crop');
}

.button input {
	padding: 0 12px 6px 6px;
	height:35px;
}

form .button a {
    height: 24px;
    padding: 8px 8px 4px;
}

.button a:hover, .button input:hover {
	background-color:transparent;
	/* IE PNG HACK */
	background-image: /**/ url(../imgs/button_active.png);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/imgs/button_active.png', sizingMethod='crop');
	text-decoration:none;
}

.button a.disabled {
	background-color:transparent;
	/* IE PNG HACK */
	background-image: /**/ url(../imgs/button_disabled.png);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/imgs/button_disabled.png', sizingMethod='crop');
}

#olympics_terms {
	list-style:none;
	text-indent:-24px;
}

#olympics_terms li {
	margin-bottom:6px;
}