﻿/**************************************************************
 * THE HOOPS REPORT SETTINGS
 **************************************************************
 *    COLORS 
 *      - text: #000000 10px
 *      - blue: #2A5A8A
 *      - gray: #707070
 *		- gray-bg: #EDEBED
 *		- gray-bg-hover: #DDDDDD
 *		- yellow: #FFFF66
 **************************************************************/

* {
	padding : 0px;
	margin : 0px;
}

body {
	font-size : 62.5%;
	font-family : Verdana, Arial, Sans-Serif;
	color : #000000;
	background : transparent url(../images/bg.png) repeat scroll;
}

a {
	color : #2A5A8A;
	text-decoration : none;
}

a:hover {
	color : #707070;
	text-decoration : none;
}

img {
	border : none;
}

p {
	padding : 5px;
	line-height : 1.5em;
}

input[type=text],
input[type=password],
textarea,
select {
	width : 764px;
	padding : 4px;
	border: 1px solid #707070;
	border-left: 5px solid #707070;
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus, select:focus {
	border: 1px solid #2A5A8A;
	border-left: 5px solid #2A5A8A;
}

input[type=text]:hover,
input[type=password]:hover,
textarea:hover, select:hover {
	border: 1px solid #2A5A8A;
	border-left: 5px solid #2A5A8A;
}

textarea {
	width : 762px;
	height : 112px;
	/*margin-bottom : 15px;*/
}

select {
	width : 778px;
}

input[type=submit],
input[type=button],
.button {
	font-weight : bold;
	color : #FFFFFF;
	padding : 5px 10px;
	border : none;
	background : #BB0000;
	-moz-border-radius : 0.5em;
}

textarea.articlemultitextfield {
	height : 600px;
}

.error, .success, .warning {
	padding : 10px;
    margin : 0px 19px 10px;
    border : 1px solid;
}

.error {
    color : #D8000C;
	background : #FFBABA;
}

.success {
    color : #4F8A10;
	background : #DFF2BF;
}

.warning {
    color : #9F6000;
	background : #FEEFB3;
}

.right {
	float : right;
}

.left {
	float : left;
}

.clearboth {
	clear : both;
}

/***************************************************************
 * TABLES
 **************************************************************/

table {
	width : 100%;
	border-collapse : collapse;
}

table tr,
table td {
	text-align : left;
}

table td.topborder {
	border-top : 3px solid #E1E1E1; 
}

table th.top,
table th.topcenter10,
table th.topcenter20 {
	height : 2.5em;
	font-size : 110%;
	font-weight : bold;
	text-align : center;
	color : #FFFFFF;
	padding : 0 7px 0 7px;
	border : 1px solid #FFFFFF;
	background : #707070;
}

table th.top {
	text-align : left;
}

table th.top a,
table th.top a:hover {
	color : #FFFFFF;
}

table th.topcenter10 {
	width : 10%;
}

table th.topcenter20 {
	width : 20%;
}

table th.rpi1,
table th.rpi2,
table td.rpi1,
table td.rpi2 {
	height : 2.0em;
	font-size : 110%;
	font-weight : bold;
	text-align : left;
	color : #505050;
	padding : 2px 7px 2px 7px;
	border : 1px solid #FFFFFF;
}

table th.rpi1,
table td.rpi1 {
	background : #E1E1E1;
}

table th.rpi2,
table td.rpi2 {
	background : #AFAFAF;
}

table td.rpi1,
table td.rpi2 {
	font-weight : normal;
}

table td.bracket {
	width : 10%;
}

table td.bracketbottom {
	font-size : 87%;
	padding : 0 4px 2px 4px;
	border-bottom : 1px solid #000000;
}

table td.bracketbottomvbottom {
	font-size : 87%;
	padding : 0 4px 2px 4px;
	vertical-align : bottom;
	border-bottom : 1px solid #000000;
}

table td.bracketright {
	border-right : 1px solid #000000;
}

table td.bracketleft {
	border-left : 1px solid #000000;
}

table td.bracketbottomright {
	font-size : 87%;
	padding : 0 4px 2px 4px;
	border-bottom : 1px solid #000000;
	border-right : 1px solid #000000;
}

table td.bracketbottomleft {
	font-size : 87%;
	padding : 0 4px 2px 4px;
	border-bottom : 1px solid #000000;
	border-left : 1px solid #000000;
}

/***************************************************************
 * WRAPPERS
 **************************************************************/

#container {
	min-width : 1048px;
}

#header-wrapper {
	width : 100%;
	background : #707070;
}

#content-wrapper,
#footer-wrapper {
	width : 1048px;
	margin : 0px auto;
}

#content-wrapper {
	background : transparent url(../images/bg-repeater.gif) repeat-y center scroll;
}

#footer-wrapper {
	background : transparent url(../images/bg-footer.gif) no-repeat top scroll;
}

.wrapper {
	width : 1030px;
	margin : 0px auto;
}

/***************************************************************
 * HEADER	
 **************************************************************/

#header {
	position : relative;
	width : 1030px;
	height : 120px;
	padding : 5px 0px;
	margin : 0px auto;
}

#ctl00_logo {
	float : left;
	width : 619px;
	height : 120px;
	background : transparent url(../images/logo.gif) no-repeat scroll;
}

#ctl00_logo strong {
	display : none;
}

#ctl00_twitter {
	float : left;
	width : 155px;
	height : 66px;
	color : #FFFF66;
	font-size : 240%;
	text-align : center;
	margin-left : 200px;
	margin-top : 25px;
	background : transparent url(../images/twitter.png) no-repeat bottom right scroll;
}

#header-body {
	width : 361px;
	margin-top : -5px;
}

#header-body ul {
	list-style-type : none;
	font-size : 120%;
	font-weight : bold;
	padding : 0px;
	margin : 0px;
	background : #BB0000;
	-moz-border-radius-bottomleft : 1em;
	-moz-border-radius-bottomright : 1em;
	-moz-border-radius-topleft : 0em;
	-moz-border-radius-topright : 0em;
}

#header-body li {
	float : left;
	padding : 10px 20px;
}

#header-body li.separator {
	float : left;
	width : 1px;
	height : 34px;
	padding : 0px;
	background : transparent url(../images/header-separator.png) no-repeat scroll;
}

#header-body a {
	display : block;
	color : #FFFFFF;
}

#header-body a:hover {
	color : #000000;
}

/***************************************************************
 * MENU	
 **************************************************************/

#menu-wrapper {
	width : 100%;
	background : transparent url(../images/menu-bg.png) repeat-x scroll;
}

#menu {
	width : 1030px;
	height : 35px;
	line-height : 35px;
	font-size : 120%;
	margin : 0px auto;
}

#menu ul {
	list-style-type : none;
	padding : 0px;
	margin : 0px;
}

#menu li {
	float : left;
	background : transparent url(../images/menu-separator.png) no-repeat scroll;
}

#menu li a {
	display : block;
	color : #FFFFFF;
	padding : 0px 21px;
	margin-right : 2px;
}

#menu li a:hover {
	background : transparent url(../images/menu-hover.png) no-repeat center center;
}

#menu .search {
	float : right;
	width : 232px;
	height : 35px;
	background : transparent url(../images/search-bar.png) no-repeat scroll;
}

#menu .search input {
	width : 198px;
	font-size : 11px;
	color : #707070;
    margin-left : 25px;
    margin-top : 6px;
	border : none;
	background: transparent;
}

#menu .search-button {
	float : right;
	width : 35px;
	height : 35px;
	background : transparent url(../images/search-bg.png) repeat-x scroll;
}

#menu .search-button input {
	display : block;
	margin-top : 5px;
}

/***************************************************************
 * TICKER	
 **************************************************************/

#ticker {
	width : 1048px;
	height : 45px;
	margin : 0px auto;
	background : transparent url(../images/ticker-bg.gif) no-repeat scroll;
}

#marquee {
	height : 25px;
	font-size : 120%;
	font-family : Courier;
	text-transform : uppercase;
	padding : 4px 39px;
}

#marquee a {
	color : #FFFF66;
}

#marquee a:hover {
	text-decoration : underline;
}

/***************************************************************
 * SIDEBAR	
 **************************************************************/

#sidebar {
	float : left;
	width : 200px;
	min-height : 700px;
	margin-left : 19px;
	margin-bottom : -10px;
}

#sidebar div.text,
#sidebar ul {
    list-style : none;
	margin-bottom : 10px;
    background : #EDEBED url(../images/nav-bottom.png) no-repeat 100% 100% scroll;
}

#sidebar div.text,
#sidebar ul.text {
    padding-bottom : 10px;
}

#sidebar ul.text li {
	height : 20px;
	line-height : 20px;
	color : #707070;
	padding-left : 10px;
}

#sidebar div.text .header,
#sidebar ul li.header {
    height : 25px;
	line-height : 25px;
	font-size : 120%;
	font-weight : bold;
	color : #FFFFFF;
	padding-left : 10px;
	background : transparent url(../images/nav-header.png) no-repeat scroll;
}

#sidebar ul.text li.header {
	border-bottom : 1px solid #DDDDDD;
}

#sidebar ul.text li.date {
	color : #2A5A8A;
	padding-bottom : 10px;
}

#sidebar ul li.ad {
	height : 600px;
	text-align : center;
	padding : 10px 20px;
	background : transparent url(../images/nav-top.png) no-repeat scroll;
}

#sidebar div.text p {
	padding : 10px;
}

#sidebar div.text a,
#sidebar ul li a {
	display : block;
	height : 25px;
	line-height : 25px;
	font-weight : bold;
	color : #2A5A8A;
	padding : 0px 10px;
	border-top : 1px solid #DDDDDD;
}

#sidebar div.text a,
#sidebar ul li.ad a {
	padding : 0px;
	display : inline;
	height : 12px;
	line-height : 12px;
	border-top : none;
}

#sidebar div.text a {
	font-size : 14px;
	height : 16px;
	line-height : 16px;
}

#sidebar div.text a:hover,
#sidebar ul li a:hover {
	color : #707070;
	background : #DDDDDD;
}

#sidebar div.text a:hover {
	background : none;
}

#sidebar ul li.bottom a:hover {
	color : #707070;
    background : transparent url(../images/nav-bottom-hover.png) no-repeat 100% 100% scroll;
}

#sidebar ul li.bottom a.new:hover {
    background : transparent url(../images/nav-bottom-hover-new.png) no-repeat 100% 100% scroll;
}

#sidebar ul li a.new {
	text-indent : 21px;
	background : transparent url(../images/icon-new.png) no-repeat 5% center scroll;
}

#sidebar ul li a.new:hover {
	text-indent : 21px;
	background : #DDDDDD url(../images/icon-new.png) no-repeat 5% center scroll;
}

/***************************************************************
 * CONTENT	
 **************************************************************/

#content {
	width : 800px;
	min-height : 700px;
	margin : 0px 10px -10px 229px;
}

#base-content,
#content .ad,
#main-content .article,
#main-content .ad,
#side-content .module {
	margin-bottom : 10px;
	border : 1px solid #888888;
	background : #FFFFFF url(../images/content-bg.png) repeat-x scroll;
}

#content .ad,
#base-content {
	display : block;
	float : left;
}

#base-content {
	width : 798px;
	min-height : 200px;
}

#base-content h2,
#base-content h3 {
	font-size : 220%;
	padding : 5px 0px;
	margin : 0px 10px 15px;
	border-bottom : 1px solid #707070;
}

#base-content h3 {
	font-size : 140%;
}

#base-content h4 {
	font-size : 110%;
	font-weight : normal;
	color : #707070;
	margin : 0 0 8px 0;
}

#base-content .user-profile {
	width : 728px;
	min-height : 80px;
	padding : 10px 0px;
	border-bottom : 1px solid #707070;
}

#base-content .user-image {
	float : left;
	width : 80px;
}

#base-content .user-description {
	float : left;
	width : 648px;
}

#base-content ul.user-links {
	list-style-type : none;
	padding : 0px;
	margin : 0px;
	background : #707070;
}

#base-content ul.user-links li {
	float : left;
	color : #FFFFFF;
	padding : 10px 20px;
	border-right : 1px solid #DDDDDD;
}

#base-content .article-image {
	padding-left : 10px;
	margin : 0px 0px 10px 10px;
	border-left : 1px solid #707070;
}

#base-content .article-related {
	padding : 5px 4px 5px 5px;
	margin : 20px 0px 10px 10px;
	border : 1px solid #707070;
	background : #FFFFFF url(../images/content-bg.png) repeat-x scroll;
}

#base-content .article-related h5 {
	font-size : 14px;
	padding : 5px;
}

#base-content .article-related ul {
	list-style-type : none;
	padding : 5px;
}

#base-content .article-image-enlarge {
	font-size : 100%;
	padding : 0px 10px 5px 0px;
}

#base-content .article-image-caption,
#base-content .article-image-credit {
	font-size : 100%;
	padding : 0px 0px 10px;
}

#base-content .article-image-caption {
	font-weight : bold;
}

#base-content .article-image-credit {
	font-style : italic;
	color : #707070;
}

#base-content .article-credit,
#base-content .video-credit {
	font-size : 100%;
	color : #707070;
	padding : 0px 10px 10px 0px;
}

#base-content p {
	font-size : 120%;
	padding : 5px 10px;
}

#main-content {
	float : left;
	width : 440px;
	margin-bottom : -10px;
}

#content .ad,
#main-content .article,
#main-content .ad,
#side-content .module .content {
	text-align : center;
}

#content .ad {
	padding : 10px 35px;
}

#main-content .ad {
	height : 250px;
	padding : 10px 69px;
}

#content .ad-text {
	width : 728px;
	padding : 10px 35px;
	background : #FFFFFF url(../images/content-bg.png) repeat-x scroll;
}

#main-content .article {
	padding : 10px 0px;
}

#side-content {
	width : 300px;
	margin-left : 450px;
}

#side-content .module.ad {
	border : none;
	padding : 0px;
}

#side-content .module h2 {
	font-size : 140%;
	text-indent : 18px;
	padding : 5px;
}

#side-content .module.article h2 {
	background : transparent url(../images/icon-article.png) no-repeat 1% center scroll;
}

#side-content .module.link h2 {
	background : transparent url(../images/icon-link.png) no-repeat 1% center scroll;
}

#side-content .module.list h2 {
	background : transparent url(../images/icon-list.png) no-repeat 1% center scroll;
}

#side-content .module.text h2 {
	background : transparent url(../images/icon-text.png) no-repeat 1% center scroll;
}

#side-content .module.video h2 {
	background : transparent url(../images/icon-video.png) no-repeat 1% center scroll;
}

#side-content .module .archive {
	font-size : 120%;
	text-align : right;
	padding : 5px;
}

#side-content .module .content {
	padding-top : 5px;
}

#side-content .article .content {
	float : right;
	padding : 5px;
}

#side-content .module ul {
	list-style-type : none;
	padding : 5px 5px 0px;
}

#side-content .module ul li {
	padding-bottom : 5px;
	background : transparent url(../images/bullet.png) no-repeat 0% 20% scroll;
}

#side-content .module ul li a {
	line-height : 1.5em;
}


#side-content .module ul li div {
	margin-left : 15px;
}

/***************************************************************
 * FORMS
 **************************************************************/

#forms {
	padding : 0px 10px 10px;
}

#forms p {
	font-size : 110%;
	padding : 0px 0px 4px;
}

#forms p.updated {
	font-weight : bold;
	padding : 20px 0px 0px;
}

#forms h3 {
	clear : both;
	margin : 10px 0px 15px;
}

#forms label {
	font-size : 120%;
	font-weight : bold;
}

#forms ul {
	padding : 0px 5px 4px 35px;
}

#forms li {
	font-size : 110%;
	line-height : 1.5em;
}

#forms .more-links {
	font-size : 15px;
	list-style-type : none;
	padding : 0px 10px 0px 0px;
	margin : 20px 0px;
}

#forms .more-links li.more {
	padding-left : 10px;
}

#forms .more-links li.more a {
	color : #707070;
}

#forms .more-links li.more a:hover {
	color : #2A5A8A;
}

#forms .table-div {
	overflow : auto;
	width : 778px;
}

#forms .input-message {
	height: 16px;
	display: block;
}

#forms .input-error {
	color: #D8000C;
}

#forms .input-info {
	color: #0077af;
}

#forms .status {
	font-size : 100%;
	font-weight : bold;
	color : #225799;
	padding : 10px 20px 10px 20px;
	margin : 0 0 10px 0;
	border : 1px solid #595959;
	background : #dadada;
}

#forms .error2 {
	font-size : 100%;
	font-weight : bold;
	color : #FF0000;
	padding : 10px 20px 10px 20px;
	margin : 0 0 10px 0;
	border : 1px solid #595959;
	background : #dadada;
}

#press-media {
	float : left;
	width : 100%;
	margin-bottom : 10px;
}

#press-media #player_wrapper {
	margin-left : 0px;
}

/***************************************************************
 * ITEM LIST
 **************************************************************/

#item-list {
	display : block;
	margin : 0px 10px 10px;
}

#item-list span {
	font-size : 160%;
	font-weight : bold;
}

#item-list .item-list-wrapper,
#item-list .item-list-image {
	position : relative;
}

#item-list .item-list-wrapper {
	display : block;
	padding-bottom : 10px;
}

#item-list .item-list-body {
	width : 648px;
	min-height : 100px;
	padding-left : 10px;
}

#item-list .item-list-description {
	padding : 5px 0px;
}

#item-list .item-list-comments,
#item-list .item-list-share {
	display : block;
	height : 26px;
	line-height : 26px;
	text-indent : 23px;
	padding-right : 20px;
}

#item-list .item-list-links {
	width : 100%;
	height : 26px;
	padding-top : 5px;
}

#item-list .item-list-comments {
	background: transparent url(../images/icon-comment.png) no-repeat 0 scroll;
}

#item-list .item-list-share {
	background: transparent url(../images/icon-share.png) no-repeat 0 scroll;
}

/***************************************************************
 * COMMENTS
 **************************************************************/

#comments,
#comment-post {
	margin : 0px 10px 10px;
}

#comments span {
	color : #707070;
}

#comment-post-body {
	display : none;
	padding-top : 10px;
	padding-bottom : 10px;
}

#comments .comment-wrapper-gray,
#comments .comment-wrapper {
	position : relative;
	padding : 5px;
}

#comments .comment-wrapper-gray {
	background : #EDEBED;
}

#comments .comment-image {
	position : relative;
}

#comments span.comment-title {
	color : #2A5A8A;
	font-weight : bold;
	font-size : 14px;
}

#comments .comment {
	padding : 0px 0px 0px 5px;
	margin : 5px 1px;
	border-left : 5px solid #2A5A8A;
}

#comments .delete {
	margin-top : -12px;
}

/***************************************************************
 * PAGER	
 **************************************************************/

.pager {
	height : 22px;
	margin : 10px 0px 20px;
}

.pager.article-pager,
.pager.video-pager {
	margin-top : -28px;
}

.pager a {
	display : inline-block;
	text-decoration : none;
	color : #2A5A8A;
	padding : 4px;
	margin : 0 2px;
	border : 1px solid #707070;
}

.pager a.selected {
	font-weight : bold;
}

.pager a.selected, 
.pager a:hover,
.pager a.cap:hover {
	color : #FFFFFF;
	background : #2A5A8A;
}

.pager a.cap {
	font-weight : bold;
}

.pager a.disabled,
.pager a.disabled:hover {
	color : #DDDDDD;
	border-color : #DDDDDD;
	background : #FFFFFF;
}

/***************************************************************
 * FOOTER	
 **************************************************************/

#footer {
	height : 84px;
}

#footer-links {
	font-weight : bold;
	padding : 40px 0px 0px 19px;
}

#credit {
	height : 30px;
	line-height : 30px;
	color : #707070;
	padding : 0px 9px;
}

#copyright {
	width : 740px;
}

#links {
	width : 218px;
	text-align : right;
	padding-right : 72px;
}

#links img {
	vertical-align : middle;
	margin-top : -2px;
}

/***************************************************************
 * TABS	
 **************************************************************/

#tabs {
	height : 15px;
	padding : 0 0 19px 0;
	margin : 0px;
	border-bottom : 1px solid #000000;
}

#tabs ul,
#tabs li {
	display : inline;
	list-style-type : none;
	padding : 0px;
	margin : 0px;
}

#tabs a,
#tabs a:visited {
	float : left;
	font-size : small;
	font-weight : bold;
	color : #000000;
	line-height : 14px;
	text-decoration : none;
	padding : 2px 10px 2px 10px;
	border : 1px solid #000000;
	border-left : none;
	background : #DBD7D1;
}

#tabs a:hover {
	text-decoration : none;
	background : #FFFFFF;
}

#tabs a.first,
#tabs a:visited.first {
	border-left : 1px solid #000000;
}

#tabs a.logout,
#tabs a:visited.logout {
	float : right;
	border-left : 1px solid #000000;
}

#tabs a.active,
#tabs a:visited.active {
	font-weight : bold;
	color : #000000;
	border-bottom : 1px solid #FFFFFF;
	border-left : 1px solid #000000;
	background : #FFFFFF;
}

#tabs a.active2,
#tabs a:visited.active2 {
	font-weight : bold;
	color : #000000;
	border-bottom : 1px solid #FFFFFF;
	background : #FFFFFF;
}

#tabcontents {
	padding : 12px 10px;
	margin : 0px;
	border : 1px solid #000000;
	border-top : none;
	background : #FFFFFF;
}

#tabcontents input[type=text],
#tabcontents input[type=password],
#tabcontents textarea,
#tabcontents select,
#comment-post input[type=text],
#comment-post input[type=password],
#comment-post textarea,
#comment-post select {
	width : 742px;
}

#tabcontents textarea,
#comment-post textarea {
	width : 740px;
}

#tabcontents select,
#comment-post select {
	width : 756px;
}

#video {
	display : none;
	padding : 10px 10px 35px;
}

#simplemodal-overlay {
	background-color : #000000;
}

#simplemodal-container {
	background : #FFFFFF;
}

#simplemodal-container a.modalCloseImg {
	position : absolute;
	bottom : 7px;
	right : 20px;
	display : inline;
	cursor : pointer;
	width : 66px;
	height : 22px;
	background : url(../images/lightbox-btn-close.gif) no-repeat;
	z-index : 3200;
}
